Skip to content
SketchXFlowStart free →

Theme

One brand colour, a corner style and a font make the whole system. Every page of these docs draws in it.

Corners
Brand#0E7C66 is 600
50
100
200
300
400
500
600
700
800
900
950
Neutraltinted to match
50
100
200
300
400
500
600
700
800
900
950
success
warning
danger
info

text on primary · 5.1:1 AA

Dark mode
₹4.2L
Paid

Install it

One command adds this exact system to your project (Tailwind v4: every token as a CSS variable, light on :root, dark on .dark). Its flags carry your colour, corners and font; run it again after a change and only the Taste block is replaced.

$ npx sketchxflow init

Other formats

Export my system gives the same tokens as CSS variables, a Tailwind v3 preset, Tokens Studio JSON and Figma variables (Light and Dark modes), and the kit stylesheet for plain HTML.

← InstallationCLI →