Glass Primary
The default everywhere on screen with a dark background: the website, app screens, slides, video.
Brand
The N.N logo
One mark, in every form it needs. Pick the variant that fits the space and the background, and download it below. Every file comes from the same master logo, so they all match.
Logo
The full N.N mark. Glass is the primary version; the flat ones are for places where its highlights and depth can’t reproduce.
Gradient
Flat colour in the brand gradient. Use it on light backgrounds, in print, and anywhere the glass would look muddy: stickers, merchandise, small sizes.
White
Single colour, for coloured or photographic backgrounds, overlays on video, and one-colour print on dark material.
Black
Single colour, for documents, invoices, black-and-white print, stamps and engraving.
Silver chrome
Metal finishes for car emblems, decals and custom badges. Each file has a transparent background. They’re pictures of metal, so printed decals can use them as they are; for a real metal badge, give the maker the black version as the shape and ask for the finish you like.
Mirror chrome
Polished to a mirror, with sky reflections. For showroom-style emblems on the car itself.
Brushed steel
A fine brushed grain. For metal plaques, keyrings and engraved badges.
Satin silver
Soft, low-contrast silver that prints cleanly. The best pick for printed decals, stickers and vinyl.
Chrome badge
N.N as one solid badge with a polished rim. The classic car emblem, and the easiest shape to have cut in metal.
Icons
Square versions with the background built in, for profile pictures (GitHub, App Store Connect, social accounts), app icons and anywhere that crops to a square or a circle. They’re 1024×1024 with square corners: platforms round or circle them themselves, and the mark sits well inside a circle, so round avatars work too.
Dark
The default avatar.
Light
For light-themed places, and print.
Favicons and home-screen icons
Shown at actual size. At 48px and below the mark fills a little more of the square, so it stays readable.
Colour
The palette is taken from the logo, left to right. The gradient version of the logo and the site’s accents use these exact values.
Sky
#38BDF8
Indigo
#6366F1
Violet
#A855F7
Pink
#EC4899
Peach
#FB7185
Ink
#020617
Usage
Clear space
Keep empty space around the logo at least as wide as one of its upright strokes on every side. Nothing else — text, edges, other logos — goes inside it.
Minimum size
On screen, the full logo stays at least 24px tall (the site header uses 28–36px). Below that, use a square icon or favicon instead. In print, keep it at least 10 mm wide.
Pick by background
Glass needs a dark background to show its highlights. On anything light, switch to the gradient or black version.
Don’t
Social card
The preview image when a link is shared in Messages, Slack, Facebook or X. 1200×630, the size those platforms expect.