Copying comes with patterns, for GrinBot buyers
Screens Slider
Color familyPaper Violet
Primary#A27BFFSecondary#241C3BBackground#F5F2FFSurface#FFFFFFText#14101FAccent 1#C6F432Accent 2#FF7AB6Accent 3#6CC6FFAccent 4#0B0912
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Screens Slider (calm)
Color familyPaper Violet
Primary#A27BFFSecondary#241C3BBackground#F5F2FFSurface#FFFFFFText#14101FAccent 1#C6F432Accent 2#FF7AB6Accent 3#6CC6FFAccent 4#0B0912
Open in Moodkit ↗

The idea

show the app doing the work. On near-black violet the heading blurs in, "Saving, sorted in…", and its ending keeps changing in lime: four minutes, one coffee, a bus ride. Two numbers count up beside it. Below, four phones drawn in CSS stand in a centred slider that turns every four seconds, the neighbours smaller and dimmed: the sign-up form in violet, the linked accounts in sky blue, the Lisbon goal in pink, the growing balance in lime. Under each phone: the step and its time on a pill, the title, and one line for you and one for us.

Palette and fonts: near-black violet, violet, lime, pink, sky blue · Sora 700, Manrope 800 and 400

Grinner features used

  • Advanced Animations
  • Button
  • Columns
  • Content Slider
  • Count up
  • Group
  • Paragraph
  • Text Rotator

The calm copy

show the app doing the work. On near-black violet the heading fades up, "Saving, sorted in four minutes.", the ending in lime. Two numbers sit beside it. Below, four phones drawn in CSS stand in a centred slider that you turn with the arrows, the pills or a swipe, the neighbours smaller and dimmed: the sign-up form in violet, the linked accounts in sky blue, the Lisbon goal in pink, the growing balance in lime. Under each phone: the step and its time on a pill, the title, and one line for you and one for us.

Palette and fonts: near-black violet, violet, lime, pink, sky blue · Sora 700, Manrope 800 and 400

Grinner features used

  • Accent text
  • Advanced Animations
  • Button
  • Columns
  • Content Slider
  • Group
  • Paragraph

More Process and Steps

Drawn Path: Process and StepsFixed-fee Steps: Process and StepsCircle Steps: Process and StepsBefore You Book: Process and Steps