Copying comes with patterns, for GrinBot buyers
Brewery Panels
Color familyTangerine Navy
Primary#DB8650Secondary#1A363EBackground#F7E9D4Surface#FFFFFFText#10252BAccent 1#F2C14EAccent 2#7CC1BDAccent 3#0A1A1EAccent 4#DB8650
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Brewery Panels (calm)
Color familyTangerine Navy
Primary#DB8650Secondary#1A363EBackground#F7E9D4Surface#FFFFFFText#10252BAccent 1#F2C14EAccent 2#7CC1BDAccent 3#0A1A1EAccent 4#DB8650
Open in Moodkit ↗

The idea

a beer label come to life. On dark teal ink a giant Anton heading flips up, "The tour, in four pours.", the pours in copper, with the times and price in teal outline chips. A tilted copper strip of brewing words (mash, boil, ferment, condition, pour, cheers) runs across the page. Below it four tall retro posters stand side by side: brewhouse, barrel cellar, tasting bar, beer garden. The first is open; point at another (or tab to it) and it widens to show the stop, its time in amber, what happens and one line for you. Closed panels show their number and an upright name. A copper button whose label flips ends it.

Palette and fonts: dark teal ink, copper, amber, sea teal, cream · Anton, Be Vietnam Pro 700 and 400

Grinner features used

  • Accent text
  • Advanced Animations
  • Button
  • Columns
  • Entrance Animation
  • Hover List
  • Paragraph
  • Scrolling Text

The calm copy

a beer label come to life. On dark teal ink a giant Anton heading fades up, "The tour, in four pours.", the pours in copper, with the times and price in teal outline chips. A tilted copper strip of brewing words (mash, boil, ferment, condition, pour, cheers) lies across the page. Below it four tall retro posters stand side by side: brewhouse, barrel cellar, tasting bar, beer garden. The first is open; point at another (or tab to it) and it widens to show the stop, its time in amber, what happens and one line for you. Closed panels show their number and an upright name. A copper button whose label flips ends it.

Palette and fonts: dark teal ink, copper, amber, sea teal, cream · Anton, Be Vietnam Pro 700 and 400

Grinner features used

  • Accent text
  • Advanced Animations
  • Button
  • Columns
  • Entrance Animation
  • Hover List
  • Paragraph
  • Row

More Process and Steps

Gentle Path: Process and StepsThree Columns: Process and StepsRecipe Steps: Process and StepsBig Outline Numbers: Process and Steps