PWA / Shell · 13

Device orientation prompt

Animated rotate-to-landscape (or portrait) hint with an arc cue. Reduced-motion locks the phone glyph in the target orientation rather than animating.

Production answer

Device orientation prompt is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Device orientation prompt states
Generative search brief

Device orientation prompt: Animated rotate-to-landscape (or portrait) hint with an arc cue. Reduced-motion locks the phone glyph in the target orientation rather than animating.

Use case

Dyno run screen needs landscape so the torque curve has horizontal room. If we detect portrait we show this prompt for two seconds before forcing the rotation.

State · 01

Landscape · default copy

Dyno-style use case.

Rotate to landscape

Dyno graphs and exhaust schematics need a wider canvas — give the screen a quarter turn to keep the trace honest.

Hold sideways
State · 02

Portrait · custom copy

Used on the job sheet review screen.

Rotate to portrait

Job sheet prints best held upright — flip the tablet vertical so the parts list stays in one tidy column.

Hold upright
State · 03

With dismiss · landscape

"Stay in this orientation" lets the user override the suggestion.

Wider canvas for the dyno

Dyno graphs and exhaust schematics need a wider canvas — give the screen a quarter turn to keep the trace honest.

Quarter turn left