DESIGN MD (DESIGN.md)

---
name: Productivity App
colors:
  primary: "#2665fd"
  surface: "#0b1326"
  on-surface: "#dae2fd"
typography:
  headline:
    fontFamily: Geist
    fontSize: 2rem
    fontWeight: 600
  body:
    fontFamily: Geist
    fontSize: 1rem
    fontWeight: 400
rounded:
  sm: 4px
  md: 8px
  lg: 12px
spacing:
  sm: 8px
  md: 16px
  lg: 32px
---

## Overview
Minimal interface for a productivity app.
Clean lines, high information density.

## Colors
- **Primary** (#2665fd): CTAs, active states
- **Surface** (#0b1326): Backgrounds

## Typography
- Headlines: Geist, semi-bold
- Body: Geist, regular, 14–16px

## Components
- Buttons: rounded-lg, primary filled
- Inputs: 1px border, surface-variant bg

## Do's and Don'ts
- Do use primary only for main actions
- Don't mix rounded and sharp corners