Mountain View Bright
A clean, colorful, and universally accessible design system rooted in material design principles. Mountain View Bright uses a signature four-color palette — blue, red, yellow, and green — against crisp white surfaces with clear elevation hierarchy. The aesthetic is optimistic, organized, and information-rich, designed to make complex tools feel simple and approachable for billions of users worldwide.
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.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 8pxA clean, colorful, and universally accessible design system rooted in material design principles. Mountain View Bright uses a signature four-color palette — blue, red, yellow, and green — against crisp white surfaces with clear elevation hierarchy. The aesthetic is optimistic, organized, and information-rich, designed to make complex tools feel simple and approachable for billions of users worldwide.
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
Tooltip
Plain
Rich
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here