Compose styles

Rather than blending styles toward a middle, this gives them roles. The first one carries the structure, the next comes in as the accent, and anything after that shows up in a single detail. Where they fight each other, it says so before you start.

How to divide the work

Composition
Follow Cyberpunk: Stack information densely on dark planes
Type
Set in Cyberpunk's manner (Angular sans, monospace, multiple scripts), and let Diegetic UI's lettering (Treat every character as printed or projected onto something in the world, so it skews with the camera. Some angles will be unreadable, so carry the same meaning in shape and color too) appear only where you want the eye to catch.
Material
Ground in Cyberpunk's material (Black, teal, red neon, raindrops); bring in exactly one thing from Diegetic UI (Use only materials the fiction can account for, such as a lit tube or a projected plane. The style collapses when the material stops being explainable, so settle the world first).
Colour
Build on #091b21, #05b7b2, #f04445 and admit one accent from #6EC6E0, #E8A33D, #111417.

Where they fight

These are already listed as related entries, so the join should come easily.

Caution

  • Cyberpunk Don't use Asian cities as a symbol of otherness. Make the fictional social order concrete.
  • Diegetic UI Building an object into the world and then printing controller button names on it mixes fiction with rules, and that is exactly where the thesis's own focus group reported the illusion breaking.

Image prompt

Produce four original images that take their structure from Cyberpunk (style, 1980s–) and their accent from Diegetic UI (technique, 2009–). ## What to make Make the kind of thing Cyberpunk exists for: speaking of technology's light and shadow together, or thick world-building for games and film. Choose one subject and hold it across all four. ## Structure comes from Cyberpunk - Rainy nights - Multilingual neon - Dense cabling - Dark cities Composition: Stack information densely on dark planes. Type and lettering: Angular sans, monospace, multiple scripts. ## Accent comes from Diegetic UI, used sparingly - Health or ammunition shown on the protagonist's own equipment instead of in a corner of the screen - A map the character holds up and reads while still walking, rather than a paused overlay - Panels of information projected into the air that tilt with the camera because they occupy the space - Directions given by the color of a signpost standing in the world itself Let one material quality come from it: Use only materials the fiction can account for, such as a lit tube or a projected plane. The style collapses when the material stops being explainable, so settle the world first. ## Colour and feeling Build the ground on #05b7b2, carry the structure in #f04445 and #091b21, and let a single accent come from #E8A33D. These are read off real works, so a direction rather than a fixed palette. Feeling to carry: futurity, rebellion, exhilaration, play, technique. ## What goes wrong - Cyberpunk: Don't use Asian cities as a symbol of otherness. Make the fictional social order concrete. - Diegetic UI: Building an object into the world and then printing controller button names on it mixes fiction with rules, and that is exactly where the thesis's own focus group reported the illusion breaking. ## Across the four Keep the roles fixed in all four. Vary the framing, the scale and the arrangement so the set shows what this pairing can do rather than four versions of one picture. ## Constraints - Do not imitate, reference or name any specific artist, studio, brand, character or copyrighted work. - Do not reproduce the composition of an existing work. - Produce original compositions in the general period languages described above.

Related entries

  • Cyberpunk 1980s– / Style / Visions of the Future

    Advanced technology and ruined daily life share the same frame, so the future arrives as promise and as threat.

  • Diegetic UI 2009– / Technique / UI Expression

    A name for the corner of game interface design where an element belongs both to the fiction and to the three dimensional world. A 2009 master's thesis at Chalmers University of Technology, written with EA DICE, mapped game UI on those two axes and reserved the word for that corner. Health glowing on the hero's own suit is the type case.

Share this composition:
https://indexstyle.org/compose?ids=cyberpunk+diegetic-ui

Back to index position