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 Liquid Glass: Hold controls to the edges and make inner and outer radii concentric
Type
Set in Liquid Glass's manner (Keep text off the material itself and set minimum sizes from measured contrast), and let Skeuomorphism's lettering (A humanist face suited to the purpose) appear only where you want the eye to catch.
Material
Ground in Liquid Glass's material (Use one refracting layer only, letting it pick up the color beneath); bring in exactly one thing from Skeuomorphism (Precision texture only where it serves function).
Colour
Build on #eaf3f5, #87acbd, #233746 and admit one accent from #d6b47b, #7a4d2c, #39342e.

Where they fight

  • Liquid Glass and Skeuomorphism share no intent, so the contrast has to become the subject rather than something to smooth over.

Caution

  • Liquid Glass Keep it to the control layer rather than decorating content with translucent cards. Each added layer lets more background through until text fails, so check legibility on devices and honor Reduce Transparency.
  • Skeuomorphism Ornament must not bury the interaction. Expect generations who don't share the metaphor.

Image prompt

Produce four original images that take their structure from Liquid Glass (style, 2025–) and their accent from Skeuomorphism (style, 2000s–2010s). ## What to make Make the kind of thing Liquid Glass exists for: apps that show content full bleed while floating only the controls above it, or screens where light, dark and wallpaper change but control positions must hold. Choose one subject and hold it across all four. ## Structure comes from Liquid Glass - Dynamic refraction - Concentric corner radii - Floating control layers - Reflected background color Composition: Hold controls to the edges and make inner and outer radii concentric. Type and lettering: Keep text off the material itself and set minimum sizes from measured contrast. ## Accent comes from Skeuomorphism, used sparingly - Leather, metal, paper - Dimensional shadows - Real-world metaphors - Fine textures Let one material quality come from it: Precision texture only where it serves function. ## Colour and feeling Build the ground on #eaf3f5, carry the structure in #87acbd and #233746, and let a single accent come from #7a4d2c. These are read off real works, so a direction rather than a fixed palette. Feeling to carry: futurity, technique, luxury, intimacy, trust, nostalgia. ## Where they fight - Liquid Glass and Skeuomorphism share no intent, so the contrast has to become the subject rather than something to smooth over. ## What goes wrong - Liquid Glass: Keep it to the control layer rather than decorating content with translucent cards. Each added layer lets more background through until text fails, so check legibility on devices and honor Reduce Transparency. - Skeuomorphism: Ornament must not bury the interaction. Expect generations who don't share the metaphor. ## 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

  • Liquid Glass 2025– / Style / Apple UI

    Unifies the floating control and navigation layer as a fluid glass material that refracts and adapts to the content beneath.

  • Skeuomorphism 2000s–2010s / Style / UI Expression

    Borrows cues from real materials and tools to make unknown interactions understandable. It names the principle, so Aqua and Brushed Metal are what the principle looked like when one company shipped it.

Share this composition:
https://indexstyle.org/compose?ids=liquid-glass+skeuomorphism

Back to index position