M0.2 Design Tokens

NextPhase Reader

Warm paper, quiet chrome, and paired semantic labels for every status state.

TranslatingTranslatedFailed

Color Tokens

Primary

#1665D8

Primary strong

#0D56BB

Highlight

#DCEAFB

Positive

#0A9E4F

Warning

#F59E0B

Critical

#DF2F4D

Reading paper

#FCFBF8

Reading text

#23211C

Sepia

#F4ECD8

Canvas

#F3F6FB

Surface muted

#EEF2F8

Text muted

#65718A

Reading Surface

Parallel text is the default

Original

Seine vielen Blicke glitten ueber die Zeilen, doch erst die ruhige zweite Spalte gab dem Satz Gewicht.

Die Uebersetzung bleibt ein eigener Leseraum, nicht eine Randnotiz am Ende der Seite.

Translation

His many glances moved across the lines, but only the quiet second column gave the sentence its weight.

The translation remains its own reading surface, not a footnote pushed to the edge of the page.

Type, Spacing, Radius

Typography

UI body uses Plus Jakarta Sans at 16px.

Chapter title uses Literata.

Reading text uses Literata at 19px and 1.7 line height.

Spacing

xs4px

sm8px

md12px

lg16px

xl24px

2xl32px

3xl40px

4xl64px

Radii

xs10px

sm12px

md18px

lg24px

xl30px

full9999px