VERSION 1.0 · 8PT SYSTEM
Designsystem
Farben, Typografie, Abstände, Komponenten und barrierefreie Interaktionsmuster.
01 · COLOR
Farbpalette
- Mineral White
#F3F1EA - Charcoal
#171816 - Trail Yellow
#E8AA00 - Alpine Moss
#66745A - Warm Concrete
#D8D4C7
02 · TYPOGRAPHY
Flüssige Hierarchie
AI MOVES
INTO THE WORLD
Überschrift zweiter Ordnung
Eine klare Kurzbeschreibung führt in den Inhalt.
Fließtext bleibt auch bei schmalen Ansichten und vergrößerter Schrift ruhig lesbar.
03 · RHYTHM
8-Punkt-Abstände
- 8
--space-8 - 16
--space-16 - 24
--space-24 - 32
--space-32 - 48
--space-48 - 64
--space-64 - 96
--space-96 - 128
--space-128
04 · COMPONENTS
Interaktive Elemente
01 education
Der Primer
Ein langfristig lernender KI-Tutor soll Kindern Lesen, Schreiben, Mathematik und selbstständiges Denken auf dem Niveau persönlicher Betreuung vermitteln.
02 defense
Zukunft der amerikanischen Verteidigung
Gesucht werden kostengünstige Abwehrsysteme, Sensoren, Drohnen, Logistik und Fertigung, die modular in offene militärische Systeme passen.
05 · WCAG 2.2 AA
Barrierefreiheit als System
- Semantisches HTML vor ARIA; jede Interaktion hat einen klaren zugänglichen Namen.
- Sichtbarer Tastaturfokus, logische Reihenfolge und keine Fokusfallen.
- Kontrast, Reflow, reduzierte Bewegung und erzwungene Farben sind Token-Anforderungen.