Style Guide

Color palette

#249ed9

Primary button, highlighted icons, active state

#1F85B8

Primary - Hover state

#2a323b

Headings, dark backgrounds

#333D48

Body text

#f94922

Accent

#114C69

Headings, borders

#f4f6f7

M fav background

#edf1f3

Light background - footer background

#c3ced6

Background

Typography

Check Simple CSS and Customizer in settings.

Headings: Muli

H1

Lorem Ipsum Dolor Sit Amet Consectetur

50 px

400

1

H2

Sed ut perspiciatis unde
omnis iste natus

42 px

600

1.1

H3

Sed ut perspiciatis unde
omnis iste natus

30 px

400

1.2

H4

Sed ut perspiciatis unde
omnis iste natus

22 px

600

1.3

H5
Sed ut perspiciatis unde
omnis iste natus
17 px
600
1.4
H6
Sed ut perspiciatis unde
omnis iste natus
13 px - UPPERCASE
600
1.5

Body: Muli

Paragraph - 17px, 400, 1.55

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis nulla tincidunt sapien gravida ullamcorper hendrerit et diam. Duis porttitor massa nec ante sagittis, sed vulputate orci mollis. Morbi quis aliquet dui. Nam aliquet vel ipsum id tincidunt. Mauris porttitor nulla a urna tincidunt varius. Nam nec porttitor massa. Aliquam sed urna sed lectus commodo pellentesque. Maecenas consequat nunc ac sapien volutpat, a fermentum metus imperdiet. Aliquam elementum molestie sem eget viverra. Vestibulum nibh tellus, efficitur in pharetra vitae, euismod a nunc.

Lorem Ipsum je fiktívny text, používaný pri návrhu tlačovín a typografie. Lorem Ipsum je štandardným výplňovým textom už od 16. storočia, keď neznámy tlačiar zobral sadzobnicu plnú tlačových znakov a pomiešal ich, aby tak vytvoril vzorkovú knihu. Prežil nielen päť storočí, ale aj skok do elektronickej sadzby, a pritom zostal v podstate nezmenený. Spopularizovaný bol v 60-tych rokoch 20.storočia, vydaním hárkov Letraset, ktoré obsahovali pasáže Lorem Ipsum, a neskôr aj publikačným softvérom ako Aldus PageMaker, ktorý obsahoval verzie Lorem Ipsum. Ťahať, ďateľ, žinčica, deväť, šťastie, Čuňovo.

Small paragraph - 15px, 400, 1.6 - mobile base
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis nulla tincidunt sapien gravida ullamcorper hendrerit et diam. Duis porttitor massa nec ante sagittis, sed vulputate orci mollis. Morbi quis aliquet dui. Nam aliquet vel ipsum id tincidunt.Mauris porttitor nulla a urna tincidunt varius. Nam nec porttitor massa. Aliquam sed urna sed lectus commodo pellentesque. Maecenas consequat nunc ac sapien volutpat, a fermentum metus imperdiet. Aliquam elementum molestie sem eget viverra. Vestibulum nibh tellus, efficitur in pharetra vitae, euismod a nunc.

Lorem Ipsum je fiktívny text, používaný pri návrhu tlačovín a typografie. Lorem Ipsum je štandardným výplňovým textom už od 16. storočia, keď neznámy tlačiar zobral sadzobnicu plnú tlačových znakov a pomiešal ich, aby tak vytvoril vzorkovú knihu. Prežil nielen päť storočí, ale aj skok do elektronickej sadzby, a pritom zostal v podstate nezmenený. Spopularizovaný bol v 60-tych rokoch 20.storočia, vydaním hárkov Letraset, ktoré obsahovali pasáže Lorem Ipsum, a neskôr aj publikačným softvérom ako Aldus PageMaker, ktorý obsahoval verzie Lorem Ipsum. Ťahať, ďateľ, žinčica, deväť, šťastie, Čuňovo.

Quote - 17px, 400, 1.5, Italic

„Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.“

Logo

Paddings & Margins

Widgets gutter: 20px or 10px
Base Content width: 1140px - 20px margis left and right
Section paddings: usually 75 px top and bottom, tablet and mobile are 50px sometimes

distances and sizes are always multiples of 5, usually multiples of 15 or 25.