Obsidian & Brass Design System Tokens
Strict token adherence from UI_UX_DESIGN.md §4. Pre-verified WCAG 2.2 AA contrast ratios.
Typography & Number Patterns
Instrument Serif for editorial headings, Inter for UI & tabular data.
Type Scale Hierarchy
Public display vs operational UI styles
Architectural Distinction
Gulberg III Luxury Residences
Thoughtfully designed properties with market context, verified ownership, and interactive 3D visualizations.
Private architectural acquisitions curated with cadastral verification and verified provenance.
Data Context Pattern
Number + Label + Period + Meaning (UI_UX §5.6)
Buttons & Action States
Touch targets ≥ 44px. Primary button is #121212 on light, brass on dark. Visible focus rings.
Primary & Secondary
Default, hover, active
Tertiary & Destructive
Subtle actions & danger confirmation
Loading & Disabled
Async and locked interaction states
Accessible Form Controls
Input boundaries use border.input (≥ 3:1). Always includes visible labels and error associations.
Search by address, community, or neighborhood.
Please enter a valid numeric amount (e.g. 2.5 Cr).
Filtered by property taxonomy.
Status Badges (Icon + Text)
Status is never color-only. Uses high-contrast onsoft color pairs.
Tabs & Media Component
Standard Photos | 3D | Map switcher for property detail views.
Modals & Notifications
Accessible dialogs with focus traps and semantic notifications.