Copying comes with patterns, for GrinBot buyers
Sticky Booking
Color familyCobalt Sun
Primary#0A5C8ASecondary#FFD166Background#FFFFFFSurface#F3F5F6Text#0B2F47Accent 1#084A70Accent 2#FF8F6BAccent 3#9BE3E0Accent 4#0A5C8A
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Sticky Booking (calm)
Color familyCobalt Sun
Primary#0A5C8ASecondary#FFD166Background#FFFFFFSurface#F3F5F6Text#0B2F47Accent 1#084A70Accent 2#FF8F6BAccent 3#9BE3E0Accent 4#0A5C8A
Open in Moodkit ↗

The idea

the booking card never leaves you. On deep sea blue a wide Unbounded heading, "Stand up on your first wave this weekend.", with "first" in yellow outline and a smiling sun floating by. On the left a white booking card stays pinned while you scroll: a pulsing teal dot ("Surf's on today · 1.2 m, light offshore wind"), the price large, day and time chips and a full-width yellow button. On the right the lesson cards scroll past, each picture tipping back upright as it comes in: group lesson, private lesson, Saturday surf club, then a dashed "Gift a lesson" box. A coral shell floats, and a yellow strip at the foot keeps scrolling what's included.

Palette and fonts: sea blue, deep blue, white, sand yellow, coral, foam, navy · Unbounded 800, Work Sans 400 and 700

Grinner features used

  • Accent
  • Button
  • Columns
  • Group
  • Image Entrance & scroll
  • Live dot
  • Scrolling Text
  • Sticker
  • Sticky column

The calm copy

the same sea-blue surf school: "Stand up on your first wave this weekend." with "first" in yellow outline, the white booking card pinned on the left (a still teal dot, "Surf's on today", the price, day and time chips, the yellow button), and the lesson cards scrolling past on the right, each picture tipping back upright as it arrives; the gift voucher box and the still yellow strip of what's included close it.

Palette and fonts: sea blue, deep blue, white, sand yellow, coral, foam, navy · Unbounded 800, Work Sans 400 and 700

Grinner features used

  • Accent
  • Button
  • Columns
  • Group
  • Icon
  • Image Entrance & scroll
  • Scrolling Text
  • Sticker
  • Sticky column

More Contact and Booking

Plain Contact: Contact and BookingOpen Studio: Contact and BookingThree Branches: Contact and BookingClass Schedule: Contact and Booking