Milestone 1 Deliverable
HostKnows Design System & Branding Tokens
The official visual design framework, typography tokens, color palette, and interactive UI components curated for HostKnows.com based on the client's luxury concierge aesthetic and Whitsundays tourism identity.
1. Color Palette Tokens (Client Finalized)
Deep Navy
Primary Brand & Authoritynavy-800#17324D
navy-500#16469D
navy-900#0E1F30
Warm Sand
Hospitality & Warmthsand-100#F5EFE6
softwhite#FCFBF8
sand-200#EBDDCF
Coral
Accent & High-Converting CTAcoral-500#E9785F
coral-600#D35D43
coral-50#FDF4F2
Seafoam
Secondary & Curated Tagsseafoam-400#8FB9AD
seafoam-100#E1EFEA
seafoam-600#568477
Charcoal
Editorial & Body Legibilitycharcoal-800#2B2B2B
charcoal-600#484848
charcoal-100#EBEBEB
2. Typography Pairings
Editorial Serif (Playfair Display) + Clean Modern Sans (Plus Jakarta Sans)
Display Heading (font-editorial font-medium italic accent)
The places we'd go, shared by the people you stay with.
Section Heading (font-editorial font-semibold)
Three quiet steps. One generous loop.
Card Title (font-editorial font-medium)
Whitehaven Beach & Hill Inlet Catamaran Cruise
Body Text (font-sans text-base leading-relaxed)
Accommodation hosts create a personalised guest page containing selected and recommended local experiences such as tours, transport, restaurants and activities. Guests scan a QR code at the property, browse recommended experiences, and proceed to make a booking.
3. Interactive Components & Buttons
Button Variations (Client Hierarchy)
Curated Tags & Status Pills
★ HOST FAVOURITEFAMILY PICKGREAT FOR COUPLESACTIVE PROPERTY
Experience the Live Host Portal
Test host registration, property creation, live $0 metrics, and QR code generation now.