Grid System

The table of grid system sizes

Device Width

≥ 992px

< 992px

Max Container Width

1170px

100%

Spacing System

Spacing - Desktop

Spacing System

120 px

50 px

120 px

Spacing - Tablet

Spacing System

80 px

50 px

80 px

Spacing - Mobile

Spacing System

60 px

40 px

60 px

Color Palette

Primary

#38214A

#F9E7E6

#5D516C

Secondary

#ffffff

#38214A

#000000

Typography

Headers - Desktop

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Headers - Tablet

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Headers - Mobile

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body

Paragraph

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.

Paragraph Large

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.

Links

Link With Icon

Buttons

Primary Button

Primary Button White

Secondary Button

Secondary Button

Buy this Template
All Templates
Hire a Webflow Professional to build a website using this template. Learn More