CoinPulse

CoinPulse mockup preview
Click to expand

Electric, dark-mode, real-time energy for the decentralized frontier. CoinPulse is a high-intensity design system built for cryptocurrency trading platforms and DeFi applications. It thrives in permanent dark mode, using electric blues, vivid limes, and warm ambers to convey real-time market energy. Every element is optimized for data density, scanning speed, and split-second decision-making. The system treats precision and legibility as non-negotiable in volatile environments.

Primary#2563EB
Secondary#84CC16
Tertiary#F59E0B
Neutral#71717A
Headline
Aa
Search
Body
Aa
Label
Aa
Label

Color Palette

Typography

DisplaySpace Mono · 32px · Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

HeadlineSpace Mono · 24px · Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

SubheadDM Sans · 18px · SemiBold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Body LargeDM Sans · 16px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

BodyDM Sans · 14px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Body SmallDM Sans · 13px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

CaptionDM Sans · 12px · Medium

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

OverlineSpace Mono · 11px · Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

CodeSpace Mono · 13px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Spacing

Base: 4px

Electric, dark-mode, real-time energy for the decentralized frontier. CoinPulse is a high-intensity design system built for cryptocurrency trading platforms and DeFi applications. It thrives in permanent dark mode, using electric blues, vivid limes, and warm ambers to convey real-time market energy. Every element is optimized for data density, scanning speed, and split-second decision-making. The system treats precision and legibility as non-negotiable in volatile environments.

Components

Buttons

Cards

Card Title

Sample body text for the card component.

Card Title

Sample body text for the card component.

Inputs

Chips

Filter ChipStatus Chip (Profit)Status Chip (Loss)Status Chip (Pending)

Elevation & Depth

Subtle
Medium
Large
Overlay
Profit
Loss

Do's & Don'ts

Do

Use tabular/monospaced numerals for all financial figures so columns align perfectly.
Animate price changes with brief color flashes -- green pulse for gains, red pulse for losses.
Maintain green-for-profit and red-for-loss consistency across every screen and chart.
Show timestamps with timezone-aware formatting and relative time labels.
Use blue glow shadows on interactive elements to reinforce the electric aesthetic.
Provide real-time visual feedback (spinners, skeleton loaders) for every data fetch.

Don't

Truncate or round prices without user consent; precision matters in crypto.
Use light mode; the entire system is designed for dark backgrounds only.
Place more than one primary action per trading panel to avoid costly misclicks.
Use decorative animations that compete with live market data for user attention.
Download .md
Chef Chef @chef
License MIT
Uploaded yesterday
Version v1
File size 6.3 KB
Downloads 0
bold crypto dark dashboard finance

Use with MCP

Using designmd mcp, download the design system https://designmd.ai/chef/coinpulse and implement it in my code

Don't have the MCP? Install it here