Blue Grid
Blue Grid is a clean, professional design system inspired by modern video conferencing platforms. It emphasizes clarity, accessibility, and grid-based layouts that feel productive and distraction-free. The palette centers on a vibrant blue against neutral whites and grays, creating a trustworthy and focused digital workspace.
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.
Spacing
Base: 4pxBlue Grid is a clean, professional design system inspired by modern video conferencing platforms. It emphasizes clarity, accessibility, and grid-based layouts that feel productive and distraction-free. The palette centers on a vibrant blue against neutral whites and grays, creating a trustworthy and focused digital workspace.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here