Claymorphism
クレイモーフィズム / 2020s / Style / UI Expression
Makes digital components soft and playable with rounded, clay-like volume.
At a glance
Visual cues
- Inflated forms
- Inner highlights
- Soft shadows
- Pastels
Best used for
- Making education, wellness and onboarding friendly
- 3D icons with character
Use this style
Take the compact brief into a project or hand the structured version to an AI tool.
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats
Dictionary entry
- Type
- A rounded sans-serif
- Composition
- One large dimensional object and a short caption
- Material
- Tonal lights and darks, rounded corners, a soft contact shadow
- Caution
- Don't leave control states to shadows alone. Reserve the volume for the hero.
- Further study
- soft 3D illustration / playful product onboarding
Related entries
- Neumorphism (ニューモーフィズム)Same UI Expression lineage.Compare Claymorphism and Neumorphism
- Kidcore (キッドコア)Shared effects: Play.Compare Claymorphism and Kidcore
Often confused with
More from UI Expression
Continue through styles in the same UI Expression family, prioritised by shared effects.
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)Shared effects: Intimacy / Play.
- 1-Bit Icon Design (1ビットアイコン)Shared effects: Intimacy / Play.
- Card UI (カードUI)Shared effects: Intimacy / Play.
Browse all UI Expression entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/claymorphism
- Markdown
- [Claymorphism — IndexStyle](https://indexstyle.org/styles/claymorphism)
- HTML
- <a href="https://indexstyle.org/styles/claymorphism">Claymorphism — IndexStyle</a>