Build Assets
Logo Rule

Logo Background Rules

Approved and prohibited background treatments for logo placement.

Platform: bothTags: logo, background, contrast, placement

Rule

The logo may only appear on: white, light grey (>90% lightness), the brand navy (#0F172A), or solid accent orange (#F97316). On photographs, use a white or navy container with clear space. Never place the logo directly on a patterned, textured, or busy background without a container.

Specifications

minimum SizeMinimum 4.5:1 contrast between logo mark and background
clear SpaceOn photography: use navy container with 80% opacity minimum
color Variants
On white: primary logo (navy + orange)On light grey: primary logoOn navy: reversed (white + orange)On orange: white monochrome only

Common Misuses

Logo directly on a photograph without a container
Primary (dark) logo on a dark background
Reversed (white) logo on a white or very light background
Logo on a gradient background that shifts contrast at different points
Logo on a pattern or texture that creates visual noise around the mark

Source Topic

interaction of color

Color Is Relative

Why we never see color as it physically is — context changes everything