Copying comes with patterns, for GrinBot buyers
Live Solar
Color familyAmber Ink
Primary#FFC53DSecondary#182036Background#F3F1EASurface#FFFFFFText#0E1424Accent 1#4FD1C5Accent 2#FF8A57Accent 3#FFC53DAccent 4#0E1424
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Live Solar (calm)
Color familyAmber Ink
Primary#FFC53DSecondary#182036Background#F3F1EASurface#FFFFFFText#0E1424Accent 1#4FD1C5Accent 2#FF8A57Accent 3#FFC53DAccent 4#0E1424
Open in Moodkit ↗

The idea

the sun at work, as one big number. On deep night blue, a slow halo of sun yellow and teal turns behind everything. The line "Our customers' roofs have made this much clean power since 1 January:" fades up, then "4,286,512 kWh" in huge yellow shuffles its digits into place, with a mono source line under it. On the right, a glassy card with three thin bars that fill as they come into view (bill cut 64%, solar used at home 78%, output after 10 years 93%) and a yellow button. Along the foot of the section, a dark strip of facts runs past.

Palette and fonts: night blue, deep blue surface, sun yellow, teal, coral, warm white · Space Grotesk 700 and 600, JetBrains Mono

Grinner features used

  • Advanced Animations
  • Animated background
  • Button
  • Columns
  • Count up
  • Group
  • Progress Bar
  • Scrolling Text

The calm copy

the same night-blue section: the line about the roofs, "4,286,512 kWh" in huge sun yellow with its source, the glassy card with the three bars (bill cut 64%, solar used at home 78%, output after 10 years 93%) and the yellow button, and a still dark band of facts along the foot.

Palette and fonts: night blue, deep blue surface, sun yellow, teal, coral, warm white · Space Grotesk 700 and 600, JetBrains Mono

Grinner features used

  • Advanced Animations
  • Button
  • Columns
  • Group
  • Paragraph
  • Progress Bar

More Stats and Numbers

Editorial Count: Stats and NumbersYear in Numbers: Stats and NumbersReview Score: Stats and NumbersRing Wall: Stats and Numbers