Dark Ride
Dark Ride is a bold, black-dominant design system built for utility and motion. Rooted in the experience of urban transportation, it pairs unapologetic black canvases with crisp white text and strategic blue accents to create interfaces that are fast to scan and decisive to use. The aesthetic is premium yet functional — every element serves the journey from point A to point B with zero unnecessary decoration.
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.
Spacing
Base: 4pxDark Ride is a bold, black-dominant design system built for utility and motion. Rooted in the experience of urban transportation, it pairs unapologetic black canvases with crisp white text and strategic blue accents to create interfaces that are fast to scan and decisive to use. The aesthetic is premium yet functional — every element serves the journey from point A to point B with zero unnecessary decoration.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
Address Suggestions
default
Custom
default
checked
Default
default
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here