Copying comes with patterns, for GrinBot buyers
Spa Panels FAQ
Color familyPaper Cinnamon
Primary#E7B98ASecondary#24423ABackground#F6EFE6Surface#FFFFFFText#18302AAccent 1#C9A24BAccent 2#9CC3B0Accent 3#0F201CAccent 4#E7B98A
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Spa Panels FAQ (calm)
Color familyPaper Cinnamon
Primary#E7B98ASecondary#24423ABackground#F6EFE6Surface#FFFFFFText#18302AAccent 1#C9A24BAccent 2#9CC3B0Accent 3#0F201CAccent 4#E7B98A
Open in Moodkit ↗

The idea

a first spa visit has four kinds of worry, so the FAQ has four doors. On deep eucalyptus, the Fraunces heading wipes in from the left and ends in apricot italic: "before you're in a robe." Beside it, the lead fills in from grey as you scroll. Below, four tall gouache panels: Before you come, On the day, Treatments, Gifts. The first is open; point at another (or tab to it) and it widens to show its painting and three short questions with answers, each on an apricot rule, and a link. Closed panels show their number and an upright title. An apricot "Robes on us" badge floats over the corner.

Palette and fonts: deep eucalyptus, sage, apricot, gold, warm white · Fraunces 400 and 300 italic, Manrope, DM Mono for the numbers

Grinner features used

  • Accent text
  • Advanced Animations
  • Button
  • Columns
  • Entrance Animation
  • Hover List
  • Sticker

The calm copy

the same four doors on deep eucalyptus: the Fraunces heading ending in apricot italic, the lead beside it, then the four gouache panels (Before you come, On the day, Treatments, Gifts), the first one open with its three short answers. Point at another and it widens. The apricot badge sits still on the corner.

Palette and fonts: deep eucalyptus, sage, apricot, gold, warm white · Fraunces 400 and 300 italic, Manrope, DM Mono for the numbers

Grinner features used

  • Accent text
  • Advanced Animations
  • Button
  • Columns
  • Entrance Animation
  • Hover List
  • Sticker

More FAQ Sections

Table FAQ: FAQ SectionsPlain Accordion: FAQ SectionsCompact FAQ: FAQ SectionsVideo FAQ: FAQ Sections