goldenBox DESIGN SYSTEM

Design System & Brand Assets

goldenBox Visual LanguageInherited directly from GoldenBox Café (goldenboxcafe.stayboba.com)

A warm, editorial, artisanal aesthetic combining bold high-contrast condensed display headers (Antonio Variable) with organic humanist serif prose and italics (Fraunces Variable). Built without extraneous frameworks, styled in globals.css.

Color Palette

Design Tokens & Palette

The signature warm butter, cream, and deep brass palette of artisanal bakehouses and boutique event kitchens.

Paper
--paper · #FFFBEA
Primary Canvas Background
Cream
--cream · #FFF3BF
Secondary Band & Cards
Gold
--gold · #FFD82A
Primary Brand CTA Accent
Deep Gold
--gold-deep · #946F00
Metadata & Text Hover
Olive
--olive · #4D4939
Subtitles, Dark Band, Muted Copy
Ink
--ink · #161616
High-Contrast Headings & Buttons

Typography System

Type Scale & Hierarchy

Display Heading (.display) · Antonio Variable (wght 600, line-height 0.88)
ZERO TECH HEADACHES. Your catering menu managed entirely in Google Sheets.
Eyebrow (.eyebrow) · Antonio Variable (wght 500, letter-spacing 0.32em)

ARTISANAL BAKEHOUSE · BOUTIQUE CATERING · ZERO SOFTWARE FEES

Serif Body & Lede (.lede) · Fraunces Variable (wght 400, 1.15rem)

You're in the kitchen laminating dough and baking. You don't have time to wrestle with WordPress plugins or pay a web designer $85 every time butter prices change. If you can type in Google Sheets, your clients can build their event orders on your site.

Buttons & Interactive Components

Pill Buttons & Selectors

Card Patterns

Cards & Layout Containers

Manual Friction #1

Mental math with flour hands

Stopping production at 10 AM to calculate per-head costs on a scratch pad while oven timers ring.

The GoldenBox Reality

Google Sheets Sync

Edit cell B14 on your phone in the kitchen. Your website menu updates immediately without designer fees.