Logo
Primary Logo
Full logo with icon and text
Icon Only
Standalone architectural icon
Text Logo
Text only without icon
Logo Usage Guidelines
Clear Space Maintain minimum clear space equal to the height of the "3" around all sides of the logo.
Minimum Size Do not scale the logo smaller than 80px wide to ensure legibility.
Color Integrity Never alter the logo colors. Use only the provided primary version.
Placement Position the logo prominently, typically in the header or top-left of materials.
Color Philosophy
A timeless, architectural palette that balances strength and refinement.
Rooted in natural materials, elevated with gold. This palette is designed to meet WCAG AA contrast standards for text and UI components.
Primary Palette
Stone
Warm, timeless, foundational
Charcoal
Strength, sophistication, contrast
Gold
Luxury, warmth, achievement
Neutral Palette
White
#FFFFFF
Alabaster
#F7F5F2
Pearl
#F0EDE6
Sand
#D6CEC0
Taupe
#B8B1A4
Slate
#4B4B4B
Ink
#0D0D0D
Accent Palette
Sophisticated accents for highlights, interactive states, and subtle differentiation.
Bronze
#8A6A3A
Aged Gold
#D2B67A
Sage
#7C8271
Deep Navy
#111C2E
Terracotta
#B46A4A
Background Palette (Usage)
#1A1A1A
#F7F5F2
#FFFFFF
#F0EDE6
Gradients (Usage)
Gold Gradient
#E0C27F → #B98B48
Stone Gradient
#F7F5F2 → #E4DED3
Text Hierarchy
Typography Scale
Download Montserrat| Style | Font | Weight | Size | Line Height | Letter Spacing |
|---|---|---|---|---|---|
| H1 | Montserrat | Light (300) | 48px | 1.2 | 0 |
| H2 | Montserrat | Light (300) | 36px | 1.2 | 0 |
| H3 | Montserrat | Regular (400) | 24px | 1.3 | 0 |
| H4 | Montserrat | Medium (500) | 18px | 1.4 | 0 |
| Body | Montserrat | Regular (400) | 14px | 1.6 | 0 |
| Caption | Montserrat | Regular (400) | 12px | 1.5 | 0.02em |
| Label | Montserrat | Semibold (600) | 10px | 1.4 | 0.15em |
| Tagline | Montserrat | Light (300) | 12px | 1.5 | 0.25em |
Spacing Scale
Based on an 8px grid system for consistent spacing throughout the interface.
4px
8px
12px
16px
24px
32px
48px
64px
Border Radius
None
0px
SM
4px
MD
6px
LG
8px
XL
12px
Full
9999px
Box Shadows
SM
MD
LG
XL
Button Components
Card Components
Standard Card
White background with sand border for elevated content.
Subtle Card
Stone background for secondary or grouped content.
Dark Card
Charcoal background for high contrast sections.
Usage Notes
Global Use
Neutrals for backgrounds, surfaces, and text.
Accents
Use gold and bronze for CTAs, highlights, and key interactions.
Depth & Layers
Use slate and taupe for dividers, borders, and secondary elements.
Brand Impact
Charcoal and gold create premium contrast and visual authority.
Accessibility
This palette meets WCAG AA contrast standards for text and UI.