Style guide

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

Buy Template $79

Heading 1
Aa Bb Cc

Text / H1
Heading 1 - 150px / 110% (Plus Jakarta Sans)

Heading 2
Aa Bb Cc

Text /H2
Heading 2 - 50px / 120% (Plus Jakarta Sans)

Heading 3
Aa Bb Cc

Text / H3
Heading 3 - 40px / 120% (Plus Jakarta Sans)
New /H3
h3 / 140
New / H3 - 30px / 120% (Plus Jakarta Sans)

Heading 4
Aa Bb Cc

Text / H4
Heading 4 - 30px / 120% (Plus Jakarta Sans)
Heading 5
Aa Bb Cc
Text / H5
Heading 5 - 24px / 120% (Plus Jakarta Sans)

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 16 - 16px / 140% (Plus Jakarta Sans)

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.

Badge - 12px / 140% (Plus Jakarta Sans)

Colors

Tech Porter takes advantage of strong black and white contrast as well as vivid brand colors.

Yellow - #fbfb56
Background - #12222f
Blue - #1d3142
Light Blue - #93aec7
White - #ffffff

Icons

All icons used in Tech Porter template come from an open source icon library - Iconoir and RemixIcon. Meaning they are are free for personal and commercial use.

Fonts

Tech Porter Template is using one additional font, called Plus Jakarta Sans. It can be downloaded at fonts.google.com and is 100% free for personal and commercial use.

Buttons

Button Text
CTA / Main
Subscribe
CTA / Animated
Button Text
CTA Secondary
Subscribe
CTA / Animated

Tiles