Notion

# Notion Design System

## Visual Theme & Atmosphere
Warm minimalism. Serif headings (Georgia) paired with clean sans-serif body text creates editorial elegance. Soft surfaces (#F5F5F5) and warm grays avoid cold sterility. The design feels like a well-loved notebook — organized yet personal.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #000000 | Text, icons |
| Background | #FFFFFF | Canvas |
| Surface | #F5F5F5 | Hover states, panels |
| Text | #37352F | Warm black |
| Muted | #9CA3AF | Secondary text |
| Border | #E3E2E0 | Subtle dividers |

## Typography Rules
- **Heading Font**: Georgia, serif (warmth and authority)
- **Body Font**: Inter, system-ui, sans-serif
- **Mono Font**: SFMono-Regular, monospace
- **Base Size**: 16px

## Component Stylings
- **Pages**: White canvas, block-based editing
- **Callouts**: Soft colored backgrounds (yellow, blue, green)
- **Databases**: Clean tables, kanban boards

## Agent Prompt Guide
Mix serif headings with sans-serif body. Warm grays, not cold. Block-based content organization.