Style 11 · General · Portfolio/Personal

Retro-Futurism

Vintage sci-fi, 80s aesthetic, neon glow, geometric patterns, CRT scanlines, pixel art, cyberpunk, synthwave. 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 Portfolio/Personal OS

Gaming, entertainment, music platforms, tech brands, artistic projects, nostalgic, cyberpunk

91%

style fit score

Effects

CRT scanlines (::before overlay), neon glow (text-shadow+box-shadow), glitch effects (skew/offset keyframes)

A full-page mock website in this style

Hero architecture

Build a retro-futuristic (cyberpunk/vaporwave) interface with neon colors (blue, pink, cyan), deep black background, 80s aesthetic, CRT scanlines, glitch effects, neon glow text/borders, monospace fonts, geometric patterns. Use neon text-shadow and animated glitch effects.

Component language

color: neon colors (#0080FF, #FF006E, #00FFFF), text-shadow: 0 0 10px neon, background: #000 or #1A1A2E, font-family: monospace, animation: glitch (skew+offset), filter: hue-rotate

Best-fit market

Gaming, entertainment, music platforms, tech brands, artistic projects, nostalgic, cyberpunk

Palette used

Monochrome + blue accent

Typography pairing

Geometric Modern
Outfit / Work Sans

Both geometric but Outfit more distinctive for headings.

Implementation checklist

  • ☐ Neon colors used
  • ☐ CRT scanlines effect
  • ☐ Glitch animations active
  • ☐ Monospace font
  • ☐ Deep black background

Chart module: Treemap

Treemap

Showing size relationships within a hierarchy; overview of proportional structure (e.g., budget breakdown)

Interaction spec

Accessibility: ⚠ High contrast/strain · C

Performance: ⚠ Moderate

Mobile: ◐ Medium

Avoid: Conservative industries, critical accessibility, professional/corporate, elderly, legal/finance

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

Navigation

Previous: Aurora UI

Next: Flat Design