Typography
Consistent typography is a key element of the visual identity. Headings and titles are set in Cantarell. All the other text is set with Inter.
| Header 1 | Cantarell Heavy, 24pt |
| Header 2 | Cantarell Heavy, 22pt |
| Header 3 | Cantarell Heavy, 18pt |
| Header 4 | Cantarell Bold, 16pt |
| Body Text | Inter, 12pt |
Color
Color is another important element of the visual identity, and is key to quick and easy brand recognition. Emphasis of the primary brand color is particularly important. Colors should be taken from the brand palette wherever possible.
To allow for reasonable contrast, it is suggested to darken the luminance of the colors for dark preference. One way is to use the HSL color mode and multiply the luminance value by 0.85 as it is done here.
Primary
-
Blue#3584e4
Secondary
-
Orange#FF7800
-
Purple#9141AC
-
Green#33D17A
-
Red#E01B24
Neutral
-
White#FFFFFF
-
Grey#77767B
-
Quite Black#241F31
Logo
The GNOME logo is the most important part of the brand identity. The general rule for the logo is to keep it in its original form, including the whitespace around it.
Other visual elements should not be placed close or connecting with the logo. As a rule, elements should be placed no closer than 20% of the width of the logo graphic.
Download
If you're looking for icons, download the Icon Library app which allows you to search and export icon assets. App Illustrations includes some essential assets to create derivative illustrations.
Download the Libreoffice Impress template if you want to give a talk on a GNOME topic.
Refer to the illustration style guidelines when seeking to design your own illustrations.
