Create refined, contemplative UI/UX designs inspired by Kenya Hara's philosophy of "White" (白) and Emptiness (空). Use this skill when building interfaces that embrace Japanese aesthetics of ma (間), yohaku (余白), and receptive simplicity. Ideal for creating meditative web applications, minimalist dashboards, product showcases, portfolios, landing pages, or any interface seeking profound simplicity that invites user interpretation rather than imposing meaning.
This skill guides the creation of UI/UX designs based on Kenya Hara's philosophy articulated in his seminal work "白" (White). The approach transcends mere minimalism—it creates interfaces as receptive vessels that invite user imagination.
"白があるのではない。白いと感じる感受性があるのだ" "White does not exist. What exists is the sensibility that perceives white."
White is not the absence of color but the presence of infinite potential. Design interfaces as "empty vessels" (器) that users fill with their own meaning, like a Shinto shrine that awaits the divine.
| Simplicity (西洋的) | Emptiness (日本的) |
|---|---|
| Reduction by removal | Potential through absence |
| Minimizes to essentials | Creates space for possibility |
| Closed, complete | Open, inviting |
| Designer's statement | User's interpretation |
Emptiness is not "nothing"—it is "anything." Like the MUJI horizon campaign: a vast empty landscape that each viewer fills with their own meaning.
Space is not emptiness to fill but presence to respect. Every pause, gap, and silence carries meaning.
WRONG: Cramming content to "use" space
RIGHT: Generous spacing that creates rhythm and breath
Implementation:
Empty space is not background—it is foreground. The white of a page is as important as what is written on it.
Implementation:
Beauty in understated elegance. Not flashy, not dull—simply present.
Implementation:
Simplicity that emerges from depth, not laziness.
Implementation:
Primary Palette:
Accent Philosophy:
:root {
/* White spectrum - like varying densities of mist */
--shiro: #FFFFFF;
--washi: #FAF9F7;
--kumo: #F0EFED; /* cloud */
/* Ink spectrum */
--sumi: #1A1A1A; /* ink */
--usuzumi: #4A4A4A; /* light ink */
--hai: #8A8A8A; /* ash */
/* Natural accents - use ONE sparingly */
--akane: #C73E3A; /* madder red */
--ai: #2E4A62; /* indigo */
--matcha: #5B6E4E; /* tea green */
}
Selection Criteria:
Recommended Approach:
Grid Philosophy:
Spacing Scale (8px base):