Assets & links
Everything outside the docs themselves — brand files, design source, and the JSON exports that AI agents and other tooling can ingest.
Brand assets
Logo files in PNG. SVG variants are on the way. Use logo.png on small surfaces (favicons, square avatars) and logo-text.png for headers and full wordmarks.
Square mark
For light backgrounds
For dark backgrounds
Color reference
Raihin's primary brand color is a warm near-black on a soft cream canvas. The Brand page documents the full palette; the color token family lists every value.
Figma
The Figma library mirrors the canonical theme: every color token, radius, shadow, and density variant exists as a Figma variable, so changes in code propagate to design (and vice versa) without manual sync.
The library is private to the Raihin team. Reach out internally for access.
Theme
The canonical theme is a single CSS file: app/globals.css. It declares every token under :root (light values) and .dark (dark values), and wires them into Tailwind v4 through @theme inline.
See the Cascade page for how the stylesheet layers compose, and Theming for how light, dark, and density modes interact.
For agents & tools
Machine-readable exports for LLM agents, design tools, and lint scripts working on the Raihin codebase.
Index for LLM ingestion. Lists every page with a one-line summary.
Full token export — names, values (light + dark), tier, family, comment.
Single dense page covering tier rules, disambiguation, migration map, forbidden patterns, common tasks. Optimized for one-fetch ingestion.
What's missing
- SVG logo variants — on the way. PNG is fine for now.
- ESLint and Stylelint configs that enforce token usage — currently only documented on the LLM reference page; a CLI version is on the roadmap.
- VS Code snippets and IntelliSense — token names autocomplete through the existing Tailwind plugin; a Raihin-specific extension is not yet shipped.