— Steeping
Brewing the page.
Loading…
Internal · noindex
Brand kit
Visual reference for <BrandWordmark /> and <BrandMark />. The dot must read as honey, not as ink.
01
Wordmark — sizes
Same component, scaled with Tailwind text utilities.
text-sm
Besteas
text-2xl
Besteas
text-6xl
Besteas
text-8xl
Besteas
02
Wordmark — backgrounds
On dark, the wordmark must render in cream. The dot stays honey.
Besteas
bg-bone
Besteas
bg-forest, color="#F3EEE2"
Besteas
bg-bone-deep
03
Mark — favicon to hero
Compact 'B.' for tiny surfaces and oversized hero use.
text-base · favicon-size
B
text-9xl · hero-size
B
04
Period color check
If the dot looks the same color as the wordmark, the wiring failed.
Besteas← period should read as honey #C9904A
05
Designed SVG assets
Cowork's hand-off, dot fix applied. Use these for static surfaces (decks, social, downloadable assets). The React component above is the source of truth for inline use.
wordmark-forest.svg
wordmark-cream.svg
mark-forest.svg
mark-cream.svg
06
Favicon
app/icon.svg is the live favicon. Browser-tab preview below at 1×, 2×, and 4× scale.
32px
64px
128px
07
Open Graph images
What renders when this URL is shared on Slack, iMessage, Twitter, etc. Generated dynamically with Fraunces bundled locally.
Default site OG — /opengraph-image
Partners — Besteas × Wissotzky — /partners/opengraph-image
PDP — Earl Grey Supreme — /products/earl-grey-supreme/opengraph-image