Style Guide · Design Reference
C21 Masters — the daylight twin of Team-T1-Dark. Ultra-luxury minimalism rendered bright, airy, and gallery-white.
Warm-ivory light theme with a deep-gold primary and heritage-gold accent. Values from assets/tailwind-config.js.
Primary
Secondary
Accent
Background & Surfaces
Text & Lines
Montserrat for display / headings / buttons; Inter for body & labels. Icons: Material Symbols Outlined.
Layout scale, radius system, and easing curve from the Tailwind config & site.css.
| Token | Value | Use |
|---|---|---|
container-max | 1440px | Max content width (centered) |
section-gap | 120px | Vertical padding between major sections |
margin-desktop | 80px | Horizontal page margin (desktop) |
margin-mobile | 20px | Horizontal page margin (mobile) |
gutter | 24px | Grid / card gap |
unit | 8px | Base spacing unit |
ease | cubic-bezier(0.16, 1, 0.3, 1) | Reveals, card lift, underline, transitions |
Border Radius Scale — sharp 0px corner system
The signature look uses sharp 0px corners for buttons, cards, images and property tiles. Rounded radii are reserved for the pill eyebrow chip and small status dots.
Hover the samples to see the real transition. Sharp corners, uppercase Montserrat, gold-driven.
Primary (heritage-gold #C5A059 on onyx text): hover swaps to onyx-black background + white text; active scale(.95).
Secondary (gold outline + gold text on transparent): hover fills with heritage-gold/10 tint.
Nav CTA: gold background, hover darkens to primary-fixed #6E531F. All transitions 300ms on the 0.16,1,0.3,1 ease.
Minimalist underline fields — transparent background, single bottom border that turns gold on focus. Labels are tracked caps.
Focus state: bottom border color changes from outline-variant #D6CEBF to heritage-gold #C5A059, no focus ring. Placeholders use on-surface-variant at 40% opacity.
Signature reusable pieces rendered in the real styles.
Navigation Bar (fixed, blurred, centered wordmark)
Service Cards (card-lift on hover)
Curated access to on- and off-market homes, with negotiation that protects your position and your privacy.
Learn MoreCinematic marketing, strategic pricing, and a global audience that positions your property to command its peak.
Learn MorePortfolio strategy, yield modeling, and disciplined sourcing for buyers building long-term wealth.
Learn MoreBadges, Eyebrow & Section Label
Footer
Elevating the standard of luxury real estate representation through uncompromising integrity and bespoke advisory services.
Icons: Material Symbols Outlined throughout — key, sell, trending_up, verified, location_on, arrow_forward, arrow_outward — consistently tinted heritage-gold.
A combined mini-showcase on the template's real grounds — dark photo-style hero, gold stat band, and ivory body.
Unparalleled access to the world's most distinguished properties — discretion, precision, and heritage.
We pair the intimacy of a two-partner advisory with the reach of the Century 21 network. Every client works directly with a founder — never handed off.
Clear, current valuations and neighborhood intelligence so every decision rests on evidence, not guesswork.
Learn More