🍙 Onigiri

The Crunchyroll design system, rendered live from its own tokens and components. It cannot drift from what ships.

Docs draft

PageHeader

Anatomy

icon slot — Optional 32px leading glyph (Show Icon toggle; drop any icon).

title — type.title-1 — the page's h1, exactly one per page.

description — Optional type.body-sm in text.secondary, 60ch max.

Design specifications

titletype.title-1
descriptiontype.body-sm / color.text.secondary
icon32px
gapspace.8 / space.12

Accessibility

Renders the page's single h1. Responsive title scale is code's job (the old Platform variants).