UI referenceShared sizing · v2
RIG interface foundations · v2Prototype map →
One league.
One visual language.
Shared mobile type, controls, panels, and truth patterns for every RIG screen. New screens should use these roles before adding page-specific styling.
Functional text uses the same readable roles on every screen.
Links and controls keep a reliable mobile target.
16px gutters. Full viewport height. Page headings stay 28px on phones and desktop.
01 · Type
Shared hierarchy
Page heading · 28pxThe Sunday Snap.
Section heading · 22pxYour matchup is live.
Body
Cards can change the RIG result. They never change the underlying fantasy score.
LabelFinal Damage Report · Week 8
CaptionVerified effect · +7.0
02 · Functional hero
Readable before dramatic.
Inventory rechecked · 4:08 PM
No legal play. You're not stuck.
Supporting copy stays readable, keeps a short line length, and never sits underneath a stamp or character.
- Use this lockup for page headings. Scale changes belong only inside miniature cards and exported artwork.
- Never split a word, shrink body copy below 16px, or exceed a 35-character line.
- Badges, stamps, and characters stay in flow or receive explicitly reserved space.
03 · Color
Five jobs. Five signals.
Ink
Paper
Blue
Yellow
Red
04 · Actions
One CTA grammar.
05 · Selection
Clear current state.
06 · Status
Small, still readable.
SelectedLiveNeeds attentionIncluded
Source of truthFinal Damage Report · Week 8
Dramatic presentation can change. Winner, score, margin, and card effects cannot.
Open the working example