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.
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.
Typography
Consistent typography is a key element of the visual identity. GNOME UI is set in Adwaita Sans, a typeface adjusted specifically for user interfaces. Printed materials and websites are set in Inter, the typeface Adwaita Sans is based on.
| Header 1 | Inter Heavy, 24pt |
| Header 2 | Inter Heavy, 22pt |
| Header 3 | Inter Heavy, 18pt |
| Header 4 | Inter 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