Copying comes with patterns, for GrinBot buyers
Glow Stack
Color familySage Mustard
Primary#C6F432Secondary#1C2347Background#EEF0FFSurface#FFFFFFText#0A0E1FAccent 1#8B6CFFAccent 2#3CE0E8Accent 3#FF5FA2Accent 4#FFB547
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Glow Stack (calm)
Color familySage Mustard
Primary#C6F432Secondary#1C2347Background#EEF0FFSurface#FFFFFFText#0A0E1FAccent 1#8B6CFFAccent 2#3CE0E8Accent 3#FF5FA2Accent 4#FFB547
Open in Moodkit ↗

The idea

five weeks from idea to launch, felt as you scroll. On deep night blue the left column stays pinned: "Your app, live in five weeks. / five steps. / one team." with the last words in lime, changing every few seconds; two dark tiles count up to "214 apps launched" and "38 days"; and a lime Grow button. On the right five dark step cards, each keyed to its own neon colour (violet, cyan, pink, amber, lime), pin and stack on top of each other: a mono step number and week chip, a big title, one line, a coloured icon tile and a You / We pair. Each card glows in its colour on hover; the last card, Launch, has a slowly turning lime, cyan and violet border.

Palette and fonts: night blue, lime, violet, cyan, pink, amber · Sora 700 and 300, JetBrains Mono for labels

Grinner features used

  • Button
  • Card stacking
  • Columns
  • Count up
  • Gradient border
  • Grinner Icon
  • Group
  • Hover effect
  • Sticky column
  • Text Rotator

The calm copy

the same night-blue section: the pinned intro, "Your app, live in five weeks." with the last words in lime, the two dark number tiles and the lime button; on the right the five neon-keyed step cards pin and stack as you scroll, each glowing in its colour on hover, the Launch card framed in a still lime, cyan and violet border.

Palette and fonts: night blue, lime, violet, cyan, pink, amber · Sora 700 and 300, JetBrains Mono for labels

Grinner features used

  • Advanced Animations
  • Button
  • Card stacking
  • Columns
  • Gradient border
  • Grinner Icon
  • Group
  • Hover effect
  • Paragraph
  • Sticky column

More Process and Steps

Clean Before and After: Process and StepsTicket Steps: Process and StepsGiant Numbers: Process and StepsThree Columns: Process and Steps