# Design system

> Current design-language reference for mantasvaitukaitis.com. This is a foundation, not the future standalone component system.

- Canonical: [https://mantasvaitukaitis.com/system](https://mantasvaitukaitis.com/system)

## Typography

- Display: Geist, 6rem (96px), bold, -0.05em tracking
- H1: Geist, 3.75rem (60px), medium, -0.04em tracking
- H2: Geist, 3rem (48px), medium, -0.04em tracking
- Navigation: Geist Mono, 14px, regular, lowercase
- Metadata: Geist Mono, 14px, regular, lowercase

## Color system

- Light background: HSL(0 0% 97.6%)
- Light foreground: HSL(0 0% 0%)
- Dark background: HSL(240 10% 3.9%)
- Dark foreground: HSL(0 0% 98%)
- Light border: HSL(0 0% 89.8%)
- Dark border: HSL(240 3.7% 15.9%)

## Components

### Primary CTA

- Default shape: fully rounded
- Variants: primary and outline
- Typography: Geist Sans or Geist Mono
- Interaction: decipher-text hover transition

### Grid

- System: asymmetrical responsive grid
- Standard gap: 8px

## Identity

- Logo: mantas-vaitukaitis
- Primary technical typeface: Geist Mono
- Machine-facing display typeface: Geist Pixel Square