QuickMart
QuickMart is a high-density design system engineered for grocery delivery and convenience store apps. Every decision optimizes speed to cart: compact spacing, bold price typography, and a familiar tri-color palette that communicates actions instantly. The dense layout maximizes visible products per screen while maintaining scannability. It is functional, trustworthy, and never in the way.
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: 4pxQuickMart is a high-density design system engineered for grocery delivery and convenience store apps. Every decision optimizes speed to cart: compact spacing, bold price typography, and a familiar tri-color palette that communicates actions instantly. The dense layout maximizes visible products per screen while maintaining scannability. It is functional, trustworthy, and never in the way.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
List
DefaultItem
Default
Selected
Default
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here