MiniDash Design SystemLegacy format
MiniDash is a widget-like, compact design system engineered for mobile dashboard and widget-style apps. It packs maximum information into minimal space using tight grids, small-but-readable type, and color-coded metric widgets. The indigo-teal-amber palette provides distinct channels for different data categories. Every component is optimized for dense data display on constrained mobile viewports, making complex dashboards feel organized and scannable at a glance.
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.
Spacing
Base: 4pxMiniDash is a widget-like, compact design system engineered for mobile dashboard and widget-style apps. It packs maximum information into minimal space using tight grids, small-but-readable type, and color-coded metric widgets. The indigo-teal-amber palette provides distinct channels for different data categories. Every component is optimized for dense data display on constrained mobile viewports, making complex dashboards feel organized and scannable at a glance.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
Checkbox
Standard
Checked
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here