Design System
Playground Zur Vorlage

FoundationsTypografie

Element · Foundations

Geist spricht. Geist Mono belegt.

Display, H1–H3, Lead, Base, Caption. Overline ist Label. Body L/M/S sind Lead, Base, Caption. Link erbt Schrift und Größe, nur Unterstrich. Keine H4–H6.

Display

.nw-display
Geist 700
clamp 2.25–3.75rem / 1.02 (Manual 60/60)
−0.02em

Von KI gebaut.

Heading 1

.nw-h1
Geist 700
clamp 1.75–3rem / 1.08 (Manual 48/52)
−0.02em

Eroberung digitaler Horizonte

Heading 2

.nw-h2
Geist 700
clamp 1.5–2.375rem / 1.15 (Manual 38/44)
−0.02em

Drei Disziplinen. Ein Experte.

Heading 3

.nw-h3
Geist 600
clamp 1.375–1.875rem / 1.25 (Manual 30/38)
−0.02em

Keine Baukästen. Keine Massenware.

Lead

.nw-lead
Geist 500
clamp 1.125–1.5rem / 1.33 (Manual 24/32)
−0.02em

Die KI-native Agentur für Handwerk, Industrie und Mittelstand.

Base

.nw-base
Geist 400
1rem / 1.65, max 65ch (Manual 16/26)
−0.02em

Individuelle Unikate, vollumfänglich konzipiert, optimiert und dauerhaft betreut.

Caption

.nw-caption
Geist 400
0.875rem / 1.5, Farbe granit-600
0

Foto: Studio, Olbersdorf. 2026.

Proof

.nw-proof
Geist Mono 400
clamp 2–3rem / 1 (Manual 48), Farbe oliv-500
−0.02em

87+

Label

.nw-label
Geist Mono 400
0.75rem / 1.5 (Manual 12/18), Farbe granit-500
0

1 Projektslot verfügbar

Link

Im Lead ein Link zur Farbe — erbt Clamp, Gewicht, Laufweite. Nur der Unterstrich kommt dazu.

Im Base dasselbe: Link zur Farbe . Hover Oliv. Kein Button, kein Ghost im Fließtext.

Zitat

Keine Folien, kein Baukasten — ein Slot, dann die Fläche.

Ohne Anführungszeichen. Kante links, 1px Granit.

Listen

  • Ungeordnet, disc, Klasse nw-ul.
  • Abstand zwischen den Punkten, nicht zwischen den Wörtern.
  • Max. 65 Zeichen wie Base.
  1. Geordnet, decimal, Klasse nw-ol.
  2. Dieselbe Maße wie Base.
  3. Keine hohlen Sonderzeichen.

Code inline

Klasse .nw-code in Geist Mono, 0.875em, ohne Fläche. Blöcke bleiben in CodeBlock.