Konexus Style Guide

Logos

Colors

Accent
#1C69D8
Titles
#132756
Text
#828AA5
Light Grey
#dfe1eb

Brand Colors

Brand Red
#E92645
Brand Yellow
#FF9824
Brand Blue
#1C69D8
Brand Cyan
#31CAC5
Brand Dark Blue
#132756

Buttons

Primary Button
Primary Button
Secondary Button
Secondary Button

Iconography

Typography

Heading H1 - Aa Bb Cc Dd

Heading H1 - 48px

Heading H2 - Aa Bb Cc Dd

Heading H2 - 36px

Heading H3 - Aa Bb Cc Dd

Heading H3 - 28px

Heading H4 - Aa Bb Cc Dd

Heading H4 - 18px
Heading H5 - Aa Bb Cc Dd
Heading H5 - 16px
Heading H6 - Aa Bb Cc Dd
Heading H6 - 14px

Paragraph Default: 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 Default - 18px

Paragraph Large: 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 Large - 28px
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur adipiscing
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur
Unordered List
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur adipiscing
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur
Ordered List