🍙 Onigiri

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

Docs draft

SectionHeader

Anatomy

icon slot — Optional 24px leading glyph.

title — type.title-3 — an h2 within the page outline.

view all — Trailing Link (label + chevron) when the section has a full listing. The whole label+chevron is one link target.

description — Optional type.caption line in text.secondary.

Design specifications

titletype.title-3
view-alltype.label / color.text.secondary + 16px chevron
descriptiontype.caption / color.text.secondary

Accessibility

View all is a real Link. The old hover frames are code states.