# Brand Guidelines

Official assets and guidelines to help you reference the Notra brand, including our logo, colors and typography.

## Assets

- [Brand kit (zip)](https://www.usenotra.com/brand/notra-brand-assets.zip)
- Logo: [SVG](https://www.usenotra.com/brand/notra-mark.svg) / [PNG](https://www.usenotra.com/brand/notra-mark.png)
- Wordmark: [SVG](https://www.usenotra.com/brand/notra-wordmark.svg) / [PNG](https://www.usenotra.com/brand/notra-wordmark.png)
- Wordmark for dark surfaces: [SVG](https://www.usenotra.com/brand/notra-wordmark-dark.svg) / [PNG](https://www.usenotra.com/brand/notra-wordmark-dark.png)

## Logo

The Notra mark is a feather with a lavender fill and ink strokes.
Keep it on a light surface and give it room to breathe. On dark surfaces, place the mark on a cream tile.

## Colors

- Primary: #8B5CF6 (oklch(0.6056 0.2189 292.7172)) - Accent color for links, buttons, and highlights.
- Lavender: #C8B2EE (#C8B2EE) - Fill color of the Notra mark.
- Ink: #1E1E1E (#1E1E1E) - Stroke color of the Notra mark.
- Cream: #F6F3F1 (#F6F3F1) - Tile behind the mark on dark surfaces.
- Background Light: #FFFFFF (hsl(0 0% 100%)) - Default light surface.
- Background Dark: #131316 (hsl(233 7% 8%)) - Default dark surface.

## Typography

- [Inter](https://fonts.google.com/specimen/Inter) - Primary typeface for UI, headings, and body copy.
- [Instrument Serif](https://fonts.google.com/specimen/Instrument+Serif) - Display typeface for editorial accents.

The wordmark sets the Notra name in Inter Semibold next to the mark.