DESIGN SYS.1337
GLASSMORPHISM DESIGN SYSTEM · 1337 SKILLS

FROSTED GLASS.
NEON ACCENTS.

Production-ready design system. Exact color palette, glass material tiers, animation parameters, and Tailwind + Framer Motion implementation code.

ACCENT PALETTE
Neon Magenta
#ff0080 · Primary accent
Cyber Cyan
#00d4ff · Secondary accent
Mint Green
#00ff88 · Success / tertiary
Amber
#ffcc00 · Warning / highlight
VOID PALETTE
Void Base
#000000 · Background
Surface
#0a0a0f · Cards
Elevated
#111118 · Modals
Border
#1e1e2a · Dividers
LIVE PREVIEW
Neon Magenta
Cyber Cyan
Mint Green
Amber
Sample Glass Card
This is what a .glass-elite card looks like with the full palette applied.
DEMO LIMIT

This demo shows the color palette, 3 glass tiers, and 5 animations. The full SKILL.md includes component recipes (buttons, badges, modals, nav), typography scale, spacing system, responsive breakpoints, dark/light mode tokens, and complete Tailwind config.

Get the full design system

Complete implementation with component recipes, typography, spacing, responsive tokens, and production-ready Tailwind config.

GET FULL SKILL.MD — $199DESIGN PACK — $299

Battle-tested in production · Part of the 1337 Skills Ecosystem