Style LibraryNew · weekly review
Ink Wash
StyleminimalA design style rooted in traditional Chinese ink wash painting, creating ethereal moods through variations in ink density and moisture, with generous whitespace expressing 'vivid spirit resonance'. Ideal for cultural br…
#2c2c2c#f8f5f0#6b7b6e#a89279#c4b9a8#697a7cPreview
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: Ink Wash A design style rooted in traditional Chinese ink wash painting, creating ethereal moods through variations in ink density and moisture, with generous whitespace expressing 'vivid spirit resonance'. Ideal for cultural brands, tea ceremony, calligraphy, and Eastern aesthetics projects. ## Philosophy Ink Wash originates from the millennia-old aesthetic system of traditional Chinese painting, interpreting all things through "ink divided into five tones." Core principles: - Vivid spirit resonance: the foremost of Xie He's Six Principles, pursuing the vitality and spiritual quality of the composition - Five tones of ink: scorched, dense, heavy, light, and clear -- expressing rich layers through ink density alone - Counting white as black: whitespace is not absence, but an extension of mood and space for imagination - Capturing spirit through form: not seeking likeness of form, but pursuing spiritual essence, transcending appearance to touch the core - Continuous qi flow: where the brush breaks, the intent continues; form scatters but spirit gathers, the overall qi flows as one ## Do - Use xuan-paper warm backgrounds bg-[#f8f5f0] - Ink color as primary text color text-[#2c2c2c] - Generous whitespace to create mood py-32 px-8 - Use serif fonts for calligraphic texture font-serif - Ink-wash thin border dividers border-[#2c2c2c]/20 - Slow transition animations mimicking ink diffusion transition-all duration-700 - Interaction feedback focuses on ink color deepening and border bleeding, avoiding obvious displacement animations ## Don't - Do not use vivid saturated colors -- ink wash is primarily gray-toned - Do not use heavy shadows -- they break the ethereal mood - Do not use thick borders -- ink wash lines should be as delicate as brush strokes - Do not use decorative animations or bounce effects -- maintain tranquility - Do not use spring or bounce interaction curves -- avoid mechanical elasticity ## Rules for the AI You are designing in Ink Wash (Chinese ink painting) style. - Warm xuan-paper backgrounds: #f8f5f0, #f3efe8 - Ink-black text color: #2c2c2c - Muted natural accents: moss green #6b7b6e, tea brown #a89279, sand #c4b9a8 - Always use serif fonts (font-serif) for calligraphic feel - Extreme whitespace: py-32, large gaps between sections for "qi" flow - Ultra-thin ink borders: border-[#2c2c2c]/20 - Slow transitions: duration-700 to mimic ink diffusion - No bright saturated colors, no heavy shadows, no decorative elements - Embrace generous emptiness -- whitespace IS the design - Think "ink on xuan paper" and "mountain mist landscape" Animation & Interaction Rules: - Ink Bleed: On hover, use color deepening and faint diffusion shadows to simulate ink bleeding, without obvious displacement. - Calligraphic Press: Active state prioritizes dark inner shadows, simulating brush pressing on paper, without mechanical scaling. - Flow of Qi: Interaction rhythm uses duration-700 to 1000 with ease-in-out, maintaining ethereal breathing feel. - Whispering Text: Text can slowly transition from low contrast to clear ink color, avoiding abrupt intensification.
Example prompts
Ready-made page requests in this style.
SaaS Landing Page
Create a SaaS landing page using Ink Wash style with hero section, feature grid, testimonials, pricing table, and footer.
Portfolio Showcase
Create a portfolio showcase page using Ink Wash 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