# DESIGN.md — Notion

> Warm minimalism with serif headings, hand-drawn illustration and soft paper surfaces — friendly, editorial software.
> Distilled by design.live · updated Jun 2026
> Agent prompt: "Use the design.live MCP and make it look like Notion."

## Palette
#191918    ink — text, headings
#fffefc    paper canvas
#f6f3f0    soft surfaces
#eb5757    accent — highlights

## Type
display:    Lyon Display, serif
weights:    400 · 500 · 700
scale:      60 / 40 / 24 / 18 / 16
tracking:   normal, generous leading

## Signature moves
- Serif display over sans body
- Hand-drawn spot illustration
- Content blocks as the visual grid
- Warm greys, never pure black

## Components
buttons · nav · pricing table · code panel · logo wall · footer

## Kit
icons:      164 glyphs (SVG · PNG · font)
tokens:     .css · .json
recipes:    24 component recipes

— design.live/brands/notion