Japanese aesthetic reference
Wabi-Sabi
A Japanese aesthetic reference associated with transience, irregularity, and the character of materials. A restrained screen interpretation should not flatten that context into generic cozy branding.
What defines it
- Material character
- Irregular detail
- Restraint
What it asks of the project
- Reading & layout
- Open spacing for a slower reading pace
- Visual emphasis
- quiet · restrained
- Implementation
- Mostly standard CSS; imagery may still need preparation.
- Images & assets
- Real material variation is difficult to replace with a generic texture.
Color in use
A ceramics archive with close photographs of surfaces and concise notes about each object.
Accent labelOpaque text/surface: 19.14:1 · Text/accent: 7.10:1.
These pairs meet the normal-text minimum; check other surfaces separately.
Context
The board emphasizes quiet material imagery and restrained composition. These contemporary graphics are adjacent references; the tea-ceremony source provides more specific cultural context.
The Met: Japanese tea and material aesthetics
View collected reference imagesBuild it
- Use real texture with visible variation
- Allow asymmetry in imagery
- Keep navigation and text alignment dependable
Typography
A quiet serif or sans-serif can work. Irregular material photography supplies the character; imitation handwriting is unnecessary.
Watch out for
Calling any beige interface wabi-sabi, treating kintsugi as its synonym, or simulating imperfection in functional controls.
A working interpretation
Original CSS composition with the same content and controls used in every direction. Image-led styles need additional artwork for their full expression.
Open the full example →Hand it to an agent
Point your agent at this guide, or save the files below.
Check the result
- Confirm: use real texture with visible variation.
- Confirm: allow asymmetry in imagery.
- Confirm: keep navigation and text alignment dependable.
- Review specifically for: Calling any beige interface wabi-sabi, treating kintsugi as its synonym, or simulating imperfection in functional controls.