Brand
Waity's logo, the files, and how to use them. Every file is outlined, so no font is needed. The SVGs take the colour of the text around them; the PNGs are transparent, in ink or in paper.
Download everythingLockup
The logo. The block, cut to the W's first diagonal, a sliver of ground, then WAITY. Use it wherever there is room: headers, documents, slides.
Mark
The block with the W's first stroke. For favicons, app icons, avatars and anywhere the lockup would be under 16px tall.
Wordmark
WAITY alone, outlined. For inline mentions, partner lists and legal lines.
Space and size
Keep the width of the block clear on every side. The lockup is never shorter than 16px; the mark never shorter than 12px. Under 24px use the small size, which has a lighter weight and a wider cut so the block and the W stay apart; the site header uses it at 16px.
Colour
One colour at a time: ink on paper, paper on ink. Over a photograph, use the paper version on a dark area. No other colour, no gradient, no outline, no shadow.
- Ink
#181512 - Paper
#f3f1ef
Motion
While something loads, the stroke drifts a little from the block and back. That is the only motion: the logo never animates on load or on scroll. On phones the site bar shows the mark alone.
Please don't
- Change the angle of the cut, or the gap between block and W.
- Set the word in another face, in lowercase, or with the block elsewhere.
- Add colour, gradients, outlines, shadows or a container.
- Rotate, skew or stretch it.
- Put another mark beside it as if they were one.
In running text the name is Waity, with a capital W and nothing else. WAITY is only ever the logo.