square_foot
Relative vs. Absolute Maße
Der Unterschied zwischen px und rem/em Einheiten. Wann feste Pixel sinnvoll sind und wann Skalierbarkeit Vorrang hat.
html { font-size: 100%; }body { font-size: 1rem; }straightenSPACING HUB
Präzision im Raum.
Abstände & Maßsysteme.
Weißraum ist kein leerer Platz, sondern ein aktives Gestaltungselement. Wir erforschen modulare Skalen, vertikalen Rhythmus und die Wissenschaft der Proportionen.
Featured InsightDer 8pt-Grid:
Artikel lesen arrow_forward
Der 8pt-Grid:
Standard für konsistente Abstände
Warum ein mathematisches Raster von 8 Punkten die Zusammenarbeit zwischen Design und Entwicklung revolutioniert und für visuelle Harmonie sorgt.
Base Unit8px / 0.5rem
SystemHard Grid
Content Block
24px
Content Block
Kernbereiche
format_line_spacing
Vertikaler Rhythmus
Harmonie durch Basislinien-Raster. Wie Line-Height und Abstände zusammenwirken, um den Lesefluss zu führen.
p { line-height: 1.5; }margin-bottom: 1.5rem;aspect_ratio
Weißraum-Gestaltung
Negative Space gezielt nutzen, um Fokus zu lenken. Strategien für Margins und Paddings in modernen Layout-Systemen.
gap: var(--space-xl);padding: clamp(1rem, 5vw, 3rem);DB
UX Architecture & Visual Logic
Ganzheitliche Design-Systeme und Informationsarchitektur. Wir schaffen klare Strukturen und messbare Design-Sprachen für komplexe Anwendungen.