Style Library

Wabi-Sabi

Styleminimal

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.

#3a3a3a
#f2ede4
#8a9a7b
#b5a78c
#8b6f4e
#799d91

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

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 meContinue
Today
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