Cyberpunk vs Hexatron
サイバーパンク / ヘキサトロン
Both sit in Visions of the Future, so the question is not what they belong to but how they behave. They are reached for with some of the same intent, which is where they get confused.
Cyberpunk
Advanced technology and ruined daily life share the same frame, so the future arrives as promise and as threat.
Hexatron
A 2010s future language crystallized around TRON: Legacy, using hexagonal grids, diagonals, blue light, holograms, and terminal-like interfaces. Harder in black and white than Synthwave and cleaner than Cyberpunk, it foregrounds angular technical ornament and complete systems.
| Cyberpunk | Hexatron | |
|---|---|---|
| Era | 1980s– | early–late 2010s |
| Family | Visions of the Future | Visions of the Future |
| Kind | Style | Style |
| Cues | Rainy nights / Multilingual neon / Dense cabling / Dark cities | Hexagons repeated as cells, floors, armor, and controls / Thin blue or cyan light on black or white / Cut-corner panels, diagonals, concentric circles, and terminal numerals / Floating translucent surfaces and particles tied to hands or objects |
| Best used for | Speaking of technology's light and shadow together · Thick world-building for games and film | Making a precise recognizably 2010s future system for film, games, or event motion · Connecting staged data to real objects and gestures in technology exhibitions |
| Type | Angular sans, monospace, multiple scripts | Use a narrow angular sans with monospace numerals; keep headings short and units or coordinates small. |
| Composition | Stack information densely on dark planes | Do not wallpaper the frame with hexagons; assign the grid only to cells, paths, and focus. |
| Material | Black, teal, red neon, raindrops | Separate black surfaces, thin cyan emission, translucent glass, particles, and hard reflections by depth. |
| Caution | Don't use Asian cities as a symbol of otherness. Make the fictional social order concrete. | Using hex panels and ornament for every control makes real interfaces unreadable and hard to touch. Separate the spectacle layer from the control layer and return important data to simple rectangles. |