.svg){kind=icon}
.webp)
.png)
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
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
