Design System
High-energy competitive interface design
Neon-bright accent colors on dark backgrounds. RGB gradients for ultimate energy.
Bold, impactful display fonts with futuristic geometry. Readable body text for extended play.
A consistent 4px-based scale for precise HUD-like layouts.
Angular, aggressive button styles with glowing hover states and RGB animations.
Clean inputs with angular clip-paths and neon focus states.
Angular containers with gradient borders and hover glow effects.
Angular cards with clipped corners create an aggressive, tech-forward aesthetic perfect for esports interfaces.
Cards hover to reveal glowing borders, indicating interactivity and drawing attention to key content areas.
The top gradient stripe provides visual hierarchy and color-coding capabilities for different card types.
Health, mana, XP, and ultimate bars styled for gaming interfaces.
Status indicators and rank badges with angular shapes and tier-based styling.
Overlay-style panels inspired by in-game heads-up displays.