CLICKITTECH
Style Guide
These fundamental elements make up our visual design language.
Logotype
You can only use this variants of the logo.
Icon
Principal colors
Our color palette us built with our core principles and guidelines as its foundation.
#0088FB
#343434
#00437A
#FA9800
#FFFFFF
Color ramps
Color ramps go to increments up and down from the primary color.
#002778
#003791
#004EB4
#0069D7
#00088FB
#3FAFFC
#65C8FD
#CBF2FE
Gradient
#002778
#0088FB
Typography
Color ramps go to increments up and down from the primary color.
Montserrat
Style Name
Font Weight
Font Size
H1
700
56 px
Almost before we knew it, we had left the ground
Style Name
Font Weight
Font Size
H2
700
40 px
Almost before we knew it, we had left the ground
Style Name
Font Weight
Font Size
H3
600
34 px
Almost before we knew it, we had left the ground
Style Name
Font Weight
Font Size
H4
600
24 px
Almost before we knew it, we had left the ground
Open Sans
Style Name
Font Weight
Font Size
Body
400
17 px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
