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
Controls that imitate physical objects: bevelled edges, material texture, directional light and depth that says what a thing does.
Also called: realistic UI, textured, physical metaphor, tactile
Cohorts from June onward hold above the target line for a third consecutive month.
One light source, top-left, applied to everything: the button's highlight is on its top edge, the input's shadow is on its inner top edge. That consistency is what makes the depth legible rather than decorative.
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.
Surfaces mimic real materials — leather, brushed metal, paper — via gradients, bevels, inset highlights and texture. The pre-flat tactile look, now resurgent.
What an agent needs in order to actually build Skeuomorphism 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.