Style combination · Pairs well
Claymorphism × Kawaii Design
Kawaii's oversized heads, minimal faces and scattered sparkles translate directly into clay volumes; use its character rules for mascots and emoji so the 3D figures stay simple and readable at small sizes.
01
What each style brings
Each part of the design comes from the style with the stronger say in it, and each style gives at least two.
Claymorphism & Soft 3D Kawaii Design
- Type from Kawaii Design
- Colour from Kawaii Design
- Form from Kawaii Design
- Composition from Claymorphism
- Surface from Claymorphism
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Kawaii Design
Yay!
Zen Maru Gothic, standing in for Maru-ji (rounded teenage handwriting, 1970s)
Text · Claymorphism
A soft, toy-like 3D look from product design around 2020, given the name 'claymorphism' in a December 2021 article by Michał Malewicz. Icons, emoji, avatars and interface cards are modelled as fat, rounded volumes, as if made of clay or inflated vinyl, softly lit and floated alone on pale grounds in candy and pastel colours. Open 3D sets such as 3dicons and Microsoft's 3D Fluent Emoji carry the same look; in interfaces it is faked with two inner shadows and one large drop shadow.
Jost; Claymorphism used Geometric sans-serifs such as Poppins (Indian Type Foundry, 2014), kept to a few weights; Malewicz (quoted by Smashing Magazine) and LogRocket both advise minimal, restrained typography beside the clay forms, to counter their childlike feel and Rounded sans-serifs with soft terminals, such as Nunito (Vernon Adams) or VAG Rounded, only for the most childlike or playful products
03
The colours
The ground and leading colours come from Kawaii Design, with a counter-accent from Claymorphism. The ink reads on the ground at 4.5:1 or more.
Claymorphism & Soft 3D Kawaii Design
-
#fff4a3ground · 36% -
#141414ink · 14% -
#e60033accent · 18% -
#ffd36eaccent · 14% -
#a8d8ffaccent · 10% -
#8b7cf6accent · 8%
As CSS
:root {
--ground: #fff4a3;
--ink: #141414;
--accent-1: #e60033;
--accent-2: #ffd36e;
--accent-3: #a8d8ff;
--accent-4: #8b7cf6;
--font-display: "Zen Maru Gothic", sans-serif;
--font-text: "Jost", sans-serif;
}04
The two styles
05
More combinations
With Claymorphism
- Neumorphism Contrasts · Neumorphism presses monochrome controls out of a same-coloured surface with paired outer shadows; claymorphism inflates them into separately coloured objects that cast one drop shadow, so switch to it when soft relief loses contrast and every control starts to look like a button.
- Corporate Memphis Contrasts · It does the same friendly job in tech marketing with flat vectors; render the figures as volumes to escape the over-familiar flat look, or go back to flat when 3D production is too slow or icons must work at tiny sizes.
- Glassmorphism Pairs well · Set opaque clay icons on or behind frosted glass panes: the blur gives the toys a layered backdrop, and the solid objects anchor translucent cards that would otherwise drift.
- Y2K Futurism Contrasts · Both float rounded 3D renders on pale grounds, but Y2K is chrome, liquid metal and translucent candy plastic sold as the future; keep claymorphism opaque, soft and cute, with satin or matte surfaces and at most a soft highlight, and borrow chrome only for a retro-tech joke.
- Neo-Brutalism Contrasts · Neo-brutalism's black outlines and hard, unblurred offset shadows are the crisp counterpart to clay's soft blurred ones; borrow a solid outline for focus states when the inflated cards need sharper edges.
- Low Poly Illustration Contrasts · Both float one rendered object on a pale ground, but clay is inflated, rounded and softly shaded while low poly is cut into hard facets with stepped tones; choose clay for warmth and touch, low poly for crispness and a constructed, mineral feel.
- Biobrand (Organic Biotech CGI) Contrasts · Both float soft 3D forms on pale grounds, but clay is opaque, cute and interface-bound, while the biobrand is translucent, intricate and biological; use clay for friendlier app icons.
- Isometric Tech Illustration Contrasts · Soft, inflated 3D forms against crisp axonometric blocks: the same toy worlds, rendered rather than projected.
With Kawaii Design
- Techno-Futurist Graphics Pairs well · A cute mascot inside a dense techno-corporate layout softens its satire; Groovisions' Chappie is the model.
- Grunge Typography Contrasts · Grunge's dirt and illegibility is kawaii's opposite; one cute character on a distressed texture creates knowing dissonance.
- Memphis Design Pairs well · Kawaii characters sit happily on Memphis pastel geometry; combine them for playful packaging with a little more edge.
- Dark Tech Minimalism Contrasts · Use a single pastel mascot or emoji moment to humanise a cold, dark interface without changing its structure.
- Moomin Graphics (Tove Jansson's Pen-Drawn World and its Licensed Afterlife) Contrasts · Its round, white characters sit near kawaii fancy goods, but they keep a hatched, melancholy world around them that kawaii fancy goods leave out.
- Superflat Contrasts · Kawaii offers sincere, simple, pastel cuteness for fancy goods; switch to Superflat when the cute should be saturated, crowded, many-eyed and ironic, a comment on consumer culture rather than a product of it.
- VTuber Avatar and Stream Graphics Contrasts · Its parent in cute character culture, but kawaii fixes a static mascot on pastel goods and print; switch to VTuber graphics when the character has to move, talk and answer a live chat, with a performer's voice and a whole stream screen around it.
- Yuru-chara (Japanese Local Mascot Design) Contrasts · Both build on rounded, big-headed cute figures, but kawaii sells polished pastel fancy goods for private pleasure, while a yuru-chara speaks for a town in a few bold colours and keeps its awkwardness.