Brand & UI · v1
A dark, glassmorphic, navy-and-rose interface with animated chromatic blooms, layered translucent surfaces, and quiet luxury typography. This page is a living style guide — every element below is built from the production tokens it documents.
Naming convention
LUXURYX and LUXXY are wordmarks — always set in ALL CAPS in any human-readable copy.
Apply the all-caps rule to all display copy: headings, body text, eyebrows, labels, buttons, page / tab titles, alt text, and marketing. The full company lockup is LUXURYX AGENTS — both words all caps.
Always
Never
Exempt — leave exactly as written. The rule applies to display copy only, never to code identifiers: filenames (luxxy.css, assets/luxuryx-logo.png), CSS classes, config keys (window.LUXXY_CONFIG), URLs / domains (luxxy.app, luxxy-marketwatch.com), and email / Workspace handles (@luxuryx.co). Uppercasing those would break the app.
Design tokens
One warm accent (rose / bronze) against navy. Never introduce a new accent hue.
Typography
Montserrat for display & labels, Poppins for body. Titles take a trailing period; eyebrows are always UPPERCASE.
Core component
Translucent fill + backdrop blur + a gradient hairline border + the paired shadow — these four always ride together.
Light · 6%
Small cards — announcements, buyer cards. blur(24px)
Strong · 12%
Hover state of medium cards. blur(28px)
Navy · 72%
Dropdowns, modals, login & admin panels.
Signature component
Hoverable glass tiles that tilt toward the cursor with a follow spotlight. Move your pointer across them.
Track Dubai's luxury market in real time.
Open In buildPrivate viewings, scheduled and confirmed.
OpenWho's looking, and for what, right now.
Open