typography

Style Guide for all headings, titles, subtitles, paragraphs, links and button text

headings

Steelfish

Steelfish (Hero title Page) / 8 Rem Font-Size / Matching Line-Height

Heading H1

Steelfish / 4 Rem Font-Size / Matching Line-Height

Heading H2

Steelfish / 2 Rem Font-Size / Matching Line-Height

Heading H3

Steelfish / Rem Font-Size / Matching Line-Height

Heading H4

Steelfish / 1 Rem Font-Size / Matching Line-Height

Heading H5

Steelfish / 1 Rem Font-Size / Matching Line-Height

Heading H6

Steelfish / 1 Rem Font-Size / Matching Line-Height

paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Baloo 2 / 1 Rem Font-Size / 1.4 REM- Line-Height / Body 400 - Normal

links

Link Large

Inter / 1 Rem Font-Size / 100% Line-Height

Buttons

Button Text

Steelfish Font/ 1 Rem Font-Size / Matching Line-Height / 2 Px Letter Spacing / 4px Border Radius / 1.5 px Line Width / Box Shadow on Hover

color

Style Guide for primary, secondary, tertiary, success, error, warning, black, white, greys and white-opacity, basic black and white colors.

Brand Pink

Brand Black

Pink Color - Vertex Pink (HEX #f22eae)

Black Color - Black (Hex #000000)