Style LibraryNew · weekly review
Wabi-Sabi
StyleminimalA digital expression of Japanese Wabi-Sabi aesthetics, celebrating the beauty of imperfection, the elegance of natural aging, and the zen of extreme whitespace, conveyed through ink tones, tea hues, and paper textures.
#3a3a3a#f2ede4#8a9a7b#b5a78c#8b6f4e#799d91Preview
A sample page drawn from this style’s tokens — a guide to the look, not the exact output.
Plan the week in ten minutes
Pull in every task, see what matters, and share one clear plan with the team.
Get startedSee how it worksDocs
Tasks done1,284+12% this week
Sign in
Emailyou@example.com
Remember meContinueToday
Review roadmapDone
Ship onboardingIn progress
Team sync3 pm
Prompt
Paste into any AI assistant before describing what to build — or attach it to a project below.
# Visual style: Wabi-Sabi A digital expression of Japanese Wabi-Sabi aesthetics, celebrating the beauty of imperfection, the elegance of natural aging, and the zen of extreme whitespace, conveyed through ink tones, tea hues, and paper textures. ## Philosophy Wabi-Sabi is the deepest philosophical concept in Japanese traditional aesthetics. Core principles: - Beauty of imperfection: cracks, wear, and irregularity are gifts bestowed by time - Ma (space): whitespace is not emptiness, but meaningful space - Natural decay: the process of growth, aging, and fading is itself beautiful - Depth in simplicity: discovering profundity in ultimate simplicity - Ichigo ichie: this moment is the only one, never to be repeated ## Do - Use warm paper-toned backgrounds bg-[#f7f3ec] bg-[#f2ede4] - Ink color as primary text color text-[#3a3a3a] - Extreme whitespace and spacing py-32 px-8 - Use serif fonts font-serif - Ultra-thin divider lines border-[#d4cdc5]/30 - Slow fade-in animations transition-opacity duration-1000 ## Don't - Do not use vivid colors or high saturation - Do not use heavy shadows or thick borders - Do not densely arrange elements - Do not use decorative animations or bounce effects ## Rules for the AI You are designing in Wabi-Sabi style. - Warm paper-toned backgrounds: #f7f3ec, #f2ede4 - Ink-like text color: #3a3a3a - Muted natural accents: moss green #8a9a7b, tea brown #b5a78c - Always use serif fonts (font-serif) - Extreme whitespace: py-32, large gaps between sections - Ultra-thin borders: border-[#d4cdc5]/30 - Slow transitions: duration-500 or longer - No bold colors, no heavy shadows, no decorative elements - Embrace asymmetry and imperfection - Think "zen garden" and "ceramic pottery" Animation & Interaction Rules: - Absolute Stillness: The core of Wabi-Sabi is tranquility. Absolutely no translate (displacement), scale (scaling), or spring animations. Elements must remain still like stones. - Shadowless Void: Abandon all box-shadow for modern depth. Layer hierarchy is expressed only through generous whitespace and very faint border lines. - Dust Breathing: All interactions must be extremely slow. Use duration-1000 or longer transitions (e.g., duration-[1500ms]) with ease-in-out. Let background color deepening look like natural light slowly dimming. - Ink Fading: On hover, text color should not change abruptly but transition through opacity changes (e.g., from opacity-60 slowly to opacity-100), simulating ink appearing through time.
Example prompts
Ready-made page requests in this style.
SaaS Landing Page
Create a SaaS landing page using Wabi-Sabi style with hero section, feature grid, testimonials, pricing table, and footer.
Portfolio Showcase
Create a portfolio showcase page using Wabi-Sabi style with project grid, about section, contact form, and consistent visual language.
Use it in an app
Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.
From StyleKit (MIT, commit 0156849).View source