Copying comes with patterns, for GrinBot buyers
Stacked Lofts
Color familyAmber Ink
Primary#F2C14ESecondary#2A2F3ABackground#EDE9E1Surface#F6F1E7Text#15181FAccent 1#7FB3D5Accent 2#2D5B7CAccent 3#8A5A00Accent 4#F2C14E
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Stacked Lofts (calm)
Color familyAmber Ink
Primary#F2C14ESecondary#2A2F3ABackground#EDE9E1Surface#F6F1E7Text#15181FAccent 1#7FB3D5Accent 2#2D5B7CAccent 3#8A5A00Accent 4#F2C14E
Open in Moodkit ↗

The idea

one project at a time, each landing on the last. On dark slate, a Sora heading is uncovered line by line under a yellow cover: "Four lofts, four families who stayed put." with "stayed put" in yellow. Beside it "318 lofts" and "8 wks" count up, and a yellow "Free survey" badge spins slowly. Below, four cream project cards pin and stack as you scroll: two ink-and-wash drawings, a drawn cross-section of a hip-to-gable loft, and in the last card a Before / After of a bare attic turned bedroom, which nudges once to show it can be dragged. Each card gives the type, one plain line, and the place, weeks and budget. The yellow button fills from the pointer.

Palette and fonts: dark slate, cream, loft yellow, sky blue, ink blue · Sora 700, Work Sans

Grinner features used

  • Advanced Animations
  • Before / After
  • Button
  • Card stacking
  • Columns
  • Count up
  • Grid
  • Group
  • Image
  • Sticker

The calm copy

one project at a time, each landing on the last. On dark slate, a Sora heading is uncovered line by line under a yellow cover: "Four lofts, four families who stayed put." with "stayed put" in yellow. Beside it "318 lofts" and "8 wks" count up, and a yellow "Free survey" badge spins slowly. Below, four cream project cards pin and stack as you scroll: two ink-and-wash drawings, a drawn cross-section of a hip-to-gable loft, and in the last card a Before / After of a bare attic turned bedroom, which nudges once to show it can be dragged. Each card gives the type, one plain line, and the place, weeks and budget. The yellow button fills from the pointer.

Palette and fonts: dark slate, cream, loft yellow, sky blue, ink blue · Sora 700, Work Sans

Grinner features used

  • Advanced Animations
  • Before / After
  • Button
  • Columns
  • Grid
  • Group
  • Image
  • Paragraph
  • Sticker

More Gallery and Portfolio

Spa Spaces: Gallery and PortfolioRoute Wave: Gallery and PortfolioShop Gallery: Gallery and PortfolioPacked Bakes: Gallery and Portfolio