Style guide

Take advantage of beautiful design and create a website your business deserves.

Buy template
Text / H0
Heading 0 - 200px / 92% (Anton)

Heading 1
Aa Bb Cc

Text / H1
Heading 1 - 128px / 93% (Anton)

Heading 2
Aa Bb Cc

Text / H2
Heading 2 - 64px / 100% (Anton)

Heading 3
Aa Bb Cc

Text / H3
Heading 3 - 48px / 100% (Bdogrotesk)

Heading 4
Aa Bb Cc

Text / H4
Heading 4 - 40px / 120% (Bdogrotesk)
Heading 5
Aa Bb Cc
Text / H5
Heading 5 - 32px / 125% (Bdogrotesk)
Heading 6
Aa Bb Cc
Text / H6
Heading 6 - 24px / 116% (Bdogrotesk)

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Body 1 - 20px / 140% (Bdogrotesk)

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Body 2- 16px / 150% (Bdogrotesk)

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Label- 14px / 16px (Bdogrotesk)

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Buton - 14px / 16px (Bdogrotesk)

Colors

Black / #17181c
Background / #eaeaec
Background Darker / #e4e0dc
White / #f8f7f5
Accent / #b9a2e5

Icons

All icons used in The Smiling Agency template come from a Figma Community.  Meaning they are are free for personal and commercial use.

Fonts

The Smiling Agency Template is using two additional fonts, called Bdogrotesk and Anton. They can be downloaded at Fontshare and are 100% free for personal and commercial use.

Buttons

Get in touch
CTA / Main
Get in touch
CTA / Outlined

Tiles

Kristine Runolfsson
CEO