Crypto Blue

Crypto Blue is a fintech-grade design system built for the digital asset era. It pairs a bold, trustworthy blue with dark and light neutrals to convey security and modernity. The aesthetic is minimal, data-rich, and engineered for clarity in financial interfaces where every pixel of information matters.
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: 4pxCrypto Blue is a fintech-grade design system built for the digital asset era. It pairs a bold, trustworthy blue with dark and light neutrals to convey security and modernity. The aesthetic is minimal, data-rich, and engineered for clarity in financial interfaces where every pixel of information matters.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Inputs
Chips
List
header
Checkbox
default
checked
Tooltip
default
Navigation
default
active
Search
default
focus
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here