Copying comes with patterns, for GrinBot buyers
Hover Shop
Color familyAmber Ink
Primary#D9B26FSecondary#2A2E35Background#EEEAE3Surface#FFFFFFText#121417Accent 1#A39F98Accent 2#2E3238Accent 3#1C1F24Accent 4#D9B26F
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Hover Shop (calm)
Color familyAmber Ink
Primary#D9B26FSecondary#2A2E35Background#EEEAE3Surface#FFFFFFText#121417Accent 1#A39F98Accent 2#2E3238Accent 3#1C1F24Accent 4#D9B26F
Open in Moodkit ↗

The idea

a jewellery shop that feels like leaning over the bench. On near-black, a narrow intro column: the Instrument Serif heading "Small things, made slowly." uncovers line by line, with "slowly." in gold italic, three plain promises with gold icons, a gold "See all 38 pieces" button that fills from the pointer, and a thin gold ring badge ("Handmade in Brighton") turning above. Beside it, a Hover List Work index of four pieces: a gold number, the name in big serif, the material under it, the price on the right with its size or stock. Point at a row and the ink-and-wash picture of that piece follows the cursor while the name turns gold and shifts. A serif strip of promises runs along the foot.

Palette and fonts: near-black, graphite, warm white, gold, stone grey · Instrument Serif, Instrument Sans

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Columns
  • Hover List
  • Paragraph icons
  • Scrolling Text
  • Sticker

The calm copy

the same bench-side shop at rest: the intro column with "Small things, made slowly.", the gold promises and button, the still ring badge, and the Hover List Work index of four pieces whose pictures follow the pointer only when someone points.

Palette and fonts: near-black, graphite, warm white, gold, stone grey · Instrument Serif, Instrument Sans

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Columns
  • Hover List
  • Paragraph icons
  • Scrolling Text
  • Sticker

More Shop and Product Grids

List View: Shop and Product GridsQuiet Two-Up: Shop and Product GridsGift Cards: Shop and Product GridsSale Wall: Shop and Product Grids