# DESIGN.md · Apple (WR-008)

> Written for AI coding agents. Values marked **OFFICIAL** come from the documented source named below; values marked **ESTIMATED** were measured by us from our own screenshots and are approximate. Never treat ESTIMATED values as official brand tokens.

## Overview
- Type: Website Reference · Category: I. Website References
- Platforms: Web
- Color theme: Monochrome light · Layout pattern: Centered hero · Mood: Premium, product-photography
- License / terms: Screenshots: fair-use reference captures; site content © Apple

Product-photography-led pages with large headlines; iPhone overview with model lineup; store 'Buy iPhone' model picker (no login needed).

### Analysis (ours)
Captured apple.com: centered product headlines over large photography, stacked full-width tiles; iPhone page with a model lineup; store model picker.

## Color tokens
No official color tokens documented for this entry.

ESTIMATED · dominant colors measured from our screenshot(s) of the source site (median-cut quantization; share = % of pixels). Approximate, not official:

- `#FFFFFF` ~27%
- `#717073` ~14%

## Typography
No official type scale documented for this entry; use the product’s own typography guidance.

## Spacing, radii, shadows
Not documented for this entry. Do not invent values; derive from your own design system.

## Components
- Global nav
- Full-width product tiles
- Model lineup
- Store picker

## Layout rules
- Observed layout pattern: **Centered hero** (from our captures).
- Public flow (captured, stopped before any form submission): Landing (https://www.apple.com/) → iPhone overview (https://www.apple.com/iphone/) → Buy iPhone (store) (https://www.apple.com/shop/buy-iphone)

## Do’s and don’ts
- Do: Keep chrome neutral and let content (images, icons, type) carry color.
- Don’t: Don’t introduce decorative color that competes with content.
- Do: follow the source’s license/terms listed above.
- Don’t: present ESTIMATED colors as official tokens.

## Sources
- https://www.apple.com
- Capture: https://www.apple.com/
- Capture: https://www.apple.com/iphone/
- Capture: https://www.apple.com/shop/buy-iphone
- Library entry: https://design-library-byt.pages.dev/entry/WR-008