Copying comes with patterns, for GrinBot buyers
Brewery Years
Color familyTangerine Navy
Primary#E08A4FSecondary#2B1D16Background#F3E6CFSurface#FFFFFFText#1E1410Accent 1#A9471FAccent 2#2F5D5AAccent 3#E3A23BAccent 4#E08A4F
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Brewery Years (calm)
Color familyTangerine Navy
Primary#E08A4FSecondary#2B1D16Background#F3E6CFSurface#FFFFFFText#1E1410Accent 1#A9471FAccent 2#2F5D5AAccent 3#E3A23BAccent 4#E08A4F
Open in Moodkit ↗

The idea

a brewery's story told in numbers. On stout-dark brown, the left column stays pinned: an Abril Fatface heading, "Twelve years, five numbers.", uncovered line by line, and a copper button. On the right, five milestone cards pin one over another as you scroll, each in its own colour (copper, cream, bottle green, mustard, cream): the year, what happened, a big number that counts up (400 litres, 12 beers, 86 barrels, 1,200 seats) and its retro poster. The last card, "Today", has two numbers and the source. A bottle-cap sticker spins slowly at the top of the stack.

Palette and fonts: stout brown, copper, cream, bottle green, mustard · Abril Fatface, Figtree 800

Grinner features used

  • Advanced Animations
  • Button
  • Card stacking
  • Count up
  • Group
  • Sticker
  • Sticky column

The calm copy

the same brewery story on stout-dark brown: "Twelve years, five numbers." and the copper button, then the five coloured milestone cards (2014 to today) that pin one over another as you scroll, each with its year, its big number and its retro poster, and the bottle cap sitting still at the top of the stack.

Palette and fonts: stout brown, copper, cream, bottle green, mustard · Abril Fatface, Figtree 800

Grinner features used

  • Advanced Animations
  • Button
  • Card stacking
  • Group
  • Sticker

More Stats and Numbers

Plate Rings: Stats and NumbersSeats Sold: Stats and NumbersScroll Counter: Stats and NumbersOne Big Score: Stats and Numbers