BurgerSwap Webflow Style Guide

This Webflow Template was passionately design and developed by Blue Clover Web Design.
Purchase TemplateBack to Homepage

Colors

Heading

Primary
Hex: #293084

RGB: 41, 48, 132

Secondary 1
Hex: #EB6000

RGB: 235, 96, 0

Secondary 2
Hex: #FF8733

RGB: 255, 135, 51

Neutral Colors

Neutral 1
Hex: #FFFFFF

RGB: 225, 225, 225

Neutral 2
Hex: #FCFCFC

RGB: 252, 252, 252

Neutral 3
Hex: #E0E0E0

RGB: 224, 224, 224

Neutral 4
Hex: #919191

RGB: 145, 145, 145

Neutral 5
Hex: #3A3A42

RGB: 58, 58, 66

Neutral 6
Hex: #242120

RGB: 36, 33, 32

Typography

Heading Text

Heading 1

48px Bold - 100% Line Height
-2% (-0.02em) Letter Spacing

Heading 2

40px Bold - 120% Line Height
-2% (-0.02em) Letter Spacing

Heading 3

32px Bold - 120% Line Height
-2% (-0.02em) Letter Spacing

Heading 4

24px Bold - 120% Line Height
-2% Letter Spacing

Heading 5

22px Bold - 120% Line Height
-2% Letter Spacing

Heading 6

20px Bold - 120% Line Height
-2% Letter Spacing

Paragraph & Other Text

Paragraph Large

18px Medium - 160% Line Height

Paragraph Medium

16px Medium - 160% Line Height

Paragraph Blog

16px Medium - 2em Line Height

Paragraph Small

14px Medium - 160% Line Height

Label Text

18px Semibold - 160% Line Height

Buttons

Primary

Button Primary Color

Primary Color

Button Secondary Color

Secondary Color

Secondary

Button Main Color

Primary Color

Button Secondary Color

This Button

Button Neutral Black

This Button

Button Neutral White

This Button