pristine

Lens · Make it calmer

distill

Remove what stands between the user and their goal.

Every element has to earn its place. Distill cuts, merges and moves advanced options behind a step. It never removes something a Persona needs.

When to use it

It raises
Hierarchy & clarity, Persona fit
Skip it when
The page is sparse and flat (use bolder) or is missing information (use clarify).

Try it

/pristine polish distill the signup form

Best on forms, onboarding, pricing and crowded headers.

What it changes

Typical before and after values for distill
BeforeAfter
Signup asks for 9 fields, including company size and phoneEmail and password; the rest asked later, when it's needed
Five pricing plans and a comparison of 40 rowsThree plans, the 6 rows that differ, the rest one click away

Laws it applies

Used in these examples