Compose two styles
Rather than blending two styles into a middle, this assigns them roles: one carries the structure, the other appears as an accent. Where the two fight, it says so before you start.
How to divide the work
- Composition
- Follow Frutiger Aero: Give the lower half to water and grass, float the product above
- Type
- Set in Frutiger Aero's manner (Rounded humanist sans set bold with a faint gloss), and let Web 2.0 Gloss's lettering (A rounded sans-serif) appear only where you want the eye to catch.
- Material
- Ground in Frutiger Aero's material (Sky blue gradients, transparent bubbles, water drops, strong highlights); bring in exactly one thing from Web 2.0 Gloss (Blue gradients, white highlights).
- Colour
- Build on #62bde7, #7fbd42, #f5fbff and admit one accent from #e7f5ff, #2b93de, #174d82.
Where they fight
- Both belong to Digital Retro, so the difference is small. Push the roles further apart than feels comfortable.
Caution
- Frutiger Aero Adding bubbles and gloss without saying anything about the technology turns the image into nostalgic wallpaper and the product goes unexplained.
- Web 2.0 Gloss In real UI, restrain shadows and reflections so state differences stay legible.
Image prompt
An original image that takes its structure from Frutiger Aero (Style, mid-2000s–early 2010s) and its accent from Web 2.0 Gloss (Style, 2000s). Structural cues: Blue sky and grass; Transparent bubbles; Glossy UI; Humanist type. Accent cues, used sparingly: Glossy buttons; Strong gradients; Reflections; Rounded corners. Composition: Give the lower half to water and grass, float the product above. Type and lettering: Rounded humanist sans set bold with a faint gloss. Let one material quality come from the second style: Blue gradients, white highlights. Mood: Futurism, Intimacy, Nostalgia, Play. Color: build on #62bde7, #7fbd42, #f5fbff with a single accent drawn from #e7f5ff, #2b93de, #174d82. Constraints: do not imitate, reference or name any specific artist, studio, brand, character or copyrighted work. Produce an original composition in the general period languages described above.
Related entries
- Frutiger Aero mid-2000s–early 2010s / Style / Digital Retro
Shows glossy digital technology as an approachable future by tying it to blue sky, water, grass and bubbles. The gloss is the same as Aqua's, but Aqua is the texture of a control and this is the world of the wallpaper and the advert.
- Web 2.0 Gloss 2000s / Style / Digital Retro
Explains digital interaction as something touchable through gloss, roundness and reflection. It names what the web made when it tried to reproduce the texture of Aqua with images and CSS.
Share this pairing:https://indexstyle.org/compose?ids=frutiger-aero+web-two-gloss