2.4 KiB
2.4 KiB
Logo and usage
- Keep the original n8n logo as the central symbol. Download
- In case you need it, the logo type is Moderat.
- Define a clear space around the logo equal to the height of the “n” to ensure readability.
- Do not distort, rotate or recolor the logo outside of the approved palette.
- The logo should be used in Brand Black
#040506ver white/light backgrounds, and White#FFFFFFover dark backgrounds
Colour palette
| Use | Suggested colours (hex) |
|---|---|
| Primary | Orange (#FF9B47), Pink (#F4487F) |
| Gradients | #1 #FF9B47 → #FF9B47 → #F4487F, #2 #A5355 → #533D92 → #40506A |
| Neutrals | Light (#FFF6EC), Dark (#040506) |
| Additionals | #358FD0, #4E2ED0 , #3530D2 , #A62585 , #A5355 |
Typography
Primary: Geomanist Download Font Pack | Download Free Regular & Italics
Usage: Headlines, titles (Medium, Bold or Book) and body text (Regular)
Available Weights: Use clear hierarchies (sizes and weights) to distinguish headings, subheadings and body text.
- Regular - For standard body text and general content
- Medium - For subheadings and emphasized text
- Book - For extended reading and lighter headlines
- Bold - For strong headlines and important callouts
Secondary: Lexend Download
Usage: In cases where it is not possible to use a brand font, please use Lexend for headings (Regular) and body text (Light).
- Light - For subtle text and secondary information
- Regular - For body text as Geomanist alternative
Iconography and illustrations
- Iconography library
- Illustrations library ⚠️ WIP
- For UI, include product mockups that integrate these visual elements and show how n8n looks in practice.
Library ⚠️ WIP
Master deck for presentations here
Brand guideline here