VERSION 1.0 · 8PT SYSTEM
Design System
Color, typography, spacing, components, and accessible interaction patterns.
01 · COLOR
Color palette
- Mineral White
#F3F1EA - Charcoal
#171816 - Trail Yellow
#E8AA00 - Alpine Moss
#66745A - Warm Concrete
#D8D4C7
02 · TYPOGRAPHY
Fluid hierarchy
AI MOVES
INTO THE WORLD
Second-level heading
A clear short description introduces the content.
Body copy remains calm and readable in narrow views and at larger text sizes.
03 · RHYTHM
8-point spacing
- 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
Interactive elements
01 education
The Primer
A long-lived AI tutor could teach children reading, writing, arithmetic, and independent thought with the responsiveness of one-to-one instruction.
02 defense
The Future of American Defense
The request calls for low-cost interceptors, sensors, drones, resilient logistics, and manufacturing that plug into modular open defense systems.
05 · WCAG 2.2 AA
Accessibility as a system
- Semantic HTML before ARIA; every interaction has a clear accessible name.
- Visible keyboard focus, logical order, and no focus traps.
- Contrast, reflow, reduced motion, and forced colors are token requirements.