Brand Guidelines

Marketing Signals
Brand Guidelines

Eyebrow image grid 1 primary logo
Primary logo
Eyebrow image grid 2 primary logo dark
Primary logo (Dark background)
Eyebrow image grid 3 primary logo light
Primary logo (Light background)
Eyebrow image grid 4 browser mockup
Eyebrow image grid 5 logomark light
Logomark (Light background)
Eyebrow image grid 6 logomark dark
Logomark (Dark background)
Eyebrow image grid 7 tote bag

Primary
Colour palette

These are the core colours that represent the brand's identity.
They should dominate most visual materials and be used consistently across all major touch points.

  • #0E0A10
  • #F3F0E8
  • #E9E6DE
  • #FFFFFF
  • #745CF6
  • #AFAFFF
  • #DBFE87

Typography
in use


HeadersNoi Grotesk Semi Bold

Performance-Driven
Digital Marketing

Sub HeadersNoi Grotesk Medium

Built Around Search. Measured on Revenue.

Body CopyNoi Grotesk Regular

We help mid-market and enterprise brands grow revenue from search. Every campaign is measured against commercial outcomes, so you can always see where the investment is working hardest. This is how a link looks.

16px, 1.33 line height, #0E0A10. Links in Noi Grotesk Medium, #674BE4, underlined.

ButtonsNoi Grotesk Medium

Rounded Corners

A border radius of 20px is used on most background areas and boxes.

Rounded corners

Iconography

We use Phosphor icons (free and open source, MIT licence) in the duotone style across the website to represent different values. Icons appear in purple with a lighter purple tint over a white background, or in white on a dark background.