Design Aesthetic Reference
A hybrid physical/digital design language that occupies the tension-filled space between analog materiality and digital computation — where risograph ink meets pixel grid, and imperfection signals authenticity.
Typography
clean typefaces, imperfect reproduction
Display / Space Grotesk 700
Print Process
Heading / DM Sans 700
Controlled Imperfection
Body / Inter 400
Post Digital design deliberately reintroduces the artifacts and tactile qualities of physical media into screen-based work. Imperfection signals authenticity in an era of algorithmic smoothness.
Code / JetBrains Mono 400
color-separation: cyan, magenta;
registration: offset 2px;
Technical / IBM Plex Mono 400
PLATE 01 // RISO BLUE // 300 DPI
Label / Space Grotesk 500
Registration • Overprint • Process
Space Grotesk + JetBrains Mono
Precision + Process: editorial layouts, technical portfolios
Space Grotesk + Inter
Clean + Material: marketing pages, agency sites
DM Sans + Inter
Industrial + Readable: product pages, e-commerce
Color Palette
limited ink palette, rich layered results
Components
modular blocks referencing physical print artifacts
Images and gradients are rendered as visible dot patterns that simulate the physical rasterization of risograph or offset printing.
Deliberate 1-4px misalignment between color channels, as if the print drum shifted between passes, creating expressive layered offsets.
Semi-transparent ink layers overlap to create unexpected secondary colors, mimicking the behavior of translucent risograph inks.
Backgrounds carry visible paper grain, fiber texture, and the slight off-white warmth of uncoated stock, grounding digital elements in materiality.
Elements appear to have been scanned or photocopied, introducing slight blur, contrast shifts, toner speckle, and edge softening.
Crop marks, registration targets, color bars, and printer's marks are used as decorative elements that reference physical production.
Visual Effects
analog imperfections rendered in pure code
Radial gradient dot grids simulate risograph print rasterization with shifting density.
Offset pseudo-elements create the cyan/red plate separation of misaligned print passes.
Repeating linear gradients produce the horizontal scan artifact of photocopied material.
Overlapping semi-transparent shapes with multiply blend mode create secondary overprint hues.
SVG turbulence noise simulates the fiber texture of uncoated paper stock substrate.
Layered bands and channel offsets simulate JPEG blocking and datamosh corruption.
Interactive Elements
clean form with analog registration artifacts
Post Digital does not mean after digital. It describes a condition where digital technology is so pervasive that we become more interested in what happens at its boundaries — where pixels bleed onto paper, where compression meets ink on cardstock.— Florian Cramer, on the post-digital condition
Post Digital design celebrates the tension between precision and error — layering clean geometric structure with the warm, human imperfections of analog reproduction. Let the halftone show. Let the registration drift.
Back to the Top