displacement.ai
Brand Guidelines
Logo
The displacement.ai logo consists of an icon mark (double chevrons in a gradient square) and the wordmark. Use the full logo where space permits.
Primary Logo (Dark Background)
Logo on Light Background
Clear Space
Maintain a minimum clear space around the logo equal to the height of the icon mark on all sides.
Colors
Our color palette reflects urgency and professionalism. The orange-red gradient creates energy while dark backgrounds convey seriousness.
Primary Gradient
#ef4444 to #ea580c
Risk Score Colors
Medium Risk (40-59%)
#eab308
High Risk (60-79%)
#f97316
Critical Risk (80-100%)
#ef4444
Typography
We use Inter for all UI text and JetBrains Mono for code and data displays.
Font Weights
- Headings: Inter Semibold (600) or Bold (700)
- Body: Inter Regular (400)
- Labels: Inter Medium (500)
- Data/Code: JetBrains Mono Regular (400)
Usage Guidelines
Do
- Use the full logo where space permits
- Maintain minimum clear space
- Use on dark or light backgrounds as specified
- Link to displacement.ai when featuring our data
- Cite us as the source when quoting statistics
Don't
- Alter the logo colors or proportions
- Add effects like shadows or outlines
- Place on busy backgrounds
- Stretch or distort the logo
- Use the icon without the wordmark in isolation
Attribution
When citing displacement.ai data, please use the following format:
Source: displacement.ai (https://displacement.ai)