Grid System

The table of grid system sizes

Device Width

≥ 992px

< 992px

< 767px

< 479px

Max Container Width

1200px

100%

100%

100%

Spacing System

Spacing - Desktop

130 px

60 px

130 px

- Paddings Tops and Bottom for blocks - 130 px
- Inside of Blocks (between headlines and inside a content block) - 60px

Spacing - Tablet

80 px

60 px

80 px

- Paddings Tops and Bottom for blocks - 80 px
- Inside of Blocks (between headlines and inside a content block) - 60px

Spacing - Mobile

60 px

40 px

60 px

- Paddings Tops and Bottom for blocks - 60 px
- Inside of Blocks (between headlines and inside a content block) - 40px

Color Palette

Primary

#ffce10

#eef4f8

#0d2342

Secondary

#ffffff

#faf8f8

#a8acb5

#e9e9e9

#061730

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

List

  • List item
  • List item
  • List item
  • List item

List

  • List item
  • List item asdlfkj alksdfj lakjsf lkasdjflkajsdf lkasjd flkaj sflkja sdlkfj asldkfj alksdjf lkadsjf lkasdjfl aksdj flkasdjf lkajsdf flkasjd flkajsdf lkasdj flkasjd flkasdjf flaksjdf dlkj
  • List item
  • List item
  • asdfasdf
  • asdfasdf
  • aasdfafds

Buttons

Primary Button
Primary Button White
Secondary Button
Text Button

Rich Text

Asdfklajsd flkj asdlfjasdf kjas dfljalsjfd lakjsd fja sdalfkd alksdfj alksdfj lakjsdf lkasj flkaj sdflkj asdlkfj alksdjf lkasdjf lkajs dflkjasd lfkj asldkfj alskdjf laksdjf lkasjdf lkajsd flkjasd lfkja sldkjf laksdjf lkajsf lkasdfj.

Asldfj alsjkd flajks dfjlaldsf.a sdlfkj asldkfj asdf.asldfkj alsdk; fasdfj alsdfkj alkjsdf lkajsd flkajs fdljkasd fljasd fljas ldfkj asdlfj asdlfkj asldkjf alksdjf lkasjdf lakjsfd jlasd fjalsdfj asdlfkj

Asldfkj lasdjf lajsdkf lajksdf lajkfd lajsd fjasldfjdsalj:

  • Afadsflkj asdlfkj alsdkfj alskdjf lasjkfd
  • Alasdkjf lakjsdf lkajfd lkjad flkjas dflkja sdlfjk alsdfjklasdkf
  • AFjlask jdflakj flkaj fdslkja fdslkjafdslkja sldfjk alskdfj lajkdfs
  • Aadsl fkjald sfjlak dsfjlkajdsf sdf ljalksfdj lakjfd
Buy this Template
More Templates