Brand guidelines and press kit.

How to use the allthethings.gay name, logo and colors. For partners, press and anyone making something with us.

01 · Logo

The logo.

The Wildcard and the wordmark together. Use the horizontal logo by default and the stacked one when space is tall and narrow.

Full ColorOn white or PearlSVG PNG Stacked

ReverseOn Midnight and photosSVG PNG Stacked

WhiteOn UltravioletSVG PNG Stacked

MidnightOne color, on lightSVG PNG Stacked

Clear spaceKeep empty space around the logo equal to the height of the Wildcard. Smallest size: 24px tall on screen, 0.4 inch in print.

Wordmark onlyWhen the Wildcard is already nearby.SVG PNG

All LogosZIP · 630 KB

02 · Symbol

The Wildcard.

Six petals, one for each part of the directory, overlapping so the colors mix where they meet. Every person is a wildcard: no two of us need the same things. Clockwise from the top: Services, Community, Shopping, Travel, Events and Support.

ConstructionSix identical ellipses, 13 by 26, rotated every 60°, sharing one center. Never add a hole in the middle or change the count.

Avatars and appsFor profile pictures and app icons, use the mark alone, centered with generous space around it.Avatar App Icon Icon SVG

Full ColorSVG PNG

On DarkSVG PNG

WhiteSVG PNG

MidnightSVG PNG

UltravioletSVG PNG

All MarksZIP · 240 KB Icons and AvatarsZIP · 90 KB

03 · What to Avoid

Please don't.

~~All The Things~~Lowercase, one word: allthethings.gay
~~AllTheThings.Gay~~No capitals, ever
~~allthethings.com~~The name always ends in .gay
~~ATG~~Fine inside the team, never in public
~~Retyped wordmark~~Use the files. Never set it yourself
~~Seven petals, or a hole~~Six petals, overlapping, no center hole

04 · Categories

Six petals, six sites.

Each part of the directory has its own subdomain, color and one-color mark: its own petal solid, the other five soft. Use the petal color for marks and big moments, and the deep color for text and buttons.