Skip to main content
H
HAUS.HAUSHome
HAUS.CTRL
OverviewExecutiveInvestorGTMPRD
HAUS.HQ
Platform HomeSearchExploreDeep AnalysisMarket Intel
HAUS.PLATFORM
Sitemap & JourneysRoute IndexNEWComponent VersionsNEWAI Navbar DemoMCP AppsNEWDashboard DemoNEW
HAUS.LANDING
Main Landing
HAUS.SEARCH
DashboardAdvanced SearchExploreCedar Chat DemoNEW
HAUS.COMPASS
Property Compass
HAUS.INTEL
DashboardDeep AnalysisDud Detector
HAUS.APPRAISE
Property ReportListing View
HAUS.FINANCE
DashboardAffordability
HAUS.DATA
OverviewValuationsAuctionsLive AuctionsLIVEAnalytics
HAUS.AGENT
DashboardPipelineLeads & CRMMarketingInboxPerformanceOrchestratorNEWOnboardingContacts
HAUS.SELLER
DashboardCreate ListingAIMy ListingsProposalsOff Market
HAUS.BUYER
Property FeedShortlistEnquiriesProfileSettings
HAUS.VAULT
Documents
HAUS.ADVISORY
MarketplaceCompare AgentsRequest Agent
HAUS.FHB
DashboardState Selector
HAUS.WAREHAUS
Commercial
HAUS.MARKET
Vendor Marketplace
HAUS.INVESTORS
Investors CentreNEW
HAUS.ACADEMY
Learn
HAUS.JSON
OverviewBasic ExamplesAI GenerationDashboard DemoForms & ActionsConditional UIAdvanced Patterns
HAUS.STRATEGY
Competitive ResearchGTM
JD
John Doe
Premium Agent
H
HAUS
OverviewExecutiveInvestorGTMPRD
Platform HomeSearchExploreDeep AnalysisMarket Intel
Sitemap & JourneysRoute IndexNEWComponent VersionsNEWAI Navbar DemoMCP AppsNEWDashboard DemoNEW
HAUS.LANDING
DashboardAdvanced SearchExploreCedar Chat DemoNEW
HAUS.COMPASS
DashboardDeep AnalysisDud Detector
Property ReportListing View
DashboardAffordability
OverviewValuationsAuctionsLive AuctionsLIVEAnalytics
DashboardPipelineLeads & CRMMarketingInboxPerformanceOrchestratorNEWOnboardingContacts
DashboardCreate ListingAIMy ListingsProposalsOff Market
Property FeedShortlistEnquiriesProfileSettings
HAUS.VAULT
MarketplaceCompare AgentsRequest Agent
DashboardState Selector
HAUS.WAREHAUSHAUS.MARKETHAUS.INVESTORSHAUS.ACADEMY
OverviewBasic ExamplesAI GenerationDashboard DemoForms & ActionsConditional UIAdvanced Patterns
Competitive ResearchGTM
JD
John Doe
Premium Agent
HAUS
Design System
  1. Home
  3. Design System
  5. Components

HAUS Design System

Standardized components for consistent platform design

Card Variants

Default Card

Standard card with border

Use for standard content containers and list items.

Elevated Card

Card with shadow for emphasis

Use for important cards that need visual emphasis.

Glass Card

Glassmorphism with backdrop blur

Use for overlays, floating panels, and hero sections.

Badge Variants

Status Indicators

Consistent badge styles for all status types

Success
Active
Warning
Pending
Error
Failed
Info
New
Live
Live
Default
Neutral
Outline
Outline

Button Variants

Button Styles

Consistent button hierarchy across the platform

Typography Scale

Heading XL
36px - Hero headings
Heading Large
30px - Page titles
Heading Medium
24px - Section headings
Heading Small
20px - Card titles
Body Large Text
18px - Lead paragraphs
Body Base Text
16px - Default body text
Body Small Text
14px - Secondary text
Caption Text
12px - Captions, metadata

Spacing Scale

gap-1
4px - Micro spacing
gap-2
8px - Tight spacing
gap-3
12px - Small spacing
gap-4
16px - Default spacing
gap-6
24px - Medium spacing
gap-8
32px - Large spacing
gap-12
48px - Extra large
gap-16
64px - Section dividers