Brand kit · version 1 · 9 Nov 2026

The AVIZ logo, its construction and files

The logo is the word itself, drawn on a grid with one unit x and a step of 0.5x: every corner of every letter sits on a node of that grid. The stroke is 3x, letters are 24x tall, A and V are 33x wide, and V starts exactly where A ends, so their legs run parallel. Nothing leaves the grid: the apex of A and the point of V sit on its lines, cut flat by 1x. The legs are 3.5x wide across, so along their slope they come out as heavy as the stroke of I and the bars of Z. The proportions follow the Michroma typeface; the outlines are redrawn, so no font is needed to open the files.

Download everything (.zip)

01 · Logo

The wordmark

Four colourways and no others. White on night is the default; ink on cyan for accent surfaces; black on light only for documents and print.

White on night SVG PNG 1200 PNG 2400 PNG + ground

Ink on cyan SVG PNG 1200 PNG 2400 PNG + ground

Cyan on night SVG PNG 1200 PNG 2400 PNG + ground

Black on light SVG PNG 1200 PNG 2400 PNG + ground

Transparent, with clear space of 12x on every side. “+ ground” has the colour behind it.

02 · Icon

The A on its own

For places too small or too square for the word: the A, centred on a tile. Up to 32 px the A has thicker legs, 5.5x instead of 3.5x, and a lower crossbar, 4.5x → 7.5x, so it neither thins out nor clogs at 16 px.

App tile · night SVG PNG 1024 PNG 512 PNG 180 PNG 32 Rounded tile: app icon, favicon, Apple touch icon (180).

App tile · cyan SVG PNG 1024 PNG 512 PNG 180 PNG 32 For launch posts and accent places.

Avatar · night SVG PNG 400 PNG 1024 Square: the networks crop it to a circle, and the A stays inside it.

Avatar · cyan SVG PNG 400 PNG 1024 Square, crop-safe.

03 · Construction

How the logo is built

Every size is a whole number of x or a half: letters 24x tall, stroke 3x, A and V 33x wide, Z 27x, gap 9x, crossbar 6x → 9x, apex cut 1x, legs 3.5x and the Z diagonal 4.5x across. Clear space is 12x.

The wordmark on a 0.5x grid, 114x × 24x; the dots are its corners, each on a node. Dashed: the parallel legs of A and V; outer dashes: clear space 12x.

Left: the app tile, 54x, the A centred (15x from the top, 10.5x from the side), corner 12x. Right: the favicon tile, 42x, with legs 5.5x and a crossbar 4.5x → 7.5x so the A survives 16 px.

04 · Colour

Colour

One accent, cyan, on night. Text and the logo on cyan are always ink.

Night#000000

The ground of the app and the site.

Night on white · 18.8 : 1

White#f2f2f2

The logo and text on dark.

White on night · 18.8 : 1

Cyan#4fe3e8

The only accent: buttons, live values, focus.

Cyan on night · 13.5 : 1

Ink#001416

Text and the logo on cyan.

Ink on cyan · 12.1 : 1

Grey#8d8d93

Secondary text in the app.

Grey on night · 6.4 : 1

05 · Type

Typefaces

Wordmark

Drawn on the grid above; proportions after Michroma by Vernon Adams (SIL Open Font License 1.1). The files are outlines, so no font is needed. Don’t retype the logo in Michroma: its spacing and the A–V pair differ.

Text

Music visuals that live on the beat

Geist by Vercel, on the site and in the app. SIL Open Font License 1.1.

Numbers and labels

120 BPM · 1:50 / 1:56

Geist Mono by Vercel, for tempo, timecodes and values on the controls. SIL Open Font License 1.1.

06 · Use

Do and don’t

Smallest sizes: the logo at 64 px wide, the A tile at 16 px. Keep 12x clear around either.

Do: White on night

Do: Ink on cyan

Do: Cyan on night

Do: The A on its own tile

Don’t: Stretched or squeezed

Don’t: Any other colour

Don’t: Glow, shadow or outline

AVIZ

Don’t: The old dot, or the word retyped