Copying comes with patterns, for GrinBot buyers
Sticky Cart Look
Color familyCream Cobalt
Primary#2747D8Secondary#FF8A3DBackground#FFF4E8Surface#FFFFFFText#1A0F0AAccent 1#FFD166Accent 2#9FE0C4Accent 3#2747D8Accent 4#1A0F0A
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Sticky Cart Look (calm)
Color familyCream Cobalt
Primary#2747D8Secondary#FF8A3DBackground#FFF4E8Surface#FFFFFFText#1A0F0AAccent 1#FFD166Accent 2#9FE0C4Accent 3#2747D8Accent 4#1A0F0A
Open in Moodkit ↗

The idea

building a coffee box should feel like filling a basket at the counter. On strong cobalt, huge Anton capitals say "Pick three bags, save 10%." with an orange hand-drawn line under the saving, and 41,000 bags counts up in mint. A yellow "Roasted on Mondays" sticker with a bean turns above, and an orange bean floats beside the heading. Below, three cream coffee cards scroll past: each retro poster tilts up into place as it arrives, with a mint "In your box" or yellow "New this month" pill, the name, origin and roast, two tasting notes, the price and a button. On the right, a yellow "Your box" panel stays pinned: a three-step Progress Bar filled to 2 of 3, the two bags chosen, "One more bag to save 10%", the total so far and "Check out". A black strip of roast news runs across the foot.

Palette and fonts: strong cobalt, cream, sunshine yellow, tangerine, mint, coffee black · Anton, Manrope

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Count up
  • Group
  • Image scroll effect
  • Paragraph
  • Progress Bar
  • Scrolling Text
  • Sticker
  • Sticky column

The calm copy

the same strong cobalt box builder: "Pick three bags, save 10%." in huge Anton with the tangerine hand-drawn line, 41,000 bags in mint, the yellow "Roasted on Mondays" sticker and the tangerine bean, three cream coffee cards whose posters tilt in, the pinned yellow "Your box" panel with its 2 of 3 step bar, and the roast news as one still line on black.

Palette and fonts: strong cobalt, cream, sunshine yellow, tangerine, mint, coffee black · Anton, Manrope

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Group
  • Image scroll effect
  • Progress Bar
  • Sticker
  • Sticky column

More Shop and Product Grids

Bestsellers: Shop and Product GridsTea Accessories: Shop and Product GridsGift Guide: Shop and Product GridsToy Shelf: Shop and Product Grids