StyleKit Design System
Organic, imprecise beauty. Digital elements rendered as if painted on wet paper — soft edges, color bleeding, texture over precision.
Each mood blends accent washes to evoke a different time of day.
Dawn
dawn palette
Every element painted with the same organic hand.
Button variants
Compositions that live and breathe — each piece a painted moment.
Four steps from blank paper to finished composition.
Begin with warm off-white — #faf8f5. Every element lives on paper, not a screen.
Drop large blur-3xl blobs of semi-transparent color. Let them bleed into each other.
Components sit above the wash. Organic borders, no hard edges anywhere.
Italic serif type anchors the painterly feeling. Never bold-sans headlines.
Serif italic headings anchor the painterly voice.
"Color bleeding is not a flaw —
it is the signature."
Watercolor Style design philosophy
The principles that keep every element feeling painted, not printed.
Use semi-transparent fills
bg-[#4a6fa5]/20 feels painted, not flat.
Embrace organic shapes
Irregular border-radius mimics brushwork.
Layer wash blobs freely
Overlapping blur-3xl divs create painted depth.
Apply paper texture background
Warm off-white #faf8f5 evokes watercolor paper.
Avoid sharp, solid fills
Fully opaque blocks kill the painterly mood.
Skip rigid uniform corners
rounded-md is too mechanical for this style.
No harsh contrast jumps
Abrupt color transitions break the soft aesthetic.
No hard drop shadows
Pixel-offset box-shadows read as printed, not wet.
Like a letter sealed with a wax stamp — unhurried, considered.