CloudPulse
Airy, calm, trustworthy with a pulse of activity. CloudPulse is a design system crafted for cloud infrastructure monitoring and DevOps dashboards that need to convey complex system health without overwhelming the operator. The philosophy centers on calm confidence — generous whitespace, soft rounded surfaces, and a sky-to-violet gradient language that evokes reliability and uptime. Panels may optionally switch to dark mode for ambient monitoring screens. Designed for engineers who need clarity at a glance during both routine checks and incident response.
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.
Corner Radius
Spacing
Base: 8pxAiry, calm, trustworthy with a pulse of activity. CloudPulse is a design system crafted for cloud infrastructure monitoring and DevOps dashboards that need to convey complex system health without overwhelming the operator. The philosophy centers on calm confidence — generous whitespace, soft rounded surfaces, and a sky-to-violet gradient language that evokes reliability and uptime. Panels may optionally switch to dark mode for ambient monitoring screens. Designed for engineers who need clarity at a glance during both routine checks and incident response.
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