LOGO

Colour

The default, on dark and on light. No outline, no shadow.

White

When colour is not possible, on a dark background. The second P at 55% keeps the overlap readable.

Ink

When colour is not possible, on a light background. Again the second P at 55%.

Horizontal

The default for headers, footers and partner placements. The wordmark's capitals sit on the middle of the mark.

For dark

SVG, Horizontal, For dark, 3 kBPNG 800, Horizontal, For dark, 800 × 120, 7 kBPNG 1600, Horizontal, For dark, 1600 × 241, 17 kBPNG 3200, Horizontal, For dark, 3200 × 481, 41 kB

For light

SVG, Horizontal, For light, 3 kBPNG 800, Horizontal, For light, 800 × 120, 8 kBPNG 1600, Horizontal, For light, 1600 × 241, 17 kBPNG 3200, Horizontal, For light, 3200 × 481, 42 kB

Stacked

For square placements, merch and posters. The mark centred above the wordmark.

For dark

SVG, Stacked, For dark, 4 kBPNG 512, Stacked, For dark, 512 × 286, 7 kBPNG 1024, Stacked, For dark, 1024 × 572, 16 kBPNG 2048, Stacked, For dark, 2048 × 1144, 40 kB

For light

SVG, Stacked, For light, 4 kBPNG 512, Stacked, For light, 512 × 286, 7 kBPNG 1024, Stacked, For light, 1024 × 572, 16 kBPNG 2048, Stacked, For light, 2048 × 1144, 40 kB

Horizontal

18 px high, about 120 px wide. The wordmark is then 14 px; any smaller and it stops being readable.

Stacked

56 px high, for the same reason.

Mark

16 px, the size of the favicon. When a lockup does not fit, use the mark alone.