Expression theme · Art direction guide

Styling editorial

Show a chosen combination being finished as a single editorial page.

This expression theme conveys the satisfaction of choosing and composing through a page assembling itself and a single finished reveal.

No.10Original-design vocabularyAccessibility includedNo existing-IP imitation

Visual vocabulary

Paper#f5f3ef
Ink#1a1a1a
Off-white#d8cbb3
Accent#c2410c

Color

Achromatic page that lets photos lead, with a single accent color

Keep the page achromatic so photos and material colors lead. Use one accent color only to mark selection or completion.

Shape

Page grid, cut-out photos, sample swatches of material

Compose with a page grid, cut-out photos, and material swatches, marking the selected item with a frame and a mark too.

Typography

High-contrast serif headings and fine captions

Pair high-contrast serif headings with fine captions, and keep information such as price or quantity readable at body size.

Visual vocabulary

  • Photography
  • Texture
  • Coordination
  • Page layout
  • Finished reveal

Screen composition

Give the page preview a large area and line up the shelf of choices along one edge. Controls stay in place during the finished reveal.

Motion

Motion rule

Items are swapped, the page layout assembles, and the finished reveal flashes exactly once

Items are swapped, the page layout assembles, and the finished reveal flashes exactly once. Never repeat the flash.

Reduced motion

Skip the swapping and assembling motion and show the finished page directly. Replace the reveal flash with a heading change.

Recorded generated examples

No recorded generated example uses this theme yet.

Originality constraint

Do not reproduce an existing magazine’s logo, cover structure, brand logos or patterns, or a model’s likeness. Design the page grid and headings from scratch.

Creator-ready English prompt

Design an original interface and art direction in the Styling editorial expression theme.
Palette: Achromatic page that lets photos lead, with a single accent color.
Shape: Page grid, cut-out photos, sample swatches of material.
Typography: High-contrast serif headings and fine captions.
Motion: Items are swapped, the page layout assembles, and the finished reveal flashes exactly once.
Show every state with cues that do not depend on color alone, keep text readable with sufficient contrast, make all controls keyboard-operable, and provide a reduced-motion alternative.
Create original symbols, information architecture, characters, logos, and UI, and do not imitate any existing work.
The expression theme controls only the visual treatment; the selected stimulus engine controls the interaction loop.

Explore the system