Style guide

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

Buy template $129

Mega H1
Aa Bb Cc

Mega H1 - 100px / 110% (Satoshi)

Mega H2
Aa Bb Cc

Mega H2 - 70px / 128% (Satoshi)

Heading 1
Aa Bb Cc

Heading 1 - 42px / 171% (Satoshi)

Heading 2
Aa Bb Cc

Heading 2 - 28px / 150% (Satoshi)

Heading 3
Aa Bb Cc

Heading 3 - 24px / 175% (Satoshi)

Heading 4
Aa Bb Cc

Heading 4 - 16px / 137.5% (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 - 24px / 175% (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 - 21px / 152% (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 - 16px / 200% (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 Tiny - 14px / 228% (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 Developer Verse template come from an open source icon library - Remix Icons and Iconoir. Meaning they are are free for personal and commercial use.

Fonts

Developer Verse 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