# DESIGN.md — Apple

> Vast white space, SF Pro precision and cinematic product imagery — the reference for premium consumer restraint.
> Distilled by design.live · updated Jul 2026
> Agent prompt: "Use the design.live MCP and make it look like Apple."

## Palette
#1d1d1f    ink — headings, hero
#0071e3    action blue — links, CTAs
#f5f5f7    surface fills
#86868b    secondary text

## Type
display:    SF Pro Display, 600 weight
weights:    400 · 500 · 600
scale:      80 / 48 / 28 / 21 / 17
tracking:   -0.015em on display

## Signature moves
- One product, one message per viewport
- Center-locked display type
- Cinematic imagery carries the story
- Buy actions as quiet text links

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

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

— design.live/brands/apple