The Priority Pixels logo must always be used in its original form. Never stretch, recolour or overlay it without clarity. Use the white logo on dark backgrounds for maximum contrast and legibility.
The small circular version of the logo must only be used within a dark (#262728) circular background, it should never appear on white.
The logo must always be displayed clearly and consistently. Acceptable usage includes placing the black logo on white or light grey backgrounds and the white logo on dark grey or black. Placing logos on bright colours or images without sufficient contrast is not permitted. Examples with a ✕ should be avoided.
The Priority Pixels brand uses five key colours. The three core colours, Teal, Pink and Yellow, are primarily used for buttons and icons. Text is always set in black for maximum readability and accessibility. These colours must be applied consistently across all brand communications and materials.
Click any colour to copy its hex code, or use the button below to copy all colour codes at once.
Strict adherence to Priority Pixels' colour guidelines is essential to maintain consistency, visibility and brand recognition. Teal, Pink and Yellow are primarily used for buttons, graphics and icons. Text should always be set in black or, in specific use cases, dark grey.
| Swatch + Hex | Colour | Body Text | Headings | Fill Colours | Buttons |
|---|---|---|---|---|---|
#4fbab7 |
Teal | ✕ | ✕ | ✓ | ✓ |
#ed3779 |
Pink | ✕ | ✓ | ✓ | ✓ |
#ffc63b |
Yellow | ✕ | ✕ | ✓ | ✓ |
#262728 |
Dark Grey | ✕ | ✕ | ✓ | ✓ |
#000000 |
Black | ✓ | ✓ | ✓ | ✓ |
Typography is central to the Priority Pixels identity. We use Effra Heavy for all headings and interface elements. For body content and longer-form copy, Muli provides excellent readability and contrast. Short headings (such as navigation items or section titles) are presented in uppercase. For longer sentence-style headings, such as blog post titles, we use sentence case to aid legibility.
Used for short UI and navigation headings.
Used for longer heading styles like blog titles.
Used for all standard paragraph text and longer content.
Used sparingly for emphasis within body text.
Used for quotes, captions or secondary elements.
All Priority Pixels email communications use Exclaimer for automated signature management. This means there's no need for team members to set up or edit their own signatures manually. The approved email signature layout shown here is automatically applied to all accounts for consistency and compliance.
