The crisp, card-driven, friendly member of the Lux family — contemporary-coastal luxury with bright white grounds, deep navy brand anchors, and warm-gold accents. Fictional brand: Century 21 Masters — Kenn Jan Ali, California.
Proportion: bright white / mist dominates; navy is reserved for the hero and footer bands; gold appears only as an accent. Values are the exact tokens from styles.css.
Display: Outfit (geometric sans). Body: Inter. Script accent: Allura (logo flourish only). Weights loaded: 300 / 400 / 500 / 600 / 700 for Outfit & Inter; 400 for Allura.
Section Eyebrow
Lede (--fs-lead): A curated portfolio of coastal California residences, represented with quiet precision and a concierge sensibility.
Body (--fs-body, Inter 400, line-height 1.72): From first showing to final signature, every detail is handled with discretion. Our approach pairs market fluency with a genuinely personal cadence — measured, unhurried, and precise.
Small text — 0.8rem, slate.
Layout rhythm, container width, radius scale and easing — exact token values.
Soft 6px corners — the most rounded of the Lux set. Uppercase Inter 600, 0.16em tracking. Hover the samples to see the real transitions.
Primary (navy): fills --navy, hover raises to --navy-2 with a lift (translateY(-2px)) + soft shadow.
Gold solid (.btn--solid / nav CTA): --gold fill with navy text; hover deepens to --gold-deep with white text.
Ghost: transparent with --line-strong border; hover fills navy, white text.
On dark grounds (hero / CTA banner): gold fill, navy text; hover inverts to white fill, navy text. Focus-visible: 2px gold outline, 3px offset.
Floating-label fields (label rises on focus / filled), 6px corners, gold focus ring 0 0 0 3px rgba(184,145,80,.14). Type into a field to see the label animate.
Signature reusable pieces rendered in real styles. Icons: the template uses inline stroke SVGs (1.4–1.5 stroke width) tinted --gold-deep; specimens below use text/shape stand-ins.
Full-height glass, private bluff access, and a 60-foot infinity edge over the Pacific.
Combined showcase on the template's real paper ground — type, buttons, a card and a form together as a true mini style guide.
Bright white grounds, a deep navy anchor, and a single warm-gold accent — the friendly member of the Lux family.
Four suites, private dock, and sunset terraces over the bay.
Generated as a design reference for the “Classic Luxury Clean” template · Century 21 Masters (fictional brand).
Values mirror styles.css and DESIGN.md in this folder. Fonts loaded from Google Fonts; no tracking or analytics.