Logos and colours
Everything the name is made of, for whoever is making something that carries it. Take what you need.
The marks
Two of each, because half of them are put on a dark background and half on a light one, and each in both formats: the SVG scales to anything, the PNG goes where an SVG will not.
-
The wordmark, on dark The whole name, pale, for anything that sits on the site's own background. nwty-wordmark-on-dark.svg nwty-wordmark-on-dark.png
-
The wordmark, on light The same name in near-black, for a white page or a light photograph. nwty-wordmark-on-light.svg nwty-wordmark-on-light.png
-
The mark, on dark The four letters alone, for anywhere the rest of the name is already said. Trimmed to the letters — for a round avatar or a square badge, take the stacked one below instead. nwty-mark-on-dark.svg nwty-mark-on-dark.png
-
The mark, on light The same mark the other way round. nwty-mark-on-light.svg nwty-mark-on-light.png
-
The name, stacked
The whole name over two lines, square and transparent. This is the one Discord puts in the corner of a card.
nwty-stacked-on-dark.png
The colours
Named for what they are for rather than for what they look like — "accent" stays the name when the colour changes, and a swatch called "pink" would be a lie the day it is not. These are the dark theme's; the site darkens the accent on white, because the pink alone is not enough to read small text against.
- Accent The one loud colour. Links, the marks on a card, anything being pointed at.
- Accent, soft The second voice. Gradients, glows, the half of a pair that is not the first.
- Ground What the whole site is laid on.
- Surface A card, a panel — anything lying on the ground.
- Ink Everything written.
- Muted Written, and second in line: captions, dates, the sentence under a heading.