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)

Paragraph Regular - 16px / 160% (Satoshi)

Paragraph Small - 14px / 132% (Satoshi)

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

Link with underline
Link

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,

Supported all the way

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