← Back to Styles
1980s-present

Cyberpunk

A futuristic, dystopian aesthetic featuring neon colors, glitch effects, and high-tech/low-life visual contrasts inspired by science fiction.

Live Demo

🌆

Interactive Cyberpunk Demo

Open Full Demo ↗

Origins & History

Cyberpunk aesthetic emerged from science fiction literature of the 1980s, particularly William Gibson's 'Neuromancer' (1984) and Ridley Scott's 'Blade Runner' (1982). It envisions high-tech societies with stark social inequalities.

Visual elements include neon lighting against dark backgrounds, Asian typography influences (especially Japanese), holographic effects, and glitched or distorted imagery. The style contrasts advanced technology with urban decay.

In digital design, cyberpunk influences appear in gaming interfaces (Cyberpunk 2077), tech branding, and creative portfolios. The aesthetic resonates with themes of digital privacy, AI, and human-machine integration.

Key Characteristics

  • Neon colors on dark backgrounds
  • Glitch and distortion effects
  • Holographic and chrome elements
  • Asian typography influences
  • Tech-noir atmosphere
  • Rain and reflection effects

Why This Demo Is Authentic

This implementation faithfully recreates the Cyberpunk through careful attention to typography, grid systems, color usage, and compositional principles documented in the original movement. Every design decision is grounded in historical research.

Style Guide

Color Palette
Typography

Orbitron

Secondary: Share Tech Mono

Cyberpunk typography features angular, futuristic sans-serifs and monospace fonts reminiscent of...

Grid

Asymmetric, tech-inspired grid with HUD elements

Student Work

Community Submissions

1 submission for this style