Copying comes with patterns, for GrinBot buyers
Launch Countdown
Color familyCobalt Sun
Primary#2340FFSecondary#FFD23FBackground#FFFFFFSurface#FFF7ECText#0E1240Accent 1#FF4FA3Accent 2#FFB627Accent 3#3DDC97Accent 4#2340FF
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Launch Countdown (calm)
Color familyCobalt Sun
Primary#2340FFSecondary#FFD23FBackground#FFFFFFSurface#FFF7ECText#0E1240Accent 1#FF4FA3Accent 2#FFB627Accent 3#3DDC97Accent 4#2340FF
Open in Moodkit ↗

The idea

the excitement of a launch, with the steps made plain. A yellow strip runs the product's facts across the top. On electric blue a heavy Unbounded heading, "Pre-order today. Hold it on 3 December.", the date line in yellow over a yellow wavy underline, beside a navy card where the countdown to launch day ticks in blue boxes. A colour-wheel sticker spins over the heading. Three cream cards, each with a slowly turning pink, yellow and green border, give the steps: a big blue number, when, what happens and who does it. A yellow Grow button, the crossed-out $49 and a spinning pink "$10 off now" burst end it.

Palette and fonts: electric blue, navy, cream, yellow, pink, green · Unbounded 800 and Figtree

Grinner features used

  • Accent text
  • Button
  • Columns
  • Countdown
  • Entrance Animation
  • Gradient border
  • Group
  • Scrolling Text
  • Sticker

The calm copy

the same electric blue section: the yellow strip of the product's facts (now still), "Pre-order today. Hold it on 3 December." beside the navy card that now shows "Thu 03 Dec 9am" in its blue boxes, the colour-wheel sticker, three cream step cards framed in still pink, yellow and green borders, and the yellow button with the "$10 off now" burst.

Palette and fonts: electric blue, navy, cream, yellow, pink, green · Unbounded 800 and Figtree

Grinner features used

  • Accent text
  • Button
  • Columns
  • Entrance Animation
  • Gradient border
  • Group
  • Paragraph
  • Row
  • Sticker

More Process and Steps

Fixed-fee Steps: Process and StepsGlow Stack: Process and StepsDrawn Path: Process and StepsTimeline: Process and Steps