ModerneDesign System7.6.0ThemeFeedback

TypographyGeist

Two faces. Geist for everything you write, Geist Mono for code and numbers. Emphasize with weight, not size.

Make it Modernetitles-moddy-header

Page headertitles-page-header

Section headertitles-section-header-default

Body copy, the size a page is set inbody-regular

Small body, for supporting textbody-small-regular

Data and figures, in Geist Monodata-small

Titles · Geist

Aa

Page and section headers, and the one display size above them.

titles-page-header

Body · Geist

Aa

Everything written to be read. Emphasize with weight, never size.

body-regular

Interface labels · Geist

Aa

Labels, captions and table headers, at the smallest size that stays legible.

body-xs-medium

Code and figures · Geist Mono

Aa

Code, identifiers, versions and anything that has to line up in a column.

data-default

Typeface · Geist and Geist MonoNot shipped with the system. This page loads it from Google Fonts.