Logo
Logo
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.
Letterhead
Letterhead
Standard letterhead banner for proposals, contracts, and formal correspondence.
Do
- Place at the top of the page, aligned with document margins.
- Keep the original aspect ratio and the gold rule intact.
- Use on White (#FFFFFF) or Alabaster (#F7F5F2) backgrounds only.
Don't
- Stretch, crop, recolor, or add effects to the artwork.
- Retype or reposition the address and website text.
- Place it over photography, patterns, or dark fills.
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
Primary palette
Stone
Warm, timeless, foundational
Charcoal
Strength, sophistication, contrast
Gold
Luxury, warmth, achievement
Neutral Palette
Neutral palette
White
#FFFFFF
Alabaster
#F7F5F2
Pearl
#F0EDE6
Sand
#D6CEC0
Taupe
#B8B1A4
Slate
#4B4B4B
Ink
#0D0D0D
Accent Palette
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)
Background palette
#1A1A1A
#F7F5F2
#FFFFFF
#F0EDE6
Gradients (Usage)
Gradients
Gold Gradient
#E0C27F → #B98B48
Stone Gradient
#F7F5F2 → #E4DED3
Text Hierarchy
Text hierarchy
Text Hierarchy (On Light)
H1 Heading
Montserrat / Light | #1A1A1A
Body Text Example
Montserrat / Regular | #4B4B4B
Link Example
#C8A063
Text Hierarchy (On Dark)
H1 Heading
Montserrat / Light | #FFFFFF
Body Text Example
Montserrat / Regular | #D6D6D6
Link Example
#C8A063
Typography Scale
Typography scale
| 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
Spacing scale
Based on an 8px grid system for consistent spacing throughout the interface.
Border Radius
Border radius
None
0px
SM
4px
MD
6px
LG
8px
XL
12px
Full
9999px
Box Shadows
Box shadows
SM
MD
LG
XL
Button Components
Button components
Card 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
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.