Same great value, great new taste.
Color System
Neons that cut through the dark. No fucking blue. Ever.
Brand Neons
Primary actions, success states, key highlights
#39FF14oklch(0.85 0.28 145)Secondary accents, badges, emphasis
#FF1493oklch(0.75 0.25 350)Tertiary accents, tags, categories
#BF40BFoklch(0.7 0.25 300)Warnings, attention, call-outs
#FF6B35oklch(0.8 0.22 55)Grayscale Palette
#FAFAFA#A0A0A0#707070#2A2F2A#141814#0A0F0AUsage Rules
Do This
- •Use neon colors for interactive elements, badges, and key highlights
- •Maintain high contrast between text and backgrounds
- •Use white sparingly for hierarchy
- •Scatter brand colors throughout the UI—don't be shy
Never Do This
- •Never use blue. Seriously. Not even close.
- •Don't place similar background colors on top of each other
- •Avoid pure black (#000000) backgrounds
- •Don't use neon colors for large text blocks
Typography
DM Sans. Clean, geometric, unapologetic. One typeface. Infinite expression.
DM Sans
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Font Weights
Type Scale
Fuck it, I guess.
Fuck it, I guess.
Fuck it, I guess.
Fuck it, I guess.
Fuck it, I guess.
Fuck it, I guess.
Fuck it, I guess.
Fuck it, I guess.
Text Hierarchy in Action
Headlines demand attention.
Body text carries the message. It's readable, comfortable, and gets the job done without stealing the spotlight. Keep it gray, not white.
Secondary text provides context and additional information. It fades into the background while remaining accessible.
Components
No shade. Accessible borders. Ultra premium, zero bullshit.
Buttons
Badges & Tags
Cards
Project Alpha
Breaking conventions since day one. No rules, just results.
Campaign Beta
Still cooking. The best things take time to burn bright.
Legacy Drop
Done and dusted. History in the making.
Tabs & Navigation
Primary content area. The main stage.