Brand Book · Living Doc

Creators of Today.

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

No bots. No boosts.No bs.Every number is real.The signal before the spotlight.

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.mjs

Type

Three faces, fixed roles. Grotesk for display, DM Sans for body, Mono for any number or dateline.

Space GroteskDisplay + UI · --font-display

Builders of Tomorrow

DM SansBody · --font-body

See what the internet is building 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