Brand Standards

    Brand Style Guide

    The visual language of Bespokecandeliere — bespoke, warm, and unmistakably luxurious.

    Back to HomeDownload PDF

    Brand Voice

    Refined, intentional, and warmly confident. Write for a discerning client who values craft over volume. Favor evocative nouns over adjectives. Keep sentences uncluttered. Never shout.

    Color Palette

    All colors are HSL tokens defined in index.css. Always reference tokens — never hard-code hex values in components.

    Background

    --background

    hsl(32 20% 97%)

    #FAF7F2

    Foreground

    --foreground

    hsl(30 8% 12%)

    #211F1C

    Primary

    --primary

    hsl(30 8% 12%)

    #211F1C

    Secondary

    --secondary

    hsl(36 40% 88%)

    #EBDCC2

    Muted

    --muted

    hsl(36 30% 92%)

    #EFE7D8

    Accent

    --accent

    hsl(38 70% 55%)

    #DC9A35

    Luxury Gold

    --luxury-gold

    hsl(43 84% 65%)

    #EFC355

    Luxury Cream

    --luxury-cream

    hsl(38 45% 92%)

    #F1E8D6

    Luxury Amber

    --luxury-amber

    hsl(35 65% 48%)

    #CA8826

    Typography

    Pair a stately serif for headings with a clean sans for body. Never substitute.

    Headings

    Playfair Display

    Weights: 400, 600, 700 · Use for h1–h6

    Body

    Inter

    Weights: 300, 400, 500 · Use for paragraphs, UI

    H1 · 5xl–8xl bold

    Bespokecandeliere

    H2 · 4xl–5xl bold

    Signature Collections

    H3 · 2xl semibold

    Bespoke Noir

    Body · base/lg

    Handcrafted illumination for the discerning few.

    Eyebrow · sm uppercase

    Artisan Crafted

    Spacing & Layout

    Generous negative space communicates luxury. Default container is container mx-auto px-6 with section padding of py-24.

    xs
    0.5rem / 8px
    Inline icon gaps
    sm
    1rem / 16px
    Card padding, form gaps
    md
    1.5rem / 24px
    Container px-6
    lg
    3rem / 48px
    Between content blocks
    xl
    6rem / 96px
    Section py-24

    Border radius: 0.75rem (rounded-lg) as default.

    Components

    Use the luxury and luxuryOutline button variants for all primary CTAs.

    Usage Guidelines

    Do

    • Use semantic tokens (bg-primary, text-foreground) in components
    • Pair Playfair Display for headings with Inter for body
    • Leave generous whitespace — never crowd
    • Reserve gold accents for emphasis (icons, dividers, CTAs)
    • Use the gradient-luxury background for hero & CTA sections

    Don't

    • Hard-code hex colors or text-white in components
    • Substitute alternative fonts (Poppins, Roboto, etc.)
    • Use gold as a background fill for large areas
    • Mix more than two accent colors in a single view
    • Use harsh shadows — prefer soft, layered depth