CreateSpace Design System
CreateSpace is a colorful, expressive, and grid-heavy design system designed for multi-disciplinary creative agency websites. It combines bold color blocks with asymmetric layouts and glassmorphism-inspired panels to create a dynamic, portfolio-first experience. The system embraces contrast, layering, and confident typography to showcase creative work across disciplines -- from branding and illustration to motion and product design.
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.
Spacing
Base: 8pxCreateSpace is a colorful, expressive, and grid-heavy design system designed for multi-disciplinary creative agency websites. It combines bold color blocks with asymmetric layouts and glassmorphism-inspired panels to create a dynamic, portfolio-first experience. The system embraces contrast, layering, and confident typography to showcase creative work across disciplines -- from branding and illustration to motion and product design.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Inputs
Chips
Checkbox
Unchecked
Checked
Disabled
RadioButton
Unselected
Selected
Disabled
Tooltip
Default
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here