Stylogeny combining Demoscene Graphics × Kinetic Typography

Try

Style combination · Pairs well

Demoscene Graphics × Kinetic Typography

The sine scroller is an early kinetic type system; set greetings or credits as a waving bitmap scroller over raster bars for event openers and title sequences.

From the research on Demoscene Graphics (Cracktros, Demos & Text-Mode Art)

Mix them and make something Demoscene Graphics Kinetic Typography

Enormous, elongated chrome letters spelling “ORBIT” fill a black starfield, reflecting electric blue, orange and pink. A blue planet and luminous orbital rings overlap the letters, while curved rows of coloured squares sweep across the foreground.
AI-generated by Stylogeny from the recipe below, and checked against it: the type from Kinetic Typography, the form from Demoscene Graphics, the composition from Kinetic Typography. Not a real or historical work.

01

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

Demoscene Graphics (Cracktros, Demos & Text-Mode Art) Kinetic Typography & Variable Type

Type from Kinetic Typography
Colour from Demoscene Graphics
Form from Demoscene Graphics
Composition from Kinetic Typography
Surface from Demoscene Graphics

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Kinetic Typography

Circuit

Inter Tight, standing in for Variable grotesques with weight and width axes (e.g. Roboto Flex)

Text · Demoscene Graphics

The graphics of the demoscene, a mainly European community of coders, graphicians and musicians that grew from the intros software crackers added to pirated Commodore 64 and Amiga games in the mid-1980s. On a black screen a hand-pixelled group logo in chrome, metal or stone shading hangs over raster (on the Amiga, "copper") bars, sine scrollers, starfields and real-time 3D cut to tracker music; still pictures push tiny palettes through dithering, and a text-mode branch from North American bulletin boards draws ANSI art from IBM PC characters.

VT323; Demoscene Graphics used Hand-pixelled group logos with chrome, metal or stone shading, bevels and highlights, drawn dot by dot in paint programs such as Deluxe Paint (Dan Silva, Electronic Arts, 1985) on the Amiga and Bitmap scroller fonts, from 8×8 character sets to large multicolour alphabets, bent into sine-wave and DYCP (different Y character position) scrollers

03

The colours

The ground and leading colours come from Demoscene Graphics, with a counter-accent from Kinetic Typography. The ink reads on the ground at 4.5:1 or more.

Demoscene Graphics (Cracktros, Demos & Text-Mode Art) Kinetic Typography & Variable Type

  • #000000 ground · 36%
  • #e8f0ff ink · 14%
  • #ff7a1a accent · 18%
  • #ff3d1f accent · 14%
  • #ff3fa4 accent · 10%
  • #2b3dff accent · 8%

As CSS

:root {
  --ground: #000000;
  --ink: #e8f0ff;
  --accent-1: #ff7a1a;
  --accent-2: #ff3d1f;
  --accent-3: #ff3fa4;
  --accent-4: #2b3dff;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "VT323", monospace;
}

Use it with care

Demoscene Graphics (Cracktros, Demos & Text-Mode Art): The demoscene is a living, non-commercial community whose practice is on the national inventories of intangible heritage of Finland (2020), Germany and Poland (2021), Switzerland and the Netherlands (2023), Sweden and France (2025) and Norway (2026), and its pictures are signed work: party rules throw out ripped entries, ban AI-generated or AI-inspired graphics and ask for working stages as proof of hand work. Never copy a group's logo or an artist's pixels, do not pass a generated chrome-logo-and-copper-bar pastiche off as scene work, and credit or commission scene graphicians when a project borrows the look; the crack-intro roots lie in software piracy, which the scene has long distanced itself from, so do not borrow real cracking-group names for new work or glamourise warez. Keep flashing raster and strobe effects to three flashes or fewer per second when the look moves into interfaces, broadcast or public screens.

05

More combinations

With Demoscene Graphics

All 12 combinations with Demoscene Graphics

With Kinetic Typography

Every style combination