Atlas workspace
On trackRenewal is due in 18 days. Weekly use is up and two seats were added this month.
- Seats
- 24
- Usage
- +18%
- Renewal
- 18 days
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
Your Design Kit keeps
Colors, typefaces, the spacing scale, motifs, and brand voice.
Skeuomorphism changes
Surface material, borders, shape, depth, component layout, states, and motion.
Renewal is due in 18 days. Weekly use is up and two seats were added this month.
Renewal is due in 18 days. Weekly use is up and two seats were added this month.
Look for: 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.
Both panels use the same sample Design Kit and account screen. Only the interface style changes on the right.
Select a scope to create a prompt for your coding agent. Start with one component family or apply the style across the interface.
Apply Skeuomorphism to cards, panels, sheets, and modals only. Keep my Design Kit's colors, typefaces, and motifs. Leave navigation, forms, actions, and page structure unchanged. Show me one representative card first, then explain the accessibility trade-offs before changing the rest.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.