Pillbox
Stark white, jet-black, one electric-teal primary. Pill-shaped, high-contrast, deliberately loud — a maximalist conversion system for crypto, meme-coin, and consumer-fintech apps.
Version 1.0.0Meet Pillbox
A look at its colors and typography, from the headline to the smallest details.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
The identity
A character of its own
Pillbox is the collection's loud one: pure #ffffff, near-black #0a0a0a, and a single electric-teal #00d4aa primary that hits at full strength. The pill is the whole personality — pill nav links, pill CTAs, pill capsule breadcrumbs — and merchandising chrome (dashed hero, dashed offer cards) turns every marketing surface into a conversion moment. Reading surfaces pull back so posts and docs stay legible, but nothing else apologizes.
- loud
- electric
- high-contrast
- pill-shaped
- conversion-first
The palette
Color with intention
Light palette
#ffffff#0a0a0a#00d4aa#e0faf6#f2f2f2Dark palette
#0a0a0a#fafafa#00d4aa#0e2a24#171717The typography
Find your voice in type
Headings
Make a little room for possibility.
-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", monospaceMade for
Who it speaks to
Crypto launchpads and DEX front-ends, meme-coin and token-launch UIs, consumer-fintech and neobank apps, and any high-energy consumer product whose homepage is a launch screen and whose success is measured in wallet connects and sign-ups.
The voice
How it sounds
Fast, plain, and confident — the tone of an app that ships. Short imperative CTAs ("Connect wallet", "Launch token", "Start trading"), concrete numbers over adjectives, and zero corporate hedging. Loud is a design decision, not a writing one: the copy stays direct so the electric teal and pill shapes carry the energy.
Art direction
The thinking behind the look
Pure white (#ffffff) canvas, near-black (#0a0a0a) text, one electric-teal primary (#00d4aa) for every fill and focus ring. Links use a darker teal (#007a63) so inline text clears WCAG AA on white while the kernel's link-derived panel tints still read unmistakably teal. System sans for both heading and body — no serif, no webfont — with punchy 1.0 heading line-height and 800/900 display weights doing the loudness. Radius is bipolar: near-square 0.375rem cards against 999px pills, and that tension is the brand. Dashed merchandising chrome (catalog hero, offer cards, filters toolbar, purchase gate) marks conversion surfaces; the terminal code block pins to a dark #101014 slab with a teal-tinted edge. In dark mode the app goes full night: jet-black #0a0a0a canvas, #fafafa text, the teal lifted to #2ee6bf for links against black while #00d4aa stays the button fill.