tanstack-brandinglisted

# TanStack Branding Everything needed to produce on-brand TanStack output: exact tokens, the real font and logo files, and the rules that make a thing read as TanStack rather than as generic dev-tool blue. **The one-sentence brand:** warm cream paper, near-black ink, a palm emblem, one saturated accent per surface — calm and printed-looking, never neon, never glassy, never gradient soup. ## The five decisions Get these right and it reads as TanStack. Get them wrong and nothing else saves it. | Decision | Answer | |---|---| | Background | Cream `#eeebd4` (light) or near-black `#111111` (dark). **Not white.** White is a UI surface, not a brand surface. | | Ink | `#111111` on cream; `#ffffff` on near-black. Secondary text `#3e3529` / `#aea691`. | | Display type | **Bricolage Grotesque Bold** — headings, library names, big numbers only. | | Body type | **Inter** — everything else. Body weight is light (300), not regular. | | Accent | Exactly **one** per surface, taken from the library's category (table below). Never two accents competing. | ## Category accents A library's accent is not chosen — it is inherited from its category. Look up the library, use that color. | Category | Libraries | Light (400) | Dark (300) | |---|---|---|---| | Framework | Start, Router | `#39af46` green | `#69bc75` | | Data & State | Query, DB, Store, AI | `#d3481b` terracotta | `#e06e49` | | UI & UX | Table, Charts, Form, Hotkeys, Markdown, Highlight | `#3aa3c4` blue | `#61adbf` | | Performance