Style guide

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

Buy template

Mega H1
Aa Bb Cc

Mega H1 - 86px / 110% (Satoshi)

Heading 1
Aa Bb Cc

Heading 1 - 42px / 125% (Satoshi)

Heading 2
Aa Bb Cc

Heading 2 - 36px / 130% (Satoshi)

Heading 3
Aa Bb Cc

Heading 3 - 24px / 120% (Satoshi)

Heading 4
Aa Bb Cc

Heading 4 - 21px / 120% (Satoshi)
Heading 5
Aa Bb Cc
Heading 5 - 18px / 120% (Satoshi)
Heading 6
Aa Bb Cc
Heading 5 - 14px / 130% (Satoshi)

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.

Paragraph Big - 18px / 160% (Satoshi)

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.

Paragraph Regular - 16px / 160% (Satoshi)

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.

Paragraph Small - 14px / 132% (Satoshi)

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.

Subtitle - 14px / 132% (Satoshi)

Colors

Code House takes advantage of strong black and white contrast as well as vivid brand colors.

Black / #131313
Background / #f9f9f9
White / #ffffff
Accent 1 / #424bd1
Accent 2 / #ec612a
White Smoke / #ebebeb
Midnight Blue / #282943
Dark Slate Blue / #414370
Dim Grey / #5b5a5a

Icons

All icons used in Code House template come from an open source icon library - Remix Icons. Meaning they are are free for personal and commercial use.

Fonts

Code House Template is using one additional font, called Satoshi. It can be downloaded at Fontshare and is 100% free for personal and commercial use.

Buttons

Button Text
CTA Primary
Button Text
CTA Secondary

Tiles

Fully responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae posuere nisl. In dictum luctus arcu, eget feugiat quam varius at. Fusce magna ante,

Feature Icon

Be brave, curious and experiment – learn from all successes and failures

Take risks and make mistakes - that’s how we learn, and how we innovate.

Supported all the way

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae posuere nisl. In dictum

We were blown away by the professionalism and creativity of the Code House team. They truly understood our vision.

Joe Doe