Q3 retention
LiveCohorts from June onward hold above the target line for a third consecutive month.
- Retained
- 94.2%
- Change
- +1.8
- Updated
- 12 min
Puffy, rounded, matte shapes with an inner highlight and a coloured drop shadow, as if the interface were moulded from soft clay.
Also called: clay UI, 3d soft, puffy, playful depth
Cohorts from June onward hold above the target line for a third consecutive month.
The drop shadows are tinted by their own element's colour rather than grey, and each shape carries a soft inner highlight at the top. Note how the radii stay large even on the input, so nothing looks like it came from a different material.
Every style in this collection renders the same markup — one navigation row, one headline and action, one labelled input, a selected and an unselected control, a card with a status and a data row, and a secondary action. Colour and type come from the active design kit; the style decides the rendering.
The perceptual fingerprint, in the order you notice it.
Where this style tends to fail an audit, and what fixes it.
The site archetypes this render grammar suits. Each opens the catalog on that lane.
A style is a render grammar. A design kit supplies the colour, type and personality it paints.
Puffy, friendly 3D 'clay' surfaces — soft inner + outer shadows, big rounded geometry, bright playful palette.
What an agent needs in order to actually build Claymorphism on top of your design kit — surface rules, per-component behaviour, responsive behaviour, fallbacks and QA.
The vocabulary a coding agent can match this style on.