Library /Y2K Acid
Design System v2K

Y2K Acid

Chaos-era internet — chrome blobs, acid green, hot pink, and bubbly 2000s energy

Official docs

Color Palette

Typography — Clash Display

H1 · 700 · 52px · #1A0033

Welcome 2 the Future ✦

H2 · 700 · 40px · #FF00AA

Digital Playground

H3 · 600 · 28px · #9933FF

Hyper Bubble Zone

H4 · 600 · 22px · #1A0033

Feature Module

H5 · 600 · 18px · #FF00AA
Sub Label ★
H6 · 600 · 14px · #9933FF
✧ status: vibing ✧

Body · 400 · 16px

It's the year 2000 and nothing makes sense — in the best way. Buttons look like candy. Backgrounds look like screensavers. Every pixel is having fun. If your UI doesn't make someone say "what is this?" you're playing it too safe.

Caption · 13px

★ rated E for Everyone ★ · best viewed in 800×600

Buttons

Jelly Lime

Acid green pill with pink shadow — bouncy Y2K primary

Hot Pink Pop

Pink fill with lime offset shadow — maximum energy

Chrome Gradient

Metallic cyan gradient — Windows Media Player skin vibes

Starburst Panel

Buttons on wild gradient backgrounds

Form Inputs

Badges & Tags

★ HOT ★NEW!✧ beta ✧

Surfaces & Cards

Bubble Card

White card with pink border and lime drop shadow — sticker aesthetic.

Acid Wash

Full lime background — impossible to ignore.

Chrome Panel

Metallic gradient surface like a Winamp skin.

Starburst BG

Multi-color gradient explosion — screensaver energy.

Border Radius Scale

soft
12px
bubble
16px
chunky
20px
mega
24px
pill
pill

Component Example

Star Decor

Scatter ★ and ✦ symbols in headings freely.

Blob Shapes

Organic SVG blobs as background decorations.

MP3 Player

Everything should feel like a skinnable widget.

Design Tokens

Token Value Usage
--y2k-lime
#CCFF00
Acid primary
--y2k-pink
#FF00AA
Hot accent
--y2k-cyan
#00FFFF
Chrome highlight
--y2k-purple
#9933FF
Shadows & muted
--y2k-ink
#1A0033
Text color
--y2k-shadow
4px 4px 0
Offset hard shadow
--y2k-radius
9999px
Default: pill shape