Typography

Schriftrollen, Größen und Handschriften für eine klare Markenstimme.

Live-Specimen

Was sehe ich hier?

Interaktion vor Erklärung.

Dieses Showcase hält das bestehende Specimen bewusst frei von langen Anleitungen. Zustände, Varianten und Verhalten lassen sich direkt ausprobieren.

Zum Nachlesen

Nutze MoreSugar für markante Überschriften und Liorith für lesbare Interface-Inhalte.

Live-SpecimenUnveränderte Komponentenimplementierung

--font-liorith / Liorith 400The quick brown fox

--font-headline / MoreSugar 400The quick brown fox

--font-headline-thin / MoreSugarThinThe quick brown fox

--font-headline-extras / MoreSugarExtrasThe quick brown fox

--font-handwriting-brush / MartinhandBrushThe quick brown fox jumps over the lazy dog

--font-handwriting-felt / MartinhandFeltThe quick brown fox jumps over the lazy dog

--font-handwriting-pen / MartinhandPenThe quick brown fox jumps over the lazy dog

--font-base / size scale

6xl — Sphinx of black quartz, judge my vow.5xl — Sphinx of black quartz, judge my vow.4xl — Sphinx of black quartz, judge my vow.3xl — Sphinx of black quartz, judge my vow.2xl — Sphinx of black quartz, judge my vow.xl — Sphinx of black quartz, judge my vow.lg — Sphinx of black quartz, judge my vow.md — Sphinx of black quartz, judge my vow.sm — Sphinx of black quartz, judge my vow.xs — Sphinx of black quartz, judge my vow.

--font-monoconst answer = 42; // the meaning of life