WAPER / UI
Type
System fonts for the interface, Literata for reading, and monospace for code. A consistent scale for size, weight and line height.
Light
Loading preview…
Dark
Loading preview…
WaperDesigntext-title… / — · 500Page titles (settings title 17/24 500)Waper reads every new source you follow and writes a brief with citations.
prose-reading… / 1.7 · 420Briefs, documents, transcripts (17/1.7)Toyota confirmed a pilot line for sulfide solid-state cells, aiming to put the first batch in cars in 2027.
text-lead… / — · 420Lead paragraphsWaper reads every new source you follow and writes a brief with citations.
text-body… / — · 420Body text outside chatWaper reads every new source you follow and writes a brief with citations.
text-message… / — · 420Chat body: agent bubbles and your messagestext-composer… / — · 420What you type in the composerWaper reads every new source you follow and writes a brief with citations.
text-control… / — · 420 / 500Buttons, inputs, rail chat titlesWaper reads every new source you follow and writes a brief with citations.
text-small… / — · 420 / 500Labels, menu items, settings rows, rail previewsWaper reads every new source you follow and writes a brief with citations.
text-caption… / — · 420Captions, tooltips, menu and section labelsWaper reads every new source you follow and writes a brief with citations.
text-micro… / — · 500Key caps and small countersWaper reads every new source you follow and writes a brief with citations.
420 · Regular500 · Medium — buttons, links, emphasis600 · Strong — headings, bold
SF Pro · interfaceLiterata · readingSF Mono · code
0 · Buttons and UI text-0.008em · titles
display-64 · …Waperdisplay-40 · …Waperdisplay-32 · …Waperdisplay-26 · …Waperdisplay-22 · …Waperdisplay-19 · …Wapertext-title… / — · 500Page titles (settings title 17/24 500)Waper reads every new source you follow and writes a brief with citations.
prose-reading… / 1.7 · 420Briefs, documents, transcripts (17/1.7)Toyota confirmed a pilot line for sulfide solid-state cells, aiming to put the first batch in cars in 2027.
text-lead… / — · 420Lead paragraphsWaper reads every new source you follow and writes a brief with citations.
text-body… / — · 420Body text outside chatWaper reads every new source you follow and writes a brief with citations.
text-message… / — · 420Chat body: agent bubbles and your messagestext-composer… / — · 420What you type in the composerWaper reads every new source you follow and writes a brief with citations.
text-control… / — · 420 / 500Buttons, inputs, rail chat titlesWaper reads every new source you follow and writes a brief with citations.
text-small… / — · 420 / 500Labels, menu items, settings rows, rail previewsWaper reads every new source you follow and writes a brief with citations.
text-caption… / — · 420Captions, tooltips, menu and section labelsWaper reads every new source you follow and writes a brief with citations.
text-micro… / — · 500Key caps and small countersWaper reads every new source you follow and writes a brief with citations.
420 · Regular500 · Medium — buttons, links, emphasis600 · Strong — headings, bold
SF Pro · interfaceLiterata · readingSF Mono · code
0 · Buttons and UI text-0.008em · titles
display-64 · …Waperdisplay-40 · …Waperdisplay-32 · …Waperdisplay-26 · …Waperdisplay-22 · …Waperdisplay-19 · …Waper