Cyberpunk UI
Cyberpunk UI — Design general com neon, dark mode, terminal. Template e prompt pronto para IA.
Uso: Landing pages, SaaS
Contexto Histórico
Estilo Cyberpunk UI representa uma tendência moderna em design UI/UX web com foco em general.
Quando Usar
Reach for cyberpunk UI when your product lives in the space between technology and subculture. Crypto dashboards, blockchain explorers, game launchers, dev tools with personality — these are natural fits. It works when your users expect density over whitespace, when dark mode isn't a toggle but the entire identity. Skip it for anything requiring warmth, trust signals for mainstream audiences, or contexts where accessibility needs to come before atmosphere. This style rewards technical users who read interfaces like code.
Princípios de Design
- Dark-first, always — pure black or near-black backgrounds with neon accents at 10-15% surface coverage maximum. The glow means nothing if everything glows.
- Information as aesthetic — treat data density as a feature. HUD overlays, stat readouts, coordinate displays. If it looks like a cockpit, you're on track.
- Controlled glitch — chromatic aberration, scanlines, and noise are seasoning, not the meal. One glitch effect per view. Two and you're a MySpace page.
- Monospace hierarchy — use terminal typefaces for data and system text, pair with a geometric sans for headings. The contrast between human and machine type creates tension.
- Color as signal — neon cyan, magenta, electric green aren't palette choices, they're semantic. Each color means something. Assign them to states and never break the mapping.
Especificações Técnicas
Cores
Primárias
Efeitos
Neon glow (text-shadow), glitch animations (skew/offset), scanlines (::before overlay), terminal fonts
Light/Dark
✗ No / ✓ Only
Relacionados
Última sincronização: 01/04/2026