BrushStroke Design System
BrushStroke is a textured, organic, and hand-made design system crafted for illustrators and fine artists. It embraces warmth and imperfection with a cream-toned canvas, earthy palette, and handwritten headline typography. Every component feels approachable and artisanal, as if sketched before being rendered. The system prioritizes the artist's work above all else, keeping the UI inviting but never competing with the art.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 8pxBrushStroke is a textured, organic, and hand-made design system crafted for illustrators and fine artists. It embraces warmth and imperfection with a cream-toned canvas, earthy palette, and handwritten headline typography. Every component feels approachable and artisanal, as if sketched before being rendered. The system prioritizes the artist's work above all else, keeping the UI inviting but never competing with the art.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
Checkbox
Default
Checked
Indeterminate
Disabled
Radio Button
Default
Selected
Disabled
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here