Skip to content
Library

Apple Watch Ultra 4. Midnight endurance instrument.

  • Commerce
  • Dark theme
  • 15 colors
  • 2 typefaces

Apple — midnight endurance instrument. The page stages a titanium watch as an isolated object against near-black, with enormous white display type, dense product crops, and color withheld until it signals battery, links, or purchase. Rounded media tiles interrupt the black canvas in long, cinematic sections; pale cards and white footer bands arrive late as contrast breaks rather than becoming the default surface.

Screenshot of Apple Watch Ultra 4
Captured from apple.com on October 11, 2026

Apple Watch Ultra 4 design system

Apple Watch Ultra 4

Brand2

  • Inline editorial links and technical-reference navigation

  • Filled Buy and Learn more buttons — the sole saturated purchase punctuation on black navigation and media

Accent1

  • Battery-performance display headlines and metrics — vivid green makes endurance data read like an instrument signal

Neutrals9

  • Hero canvas, immersive product media, dark cards

  • Page canvas, local navigation bar, dark section bands

  • Primary text on White and Polar White surfaces

  • Dark translucent control and selector fills

  • 1px input borders and restrained dividers

  • Muted body copy, inactive labels, subdued control fills

  • Global navigation icons and secondary navigation glyphs

  • Primary headlines, body copy on dark surfaces, light tile backgrounds, footer bands

  • Light content tiles, dark-surface button text

semantic3

  • Availability badge text for future-release messaging

  • New-status badge text

  • Dark orange-tinted availability badge surface

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

White on Link Blue

5.57 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.