Orange Cart
A utilitarian, high-density design system built for commerce at massive scale. Orange Cart prioritizes information density, fast scanning, and frictionless purchasing over visual elegance. The aesthetic is functional and familiar — dense grids, clear price hierarchies, prominent trust signals, and a signature orange that universally means 'buy now.' Every design decision serves conversion.
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.
Spacing
Base: 4pxA utilitarian, high-density design system built for commerce at massive scale. Orange Cart prioritizes information density, fast scanning, and frictionless purchasing over visual elegance. The aesthetic is functional and familiar — dense grids, clear price hierarchies, prominent trust signals, and a signature orange that universally means 'buy now.' Every design decision serves conversion.
Components
Buttons
Cards
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