Pattern Breaking

Pattern Breaking

Discover the manipulative dark patterns ultra-fast fashion brands use on their websites, from fake urgency popups to spin-the-wheel tactics.

4.0
0
Visits
Visit

Available Pages

Version History

Design Analysis

Pattern Breaking Home design analysis

Build a campaign shell that feels like an editorial poster system translated into the web. Use sharp contrast, oversized type, and loud color interrupts to create argument and momentum. Let motion guide chapter transitio...

Key Takeaways

  • Build a campaign shell that feels like an editorial poster system translated into the web.
  • Use sharp contrast, oversized type, and loud color interrupts to create argument and momentum.
  • Let motion guide chapter transitions, but keep the message readable at every stop.
  • Favor documentary imagery, collage, or stark graphic moments over polished commercial stock.
  • Use stickers, labels, and cut-paper treatments only when they feel like part of the argument.
  • Motion libraries detected in capture: gsap, ScrollTrigger, Lenis. Treat them as sequence scaffolding rather than decoration.

Overview

  • Build a campaign shell that feels like an editorial poster system translated into the web.
  • Use sharp contrast, oversized type, and loud color interrupts to create argument and momentum.
  • Let motion guide chapter transitions, but keep the message readable at every stop.

Image Direction

  • Favor documentary imagery, collage, or stark graphic moments over polished commercial stock.
  • Use stickers, labels, and cut-paper treatments only when they feel like part of the argument.

Entry & Arrival Motion

  • Motion libraries detected in capture: gsap, ScrollTrigger, Lenis. Treat them as sequence scaffolding rather than decoration.
  • Keep arrival motion purposeful and short so the shell remains legible in its resting state.

Colors

  • Base the shell on FFFFFF and keep 0A0A0A as the primary reading color.
  • Use 0A0A0A as the main emphasis color and keep it scarce enough to preserve hierarchy.
  • Let FFF4A8 and 0A0A0A separate secondary surfaces without introducing noisy ornament.
SpacePlay/PauseSeek 1sShiftSeek 10s