Stylogeny combining Glassmorphism × Risograph

Try

Style combination · Contrasts

Glassmorphism × Risograph

Riso grain and misregistered spot inks offer a tactile print counterpoint to pristine digital translucency.

From the research on Glassmorphism

Mix them and make something Glassmorphism Risograph

CircuitGlassmorphism × Risograph2020 · 2008
A sample layout drawn from the recipe: shapes from Glassmorphism, their arrangement from Glassmorphism, the finish from Risograph. Not a real work, and not an image of either style.

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.

Glassmorphism Risograph & Indie Print Culture

Type from Risograph
Colour from Risograph
Form from Glassmorphism
Composition from Glassmorphism
Surface from Risograph

02

The type

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

Display · Risograph

Circuit

Inter Tight, standing in for Neo-grotesques set large (e.g. Akzidenz-Grotesk, Helvetica)

Text · Glassmorphism

An interface style of translucent, frosted panels floating over vivid, blurred backgrounds, so that depth and hierarchy come from layered transparency. Rooted in Windows Aero glass, the blur layers of iOS 7 and Fluent Design's Acrylic, it was named in 2020 around the launch of macOS Big Sur and returned in 2025 as Apple's refractive Liquid Glass.

Inter; Glassmorphism used SF Pro and Segoe UI Variable

03

The colours

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

Glassmorphism Risograph & Indie Print Culture

  • #f4f1ea ground · 36%
  • #3255a4 ink · 14%
  • #ff48b0 accent · 18%
  • #2cb1fc accent · 14%
  • #f15060 accent · 10%
  • #7f5af0 accent · 8%

As CSS

:root {
  --ground: #f4f1ea;
  --ink: #3255a4;
  --accent-1: #ff48b0;
  --accent-2: #2cb1fc;
  --accent-3: #f15060;
  --accent-4: #7f5af0;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Inter", sans-serif;
}

04

The two styles

A vivid blue, purple and pink focus-timer interface features a large translucent circular timer reading 25:00 with a play button. Glossy abstract shapes surround glass-like navigation tabs, a session bar chart and two habit-building cards. 2020–present · Global / networked Glassmorphism An interface style of translucent, frosted panels floating over vivid, blurred backgrounds, so that depth and hierarchy come from layered transparency. Rooted in Windows Aero glass, the blur layers of iOS 7 and Fluent Design's Acrylic, it was named in 2020 around the launch of macOS Big Sur and returned in 2025 as Apple's refractive Liquid Glass. Large pink lettering reading “PLANT CLUB” sits above a blue cat looking upward among potted houseplants and trailing vines. Bright yellow and pink offset shapes and grainy ink textures cover the cream background. 2008–present · Global / networked Risograph & Indie Print Culture A contemporary culture of zines, art books, posters and prints made on Japanese Risograph stencil duplicators, whose soy-based spot inks (fluorescent pink, yellow, blue, teal) are laid down one drum at a time. Designers embrace the machine's limits: translucent overprints, slight misregistration, grainy coverage and coarse halftones give flat illustration and type a warm, handmade vibrancy at low cost.

05

More combinations

With Glassmorphism

With Risograph

All 43 combinations with Risograph

Every style combination