pristine

Lens · Fix the structure

adapt

Make it feel native on the screen the user is actually holding.

Not shrinking pixels. Adapt rethinks the experience for a phone on a bus, a laptop at a desk and a wide monitor: thumb reach, real targets, what to show first.

When to use it

It raises
Responsiveness
Skip it when
The problem looks the same on every screen (use layout or typeset). Native iOS and Android, which Pristine doesn't cover.

Try it

/pristine polish adapt the booking flow

It captures at 390px and also checks 320 and 768.

What it changes

Typical before and after values for adapt
BeforeAfter
Desktop table squeezed to 390px with horizontal scrollEach row becomes a card with the two fields people scan
Primary button at the top of a long mobile formSticky bottom action in thumb reach, 48px tall

Laws it applies

Used in these examples