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 Brushed Metal: Knobs and readouts ranked like a device front panel
Type
Set in Brushed Metal's manner (Engraved-looking light letterforms with one bright edge beneath), and let Skeuomorphism's lettering (A humanist face suited to the purpose) appear only where you want the eye to catch.
Material
Ground in Brushed Metal's material (Horizontal hairlines, gray tonal steps, small shadows building thickness); bring in exactly one thing from Skeuomorphism (Precision texture only where it serves function).
Colour
Build on #e3e3e3, #a9a9a9, #4a4a4a and admit one accent from #d6b47b, #7a4d2c, #39342e.

Where they fight

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

Caution

  • Brushed Metal Pasting the texture over every panel makes a live knob and a dead surface look like the same metal, so the controls vanish.
  • 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 Brushed Metal (style, 1999–2007) and their accent from Skeuomorphism (style, 2000s–2010s). ## What to make Make the kind of thing Brushed Metal exists for: editing software for sound or video that should feel like desk hardware, or instrument and control interfaces that must read as professional equipment. Choose one subject and hold it across all four. ## Structure comes from Brushed Metal - Hairline metal surfaces - Rivet-like details - Equipment metaphors - Gray tonal ranges Composition: Knobs and readouts ranked like a device front panel. Type and lettering: Engraved-looking light letterforms with one bright edge beneath. ## 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 #e3e3e3, carry the structure in #a9a9a9 and #4a4a4a, 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: technique, trust, luxury, intimacy, nostalgia. ## What goes wrong - Brushed Metal: Pasting the texture over every panel makes a live knob and a dead surface look like the same metal, so the controls vanish. - 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

  • Brushed Metal 1999–2007 / Style / Apple UI

    The hairline-metal windows of iTunes and Safari: a skeuomorphic branch that speaks an app's purpose through material, bringing pro-gear trust to the desktop.

  • 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=brushed-metal+skeuomorphism

Back to index position