Hero architecture
Design a cyberpunk interface. Use: neon colors on dark (#0D0D0D), terminal/HUD aesthetic, glitch effects, scanlines overlay, matrix green accents, monospace fonts, angular shapes, dystopian tech feel.
Style 41 · General · Insurance Platform
Cyberpunk UI
Neon, dark mode, terminal, HUD, sci-fi, glitch, dystopian, futuristic, matrix, tech noir. This mock website translates the UI/UX Pro Max style notes into a client-ready landing/dashboard hybrid with its own palette, typography, chart module, and component system.
Live product surface
NOVA Insurance OS
Gaming platforms, tech products, crypto apps, sci-fi applications, developer tools, entertainment
83%
style fit score
Effects
Neon glow (text-shadow), glitch animations (skew/offset), scanlines (::before overlay), terminal fonts
A full-page mock website in this style
Component language
background: #0D0D0D, color: #00FF00 or #FF00FF, font-family: monospace, text-shadow: 0 0 10px neon, animation: glitch (transform skew), ::before scanlines (repeating-linear-gradient)
Best-fit market
Gaming platforms, tech products, crypto apps, sci-fi applications, developer tools, entertainment
Palette used
Security blue + protected green [Accent adjusted from #22C55E for WCAG 3:1]
Typography pairing
Academic/Research
Crimson Pro / Atkinson Hyperlegible
Crimson for scholarly headlines. Atkinson for accessibility.
Implementation checklist
- ☐ Dark background only
- ☐ Neon accents visible
- ☐ Glitch effect subtle
- ☐ Scanlines optional
- ☐ Monospace font
Chart module: Network Graph
Mapping connections between entities; network topology or social graph exploration context
Interaction spec
Accessibility: ⚠ Limited (dark+neon) · D
Performance: ⚠ Moderate
Mobile: ◐ Medium
Avoid: Corporate enterprise, healthcare, family apps, conservative brands, elderly users
Visual system samples
Gallery rhythm
Conversion section
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA