Calm copy the same design, with calmer motion and words
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



