Klarity

Appearance

Klarity Graphic Charter ​

Element of style and color for the user interface of Klarity

Colors ​

4 base colors

Base Colors ​

For general elements (90% to 100%)

Dark Blue ​

dark blue

  • HTML : #000005
  • RGB : (0, 0, 5)

Blue Ocean ​

blue ocean

  • HTML : #074470
  • RGB : (7, 68, 112)

Blue Sky ​

blue sky

  • HTML : #5fccff
  • RGB : (95, 204, 255)

White ​

white

  • HTML : #FFFFFF
  • RGB : (255, 255, 255)

Complementary Colors ​

For small and specific elements (0% to 100%)

Green Jade ​

jade green

  • HTML : #01A66F
  • RGB : (1, 166, 111)

Orange Honey ​

alt text

  • HTML : #EB9605
  • RGB : (235, 150, 5)

The banner purpose is not necesseraly to be intergrated in the applications, but it might be of use.

  • The corner background color is "Blue Ocean".
  • The center polygon color is "Blue Sky".

banner

Logo is available in multiple sizes

x1280 ​

alt text

x512 ​

alt text

x256 ​

alt text

x128 ​

alt text

x64 ​

alt text

x32 ​

alt text

Favicon & Ico ​

Favicon and .ico can also be downloaded.

Text ​

  • Typography : sans-serif
  • Police : Roboto
  • Font : Depends on usage