Brand Book · Living Doc

Creators of Today.

Every panel reads the live tokens. It can't drift from the real site.

The creative intelligence layer for growing on Instagram.Growth content beats "quality" content. See what's next, not what looks nice.Every number is real.Full constraint story on /about.

Logo & mark

The marks. Gold CoT shield for avatars/favicons, full lockup in headers.

CoT shield - GoldGold
CoT shield - ChromeChrome
CoT shield - HolographicHolographic
Creators of Today logoCreators of Today shield icon

/brand/shield-*.png · /logo.svg

Social share (OG)

The card that shows when a link is shared. 1200×630, gold-on-black with the classical thinker, lime live dot.

Default Open Graph card

1200×630 · /og-default.jpg · build scripts/build-og.ts

Type

Four faces, fixed roles. Instrument Serif for display, Space Grotesk for UI, DM Sans for body, Mono for any number or dateline.

Instrument SerifDisplay · --font-display

Creative intelligence for growing on Instagram.

Space GroteskUI · buttons · nav · labels · --font-ui

See what's working on Instagram.

DM SansBody · --font-body

Track what's trending, why it works, and what to post next.

JetBrains MonoDatelines, counts, meta · --font-mono

SAT · JUN 28 · 2026 · 142 LIVE

Shape · radius

Corner rounding scale. Pick by element size: chips use sm, cards md/lg, hero surfaces xl, pills are fully round.

sm6px
md14px
lg24px
xl36px
pill999px

Color

The full palette. Amber anchors, lime is reserved for "Today" and live only, everything else is neutral ground.

bg#FDF6ECWarm amber-cream page ground.
surface#FFFBF4Warm white card surface.
panel#F4ECDDWarm inset panel.
ink#1C1309Primary text. Warm near-black.
muted#7A5C3ASecondary text. Warm brown.
subtle#B8966AMeta, placeholders.
amber#E8840CThe anchor. Primary CTA.
coral#E8472CAlerts, breaking, energy.
gold#D4A017Highlights, stars, awards.
rose#D95F8AHuman, creator signal.
live#B6F000Lime. "Today" + live ONLY.
sapphire#1E63C8Jewel blue.
emerald#0E9F6EJewel green.
ruby#C9183EJewel red.
amethyst#8B4FD6Jewel purple.
Radiant · PULSE--gradient-radiant · the holographic sheen
Jewel sweep--gradient-jewels · sapphire→emerald→amethyst