Hexatron
ヘキサトロン / early–late 2010s / Style / Visions of the Future
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.
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

Dictionary entry
- Best used for
- 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
- Use a narrow angular sans with monospace numerals; keep headings short and units or coordinates small.
- Composition
- Do not wallpaper the frame with hexagons; assign the grid only to cells, paths, and focus.
- Material
- Separate black surfaces, thin cyan emission, translucent glass, particles, and hard reflections by depth.
- Caution
- 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.
- Further study
- TRON: Legacy interface and production design / 2010s science-fiction HUDs / hexagonal grids and angular ornament
Related entries
- Cyberpunk (サイバーパンク)Same Visions of the Future lineage.Compare Hexatron and Cyberpunk
- Synthwave (シンセウェーブ)Shared effects: Futurity / Exhilaration.Compare Hexatron and Synthwave
More from Visions of the Future
Continue through styles in the same Visions of the Future family, prioritised by shared effects.
- Steampunk (スチームパンク)Shared effects: Futurity / Exhilaration.
- Solarpunk (ソーラーパンク)Shared effects: Futurity / Exhilaration.
- Cassette Futurism (カセット・フューチャリズム)Shared effects: Technique / Futurity.
Browse all Visions of the Future entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/hexatron
- Markdown
- [Hexatron — IndexStyle](https://indexstyle.org/styles/hexatron)
- HTML
- <a href="https://indexstyle.org/styles/hexatron">Hexatron — IndexStyle</a>