Skip to content
The Design Stack

How it behaves

Exactly what the prompt builds — every timing and easing is specified, so the result matches the demo.

  • Pile: each review lives in its own full-screen slot that sticks to the top of the screen (position: sticky). Later cards scroll up over earlier ones. They all stay pinned until the section ends, then leave together.
  • Tilt: cards alternate between 3° and −3°, so the pile looks hand-stacked.
  • Card: 60% of the screen wide and 50% tall, centered, with 32px padding and 16px corners. It holds a centered 48px heavy condensed uppercase quote at the top and the name and company at the bottom.
  • Colours: the six cards cycle through a light grey, a near-black, an indigo, the light grey again, an orange and the near-black.
  • Under 1000px: no pinning and no tilt. Cards are 90% wide and full height, stacked normally, with a 32px quote.
  • Fallbacks: reduced motion removes the tilt.

More prompts