Raihin brand identity

Raihin's palette is built on warm neutrals: a soft cream canvas, a near-black foreground with a warm cast, and a quiet cream accent. The result is calm and grounded — the kind of surface that recedes so the content sits forward.

Status colors (red, green, yellow, blue) sit on top of that neutral base as soft tinted surfaces. They're the only place saturated hue enters the everyday UI.

For the full token surface (foregrounds, borders, status, charts, tier colors), open the color family in the token explorer.

Four typefaces, each with a clear job. Use them through the font tokens (font-sans, font-heading, font-display, font-mono) rather than naming the family directly — that way the system can swap faces without rippling through every file.

The wordmark sits in the sidebar and on every signed-in surface. The square mark stands in for it on small surfaces (favicons, avatars, app icons). Logo files and download links live on the Resources page.

• Use the dark wordmark on light surfaces, the light variant on dark. The brand component handles the swap automatically based on theme.
• Leave clear space around the wordmark equal to the height of the mark itself.
• Don't recolor, rotate, stretch, or apply effects to the logo. If a surface needs something different, reach for a treatment that isn't the logo.

Professional, friendly, semi-formal. Clear over clever, considerate over apologetic. The reader should feel respected and well-informed.

Full guidance — principles, button labels, error messages, empty states — lives on the Writing page.