Skip to content
Library

Ctrl Wallet. Confetti cards on surgical chrome.

  • Crypto
  • Light theme
  • 12 colors
  • 1 typeface

Ctrl uses a stark-white-canvas minimalism interrupted by playful chromatic confetti — a near-monochrome chrome where black type and thin borders do the structural work, and saturated yellow, pink, blue, and green cards scatter across the layout like sticky notes. The single functional color is vivid green (#05c92f), reserved for the download/CTA pill that anchors every screen. Typography is a single custom grotesque (Tomato Grotesk) deployed at extreme display sizes with aggressive tight leading (0.77–0.90), making headlines feel architectural rather than typographic. Components are flat, border-driven, and generously rounded — pill buttons, soft-cornered cards at 17.5px, and larger 35–52px radii on interactive elements. The system avoids elevation entirely; hierarchy comes from size, weight, and chromatic contrast, not shadow depth.

Screenshot of Secure and powerful crypto wallet | Ctrl Wallet
Captured from ctrl.xyz on October 11, 2026

Ctrl Wallet design system

Ctrl Wallet

Brand1

  • Green wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color

Accent3

  • Decorative accent card backgrounds, icon fills, confetti highlights on hero and feature spreads

  • Decorative accent card backgrounds, soft chromatic punctuation on feature layouts

  • Decorative accent card backgrounds, informational callout surfaces

Neutrals8

  • Primary text, primary icon strokes, hairline borders, filled download button in nav

  • Secondary dark surface, button borders, card borders, strong interactive strokes

  • Muted body text, link borders, nav sublabels, secondary icon strokes

  • Helper text, low-emphasis borders, tertiary metadata

  • Nav pill background, FAQ accordion rows, soft card surfaces, muted chips

  • Input field backgrounds, subtle disabled surfaces

  • Page canvas, primary background, FAQ item surfaces

  • Card surfaces, input fields, elevated content panels

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Obsidian on Acid Lime

9.40 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.