←Back to Docs/Vertex Pro

Now revealed

Vertex Pro.
Titanium. So light.

Scroll and the product reveals itself, one frame at a time. The scrollbar is the playhead.

Watch the reveal See the specs

Scroll

Titanium

Forged, not cast

A grade-5 titanium enclosure, lighter than any before it.

FRAME 01 / 96

One product. One message. One reveal.

The stage stays black so the light falls only on the product. Every viewport carries a single claim, and the scroll is the beat.

01Palette

Black stage, one electric blue

Everything is black, near-white and gray. A single blue carries every link, CTA and key number.

#000000

Stage

The black stage

#1D1D1F

Panel

Elevated cards

#F5F5F7

Paper

Text & headlines

#2997FF

Blue

The one accent

#86868B

Gray

Captions & specs

02Typography

System SF, tight and huge

A native SF-grade sans, clamped up to 7rem, tracking pulled to -0.03em, with 600 against 400 for weight contrast.

Aa Vertex

Weight 600 - Headline

Pro cameras. Pro display. Pro everything.

Weight 400 - Body

The keynote voice is calm and declarative. Short sentences. A single idea at a time. The type does the work so the stage can stay empty.

03Components

Controls for a keynote

Blue for the one action, dark panels for everything else, hairline borders that never fight the stage.

Learn more

Badges

NewProIn stockCarbon neutral

Charge

0 to 50%50%

Full charge100%

04Messages

Quiet status, one accent

Info

Pre-orders open Friday at 5am PT.

Success

Your reservation is confirmed.

Notice

Trade-in values vary by condition.

Sold out

Titanium is temporarily unavailable.

05Specs

Numbers, calmly stated

Large figures on a quiet grid read as credible. No charts, no flourish - just the facts of the product.

Chip

A17 Vertex

6-core, 3nm

Display

6.7″ XDR

2600 nits peak

Enclosure

Titanium

Grade-5, brushed

Battery

29 hours

Video playback

Weight

187 g

Lightest ever

Main	48 MP, f/1.6
Ultra-wide	12 MP, 120 deg
Telephoto	5x optical

“It doesn’t just show the product. It performs the reveal.”

Review desk, The Verge-adjacent

06Guidelines

Do / Don't

Do

+Keep the stage pure black; one product per viewport
+Scrub a sticky canvas with a webp frame sequence
+Lazy-load frames only in view; paint a poster first
+Read scroll once per rAF; keep the last frame if unloaded
+Use one electric-blue accent and nothing more
+Statically render the final frame under reduced-motion

Don't

×Add rainbow gradients or a second accent color
×Read offsetTop per frame in a scroll handler
×Preload all 96 frames on page load
×Bake critical information into the frame images
×Pile on borders that break the infinite black depth
×Ignore prefers-reduced-motion or a devicePixelRatio cap

Preparing the stage...

←Back to Docs/Vertex Pro

StyleKit

Now revealed

Vertex Pro.
Titanium. So light.

Scroll and the product reveals itself, one frame at a time. The scrollbar is the playhead.

Watch the reveal See the specs

Scroll

Titanium

Forged, not cast

A grade-5 titanium enclosure, lighter than any before it.

FRAME 01 / 96

One product. One message. One reveal.

The stage stays black so the light falls only on the product. Every viewport carries a single claim, and the scroll is the beat.

01Palette

Black stage, one electric blue

Everything is black, near-white and gray. A single blue carries every link, CTA and key number.

#000000

Stage

The black stage

#1D1D1F

Panel

Elevated cards

#F5F5F7

Paper

Text & headlines

#2997FF

Blue

The one accent

#86868B

Gray

Captions & specs

02Typography

System SF, tight and huge

A native SF-grade sans, clamped up to 7rem, tracking pulled to -0.03em, with 600 against 400 for weight contrast.

Aa Vertex

Weight 600 - Headline

Pro cameras. Pro display. Pro everything.

Weight 400 - Body

The keynote voice is calm and declarative. Short sentences. A single idea at a time. The type does the work so the stage can stay empty.

03Components

Controls for a keynote

Blue for the one action, dark panels for everything else, hairline borders that never fight the stage.

Learn more

Badges

NewProIn stockCarbon neutral

Charge

0 to 50%50%

Full charge100%

04Messages

Quiet status, one accent

Info

Pre-orders open Friday at 5am PT.

Success

Your reservation is confirmed.

Notice

Trade-in values vary by condition.

Sold out

Titanium is temporarily unavailable.

05Specs

Numbers, calmly stated

Large figures on a quiet grid read as credible. No charts, no flourish - just the facts of the product.

Chip

A17 Vertex

6-core, 3nm

Display

6.7″ XDR

2600 nits peak

Enclosure

Titanium

Grade-5, brushed

Battery

29 hours

Video playback

Weight

187 g

Lightest ever

Main	48 MP, f/1.6
Ultra-wide	12 MP, 120 deg
Telephoto	5x optical

“It doesn’t just show the product. It performs the reveal.”

Review desk, The Verge-adjacent

06Guidelines

Do / Don't

Do

+Keep the stage pure black; one product per viewport
+Scrub a sticky canvas with a webp frame sequence
+Lazy-load frames only in view; paint a poster first
+Read scroll once per rAF; keep the last frame if unloaded
+Use one electric-blue accent and nothing more
+Statically render the final frame under reduced-motion

Don't

×Add rainbow gradients or a second accent color
×Read offsetTop per frame in a scroll handler
×Preload all 96 frames on page load
×Bake critical information into the frame images
×Pile on borders that break the infinite black depth
×Ignore prefers-reduced-motion or a devicePixelRatio cap

Vertex Pro.
Titanium. So light.

Forged, not cast

Brighter in the sun

The whole reveal, in one chip

This is Vertex Pro

Black stage, one electric blue

System SF, tight and huge

Controls for a keynote

Quiet status, one accent

Numbers, calmly stated

Do / Don't

Do

Don't

Vertex Pro.
Titanium. So light.

Forged, not cast

Brighter in the sun

The whole reveal, in one chip

This is Vertex Pro

Black stage, one electric blue

System SF, tight and huge

Controls for a keynote

Quiet status, one accent

Numbers, calmly stated

Do / Don't

Do

Don't

Vertex Pro.Titanium. So light.

Forged, not cast

Black stage, one electric blue

System SF, tight and huge

Controls for a keynote

Quiet status, one accent

Numbers, calmly stated

Do / Don't

Do

Don't

Vertex Pro.Titanium. So light.

Forged, not cast

Black stage, one electric blue

System SF, tight and huge

Controls for a keynote

Quiet status, one accent

Numbers, calmly stated

Do / Don't

Do

Don't

Vertex Pro.
Titanium. So light.

Vertex Pro.
Titanium. So light.