HLB Webflow Template

components
Cards
Forms
RAW classes

Typography

Our list of fonts you can use, modify.

All Children Classes

Align classes
Text_Align-Left
Text_Align-Right
Text_Align-Center
Text_Align-Justify
Weight classes
Text_Weight-Light
Text_Weight-Regular
Text_Weight-Bold
Text_Weight-Italic
Color classes
Text_Color-Primary_500
Text_Color-Dark_500
Text_Color-Validate_500
Text_Color-White

Headings

H1

Parent classe(s):   
Text-H1

H1/Hello, World.

H2

Parent classe(s):   
Text-H2

H2/Hello, World.

H3

Parent classe(s):   
Text-H3

H3/Hello, World.

H4

Parent classe(s):   
Text-H4

H1/Hello, World.

H5

Parent classe(s):   
Text-H5

H1/Hello, World.

Body

All our copy fonts

P_Large

Parent classe(s):   
Text-P_Large
This is some text inside of a div block.

P_Medium

Parent classe(s):   
Text-P_Medium
This is some text inside of a div block.

P_Small

Parent classe(s):   
Text-P_Small
This is some text inside of a div block.

P_Legal

Parent classe(s):   
Text-P_Legal

Button

Parent classe(s):   
Text-Button
This is some text inside of a div block.

Link

Parent classe(s):   
Text-Link

Font colors

Brand Font Colors

Parent classe(s):   
Text_Color-Primary_500
Text_Color-Secondary_500
Text_Color-Tertiary_500
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.

UI Font Colors

Parent classe(s):   
Text_Color-Validate_500
Text_Color-Error_500
Text_Color-Danger_500
Text_Color-Dark_500
Text_Color-White
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.