Three Two Run

heading 1 (banner)

Font: Bebas Neue

Size: 78

heading 2 (banner)

Font: Montserrat

Size: 35

heading 2 (Page)

Font: Montserrat 

Size: 41

heading 3 (Subtitle)

Font: Monsterrat

Size: 30

heading 4

Font: Montserrat

Size: 20

Heading 5 (Call Out Text)

Font: Montserrat

Size: 40

Colour: Only green where appropriate.

Heading 6

Font: Monserrat

Size: 16

Body Text

Font: Poppins

Size: 16

Button Text

Font: Monserrat

Size: 18

BUTTONS

Information buttons (learn more): Button 1 with underline

Boxing Express – skill

All levels, 30 minute boxing HIIT

Member sign in/Buy Now: Blue Button 10

Header CTA buttons: Orange with arrows

Main buttons: Blue (orange hover) with arrows

Large Numbers

Font: Bebas Neue

Size: 180

Access: Go to global fonts (not typography) and select ‘Large Numbers’

To add behind a Main Heading: Add a text box into the column above the Main Heading that you want it to be behind. Add your copy and select the right font type. Go to Advanced>Layout and ensure the Z-Index value is lower than that of the Main Heading (higher z-index means higher in the pile of layers). Then adjust the position by going to Advanced>Transform>Offset and changing the X or Y axis until it’s in the position you want it to be in.

Green Moving Lines

Green lines occupy an entire column. So if you want one green line along side your main content, create a section with 2 columns. Ensure the green lines column has a width of 1%, and your main content has a width of 99% – it’s up to you if you want it on the right or left.

 

If you’re making 2 columns of content (like on the homepage you have your titles in the left column, and video on the right column), and you want the green lines in the middle and on the right, you’d make a 4 column structure that goes content(48%), lines(1%), content(48%), lines(1%). See image below which shows 4 columns, and green line columns only occupying 1% of the width each.

 

To make the line go behind the main content, it’s the same as the large numbers font… just adjust the Transform>Offset again, and ensure the Z-Index is lower than the column it’s supposed to be behind. 

Single class booking links

45 minute class link: https://threetwo.run/single-class-booking/?class-30minutes

 

30 minute class link: https://threetwo.run/single-class-booking/?class-45minutes

 

10 package class link: https://threetwo.run/single-class-booking/?package-10

 

20 package class link: https://threetwo.run/single-class-booking/?package-20