← BrandSweets

Guidelines deck

7 boards · page order preserved

  1. brand infrastructure / developer tools2026

    BrandSweets

    Your brand, sweetened for agents. — The living brand book.

    BrandSweetsCover
    01Covercover
  2. Identity · Marks

    The Swatch & the Wordmark

    primaryclear 1× cap heightmin 132px · screen
    BrandSweets
    light
    BrandSweets
    dark
    BrandSweets
    brand
    mark“The Swatch”clear 0.5× mark widthmin 20px · screen
    BR
    light
    BR
    dark
    BR
    brand
    wordmarkclear 1× cap heightmin 160px · screen
    BrandSweets
    light
    BrandSweets
    dark
    BrandSweets
    brand
    monoclear 1× cap heightmin 132px · screen
    BrandSweets
    light
    BrandSweets
    dark
    BrandSweets
    brand
    inverseclear 1× cap heightmin 132px · screen
    BrandSweets
    light
    BrandSweets
    dark
    BrandSweets
    brand
    favicon
    BR
    light
    BR
    dark
    BR
    brand
    Favicon legibilityfavicon · at native px
    BR
    16px
    BR
    20px
    BR
    24px
    BrandSweetsThe Swatch & the Wordmark
    02The Swatch & the Wordmarklogo-suite
  3. Tokens · Color

    Paper, Ink & Caramel

    Caramel
    primary#A4501C
    50950
    AA 5.3
    Sugar Paper
    surface#FBF7EF
    50950
    Marzipan
    surfaceMuted#F1E8D8
    Cocoa Ink
    text#241C14
    50950
    AA 15.7
    Toffee Grey
    textMuted#6B5D4C
    AA 6.0
    Wafer
    border#E7DCC9
    BrandSweetsPaper, Ink & Caramel
    03Paper, Ink & Caramelcolor-system
  4. Tokens · Typography

    Set in Fraunces & Hanken

    Aa
    FrauncesUndercase Type · google · variable

    Your brand, sweetened for agents.

    Regular400Regular Italic400Medium500Semibold600Black900
    Aa
    Hanken GroteskHanken Design Co. · google · variable

    Your brand, sweetened for agents.

    Regular400Medium500Semibold600Bold700
    BrandSweetsSet in Fraunces & Hanken
    04Set in Fraunces & Hankentype-specimen
  5. Identity · Voice

    How BrandSweets Speaks

    confident·precise·warm·anti-hype
    Sample · headline
    “Your brand, sweetened for agents.”
    Do
    • +Lead with the verb — say what the reader can do, not how they will feel
    • +Name the surface plainly: brand.md, tokens.json, brand.css, the MCP endpoint
    • +Keep the taste floor visible — every claim about quality should be checkable
    • +Write like a specimen caption: precise, set, and quietly assured
    Don't
    • –Never 'unlock', 'supercharge', 'seamless', 'effortless', or 'revolutionary'
    • –No exclamation points — the confidence lives in the claim, not the punctuation
    • –Don't call agents 'magic'; they read a document, so say so
    • –No 'AI-powered' as a feature — the brand doc is the feature
    BrandSweetsHow BrandSweets Speaks
    05How BrandSweets Speaksvoice
  6. Product · buttons

    The Product, On-Brand

    primary
    Get startedDefault
    Get startedHover
    Get startedDisabled
    secondary
    Get startedDefault
    Get startedHover
    Get startedDisabled
    ghost
    Get startedDefault
    Get startedHover
    Get startedDisabled
    BrandSweetsThe Product, On-Brand
    06The Product, On-Brandui-preview
  7. Board · Custom HTML

    Welcome to the Living Brand Book

    The living brand book

    Your brand, sweetened for agents.

    This page is drawn entirely from BrandSweets’ own brand doc — the same tokens an agent reads. Recolor the doc and this board follows; nothing here is hardcoded.

    CaramelCocoa InkSugar Paper
    --bs-color-primary: #a4501c;
    BrandSweetsWelcome to the Living Brand Book
    07Welcome to the Living Brand Bookcustom-html