Style guide

COLORS

KAII LAB - DESIGN / DEVELOPMENT

Primary Colours

Kaii Lab Blue

#002AF5

Sapphire - Dark Blue

#001E60

White

#FFFFFF

Secondary Colours

#59BC7D

#6CCCE2

#F05A8E

#000000

#7A7A7A

#E3E3E3

#F3F3F3

#F4F4F4

#FAFAFA

Neutral

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

TYPOGRAPHY

KAII LAB - DESIGN / DEVELOPMENT

Text Styles

Aa

Circular Std

Regular Medium Bold

Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Aa

Telegraf

UltraBold

Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Font name

Font weight

Font size

Charachter spacing

Line spacing

Heading 1

Telegraf

UltraBold

65px

0px

80px

Heading 2

Circular Std

Black

65px

0px

80px

Heading 3

Telegraf

UltraBold

32px

0px

36px

Heading 4

Telegraf

UltraBold

28px

0px

28px

Heading 5
Circularstd
Normal
22px
0px
22px
Heading 6
Circularstd
Medium
17px
0px
17px

Heading 1 (Telegraph)

Heading 2 (Circular Std)

Heading 3 (Circular Std)

Heading 4 (Circular Std)

Heading 5 (Circular Std)
Heading 6 (Circular Std)

TYPOGRAPHY

KAII LAB - DESIGN / DEVELOPMENT

Paragraphs

Aa

Circular Std

Book

Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Font name

Font weight

Font size

Charachter spacing

Line spacing

Small Paragraph

Circular Std

Book

11px

0px

14px

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.

Regular Paragraph

Circular Std

Medium

14px

0px

18px

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.

Big Paragraph

Circular Std

Book

21px

0px

25px

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.

Small Paragraph

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.

Regular Paragraph

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.

Bold Paragraph

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.

BUTTONS

KAII LAB - DESIGN / DEVELOPMENT

Buttons

Size-  24px

Font Name-  PP Telegraf

Font Weight-  UltraBold

Character Spacing-  0

Line Spacing-  55px

Size-  18px

Font Name-  PP Telegraf

Font Weight-  UltraBold

Character Spacing-  0

Line Spacing-  23px

Size-  16px

Font Name-  Circular Std

Font Weight-  Medium

Character Spacing-  0

Line Spacing-  22px

Size-  14px

Font Name-  Circular Std

Font Weight-  Bold

Character Spacing-  0

Line Spacing-  55px

Size-  12px

Font Name-  Circular Std

Font Weight-  Book

Character Spacing-  0

Line Spacing-  21px

Filter

KAII LAB - DESIGN / DEVELOPMENT

Filter

Filter

Size-  24px

Font Name-  PP Telegraf

Font Weight-  UltraBold

Character Spacing-  0

Line Spacing-  55px

Website Design and Development

SEO

Size-  18px

Font Name-  PP Telegraf

Font Weight-  UltraBold

Character Spacing-  0

Line Spacing-  23px

Icons

KAII LAB - DESIGN / DEVELOPMENT

Icons