College, sorted.

Get a gift card from $100 to $150* when you buy Mac or iPad with education savings.
Shop

MacBook Air

Now supercharged by M5.
Learn moreBuy

iPhone

Thinner. Lighter. Faster.
Learn moreBuy ›

iPad Air

Serious performance.
Learn moreBuy ›
Controls

The blue pill pair

Filled · defaultLearn more
Filled · hoverLearn more
Filled · disabledLearn more
Outlined · defaultBuy
Outlined · hover (fills)Buy
On dark tileLearn more Buy ›
Black pill (banner)Continue
Text link + chevronLearn more ›
Field · default✓ Australia ▾
Field · focus ring✓ United States ▾
ChipsNewTrade In

CTAs are always a filled blue pill (#0071e3) beside an outlined blue pill, radius 980px, 44px tall, SF Pro Text 17/400. On dark tiles the blue shifts to #2997ff; inline links use #0066cc. Focus ring shown from the CTA blue (not captured on the live site).

Typography

SF Pro Display 600 over SF Pro Text 400

Tile headline lg · SF Pro Display · 56/60 · 600 · tightMacBook Air
Tile headline sm · SF Pro Display · 40/44 · 600iPad Air
Sub-headline · SF Pro Display · 28/32 · 400 · +0.196pxNow supercharged by M5.
Body · SF Pro Text · 17/25 · 400Get a gift card when you buy Mac or iPad with education savings.
Nav link · SF Pro Text · 12/16 · 400 · -0.12pxStore   Mac   iPad   iPhone
Caption / legal · SF Pro Text · 12/16 · 400 · #6e6e73* Offer subject to eligibility and availability.
Palette

White, #f5f5f7 and exactly one blue

Surfaces
canvas#ffffff
gray-tile#f5f5f7
gray-tile-2#fafafc
black tile#000000
Text
ink#1d1d1f
dark-gray#333336
gray#6e6e73
on-dark#ffffff
Blue accent (one hue, three contexts)
blue-cta#0071e3
blue-link#0066cc
blue-on-dark#2997ff
Borders
border#d2d2d6
border-2#e8e8ed
Depth & motion

Radii & elevation

12px field
18px tile
980px pill
white tile · no shadow
#f5f5f7 tile · depth by alternation
nav · blur(20px) translucent

Motion: restrained hover transitions (~200ms) — blue pills darken, outlined pills fill, text links underline. Depth comes from alternating tile backgrounds and the translucent blurred nav, never from drop shadows.