Copying comes with patterns, for GrinBot buyers
Case Study
Color familyPaper Vermilion
Primary#FF6B4ASecondary#262626Background#F4F1EASurface#FFFFFFText#0E0E0EAccent 1#9AD9CFAccent 2#F2D16BAccent 3#1C1C1CAccent 4#FF6B4A
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Case Study (calm)
Color familyPaper Vermilion
Primary#FF6B4ASecondary#262626Background#F4F1EASurface#FFFFFFText#0E0E0EAccent 1#9AD9CFAccent 2#F2D16BAccent 3#1C1C1CAccent 4#FF6B4A
Open in Moodkit ↗

The idea

a case study that opens like a reveal. On black, "Work / Case study" and the client line, then a Clash Display title wipes in from the left: "A corner café the whole street now queues for.", and a coral line draws itself under "queues for". Beside it two lines of story and four facts that count up in mint and coral (38 % more weekday sales, 12 weeks, 64 pieces, 2 cafés). Below, the ink-and-wash café drawing starts as an inset, rounded picture and opens out to the full width of the page as it rises; four gold mono labels sit in the frame's corners, so the picture grows to meet them.

Palette and fonts: black, warm white, coral, mint, gold · Clash Display 600, Instrument Sans, system mono for the labels

Grinner features used

  • Accent
  • Advanced Animations
  • Breadcrumbs
  • Columns
  • Corner labels
  • Count up
  • Grid
  • Image Entrance & scroll

The calm copy

the same black case-study top: "Work / Case study", the client line, the Clash Display title "A corner café the whole street now queues for." with a coral hand-drawn line under "queues for", two lines of story and four still facts in mint and coral. Below, the ink-and-wash café drawing opens from an inset, rounded picture to the full width of the page as it rises, between four gold mono corner labels.

Palette and fonts: black, warm white, coral, mint, gold · Clash Display 600, Instrument Sans, system mono for the labels

Grinner features used

  • Accent
  • Advanced Animations
  • Breadcrumbs
  • Columns
  • Corner labels
  • Grid
  • Image Entrance & scroll

More Page Headers

Workshop Banner: Page HeadersLine-up Poster: Page HeadersTown Page: Page HeadersContact Page: Page Headers