Copying comes with patterns, for GrinBot buyers
Deck of Steps
Color familyPale Lilac
Primary#9A80F5Secondary#FF7A59Background#F6EEDDSurface#FFFFFFText#12102AAccent 1#F2C14EAccent 2#2FB5A8Accent 3#1D1A3DAccent 4#9A80F5
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Deck of Steps (calm)
Color familyPale Lilac
Primary#9A80F5Secondary#FF7A59Background#F6EEDDSurface#FFFFFFText#12102AAccent 1#F2C14EAccent 2#2FB5A8Accent 3#1D1A3DAccent 4#9A80F5
Open in Moodkit ↗

The idea

a dark studio page. The poster of the studio drifts inside its rounded band as you scroll, with a spinning record sticker on its corner. The heading settles out of random letters. Then five step cards, each a different colour of the palette with a huge number, pin on top of each other as you scroll, so the covered cards' edges show as a deck. Each card glows in its own colour on hover.

Palette and fonts: midnight, violet, coral, gold, teal, cream · Unbounded, Figtree

Grinner features used

  • Advanced Animations
  • Button
  • Card stacking
  • Columns
  • Group
  • Hover
  • Icon
  • Image Parallax (scroll)
  • Paragraph
  • Sticker

The calm copy

a dark studio page. The poster of the studio drifts inside its rounded band as you scroll, with a spinning record sticker on its corner. The heading settles out of random letters. Then five step cards, each a different colour of the palette with a huge number, pin on top of each other as you scroll, so the covered cards' edges show as a deck. Each card glows in its own colour on hover.

Palette and fonts: midnight, violet, coral, gold, teal, cream · Unbounded, Figtree

Grinner features used

  • Advanced Animations
  • Button
  • Card stacking
  • Columns
  • Group
  • Hover
  • Icon
  • Image
  • Paragraph
  • Sticker

More Features and Services

Icon Grid: Features and ServicesService Marquee: Features and ServicesSticky Story: Features and ServicesWork Index: Features and Services