KOOMPI logo Icon is in shape of a book. It represent our name KOOMPI which in khmer is translated to the book of knowledge.
Logo placement includes letterheads, invitation, brochures, advertisements, products promotional items,websites, videos, email signatures or any other logo positioning.
Vertical Logo
Horizontal Logo
The logo is clear and visible, set against backdrop which show contrast.
The backdrop for logos placement is too similar to the primary colors, it lacks visibility and contrast.
The alignment placement is not correct.
Inter typeface is a sans-serif font with a humanist touch, which means that it has some of the characteristics of serif fonts, such as curves and terminals. Inter is designed for computer screens, it is easy to read on screens of all sizes.
Used to create a strong visual hierarchy on a page. Heading, titles, statistics and facts that need highlighting.
Used for cross headings, subheads, buttons and callouts.
Used for body text.
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )
Nokora is a Khmer typeface that is versatile, readable, and modern. It is also a very readable font. The letters are well-spaced and easy to distinguish from each other. This makes it a great choice for any application where readability is important.
Used to create a strong visual hierarchy on a page. Heading, titles, statistics and facts that need highlighting.
Used for body texts, paragraphs.
ក្ក ខ្ខ គ្គ ឃ្ឃ ង្ង ច្ច ឆ្ឆ ជ្ជ ឈ្ឈ ញ្ញ ដ្ដ ថ្ថ ឌ្ឌ ធ្ធ ណ្ណ ត្ត ឋ្ឋ ទ្ទ ន្ន ប្ប ផ្ផ ព្ព ភ្ភ ម្ម យ្យ រ្រ ល្ល វ្វ ស្ស ហ្ហ ឡ អ្អ ។
ា ិ ី ឹ ឺ ុ ូ ួ ើ ឿ ៀ េ ែ ៃ ោ ៅ ុំ ំ ាំ ះ ុះ េះ ោះ
០ ១ ២ ៣ ៤ ៥ ៦ ៧ ៨ ៩
Our signature color is Dark Blue because we want to communicate openness and innovation.
The combination of our main color is Blue + Black, which represent warm, confidence, fun but also boldness, mystery and power.
#021C3C
#0862D9
#000000
#021C3C
#F5F5F5
#38A7C8
#F16179
#FCE24A
A flexible spectrum that dials colors up or down to meet various content needs.
Main Dark
#62A3F9
#3A8CF8
#1375F6
#0862D9
#0650B1
#053F8A
#032D60
#02254F
#021C3C
#011228
Main Light
#E0E0E0
#CCCCCC
#B8B8B8
#A3A3A3
#8F8F8F
#7A7A7A
#666666
#525252
#F5F5F5
#FBFBFB
Secondary
#DFF1F6
#BFE2ED
#9FD4E5
#7FC6DC
#5FB8D3
#38A7C8
#3092B0
#277890
#1F5D70
#1F5D70
Gradients
These gradients uses a lighter shade of the main color blend with the secondary color. Experiment with a different shade is applicable but better follow this guideline for consistency.
background-image: linear-gradient(to right, #032d60, #004a7d, #006898, #1987b1, #38a7c8)
background-image: linear-gradient(to right, #38a7c8, #81b7da, #b3c9e5, #d9dded, #f5f5f5)
background-image: linear-gradient(to right, #fce24a, #ffbe47, #ff9b54, #ff7b66, #f16179)
background-image: linear-gradient(to right, #f5f5f5, #e7d5ef, #eab1d9, #f289b1, #f16179)