nottepass Brand

Download the official logos, use the color palette and follow the guidelines to apply the brand on event covers, promotional material and media.

Logos

Download as SVG (vector, ideal for design tools) or high-resolution PNG with a transparent background. Pick the version that matches the background where the brand will be used.

Primary logo

Black version, for use on light backgrounds.

SVG PNG

White logo

White version, for use on dark backgrounds or photos.

SVG PNG

Symbol

Standalone brand icon, for use as a badge or watermark.

SVG

Color palette

The official brand colors. Tap copy to use the HEX value in your editor.

nottepass Blue

#007AFF

Black

#09090B

White

#FFFFFF

Gray

#F4F4F5

Usage guidelines

Best practices to keep the brand consistent wherever it appears.

Do

Keep clear space around the logo.
Use the black version on light backgrounds and the white one on dark backgrounds.
Prefer the SVG whenever your editor supports vectors.
Keep the original proportions when resizing.

Don't

Distort, stretch or rotate the logo.
Change the official logo colors.
Place the logo on backgrounds that hurt contrast.
Add shadows, outlines or other effects.