Logo
The meaning
KOOMPI logo Icon is in shape of a book. It represent our name KOOMPI which in khmer is translated to the book of knowledge.
The Placement
Logo placement includes letterheads, invitation, brochures, advertisements, products promotional items,websites, videos, email signatures or any other logo positioning.
Vertical Logo
Horizontal Logo
Color and Alignment
Correct!
The logo is clear and visible, set against backdrop which show contrast.
Incorrect!
The backdrop for logos placement is too similar to the primary colors, it lacks visibility and contrast.
The alignment placement is not correct.
Typography
Typography: English
Primary Font: Inter
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.
Inter Semi-bold
Used to create a strong visual hierarchy on a page. Heading, titles, statistics and facts that need highlighting.
Inter Meduim
Used for cross headings, subheads, buttons and callouts.
Inter Regular
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 ! @ # $ % ^ & * ( )
Typography: ខ្មែរ
Primary Font: Nokora
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.
Nokora Bold
Used to create a strong visual hierarchy on a page. Heading, titles, statistics and facts that need highlighting.
Nokora Regular
Used for body texts, paragraphs.
ក្ក ខ្ខ គ្គ ឃ្ឃ ង្ង ច្ច ឆ្ឆ ជ្ជ ឈ្ឈ ញ្ញ ដ្ដ ថ្ថ ឌ្ឌ ធ្ធ ណ្ណ ត្ត ឋ្ឋ ទ្ទ ន្ន ប្ប ផ្ផ ព្ព ភ្ភ ម្ម យ្យ រ្រ ល្ល វ្វ ស្ស ហ្ហ ឡ អ្អ ។
ា ិ ី ឹ ឺ ុ ូ ួ ើ ឿ ៀ េ ែ ៃ ោ ៅ ុំ ំ ាំ ះ ុះ េះ ោះ
០ ១ ២ ៣ ៤ ៥ ៦ ៧ ៨ ៩
Colors
Usage Combination
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.
Our Color
#021C3C
Trust Calm Smart Stable Natural Friendly
#0862D9
Bold Power Elegance Mystery Strength
#000000
Navy Blue
#021C3C
Light Grey
#F5F5F5
Pelorous
#38A7C8
Froly Color
#F16179
Yellow
#FCE24A
Dialing Colors Up or Down
A flexible spectrum that dials colors up or down to meet various content needs.
Main Dark
Light Tone 1
#62A3F9
Light Tone 2
#3A8CF8
Light Tone 3
#1375F6
Light Tone 4
#0862D9
Light Tone 5
#0650B1
Light Tone 6
#053F8A
Light Tone 7
#032D60
Light Tone 8
#02254F
Key Color
#021C3C
Dark Tone
#011228
Main Light
Dark Tone 1
#E0E0E0
Dark Tone 2
#CCCCCC
Dark Tone 3
#B8B8B8
Dark Tone 4
#A3A3A3
Dark Tone 5
#8F8F8F
Dark Tone 6
#7A7A7A
Dark Tone 7
#666666
Dark Tone 8
#525252
Key Color
#F5F5F5
Light Tone
#FBFBFB
Secondary
Light Tone 1
#DFF1F6
Light Tone 2
#BFE2ED
Light Tone 3
#9FD4E5
Light Tone 4
#7FC6DC
Light Tone 5
#5FB8D3
Key Color
#38A7C8
Dark Tone
#3092B0
Dark Tone
#277890
Dark Tone
#1F5D70
Dark Tone
#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)
We Accept
