THE ALIGNR BRAND

A clear identity.
Room to breathe.

Logos, colour and type for partners, press and the people telling the Alignr story.

Logo

Logo

The alignr.io header. Works on light and dark backgrounds.

SVG PNG
Icon

Icon

For favicons, app tiles, avatars and other compact spaces.

SVG PNG
Plain logo · light

Plain logo · light

The Alignr app sidebar, for light backgrounds.

SVG PNG
Plain logo · dark

Plain logo · dark

The Alignr app sidebar, for dark backgrounds.

SVG PNG
Mark

Mark

The three layers without the tile, in Alignr blue.

SVG PNG
Mark · white

Mark · white

For dark backgrounds and photography.

SVG PNG
COLOUR

Alignr blue

#1256FF · Logo, buttons and links

Ink

#12151B · Text

Navy

#112240 · Dark backgrounds

Tint

#F4F7FF · Light backgrounds

#1256FF → #5E9DC2 → #89CF8C The headline gradient, used on one or two words at a time.

Keep it clear. Give it space.

Use the supplied files and keep them as they are: don’t stretch, rotate, recolour or add effects, and don’t retype the name beside the icon. Leave at least half the icon’s width clear around the logo, and don’t use it smaller than 20 pixels tall.

Alignr is set in Geist, free from Google Fonts. Write Alignr with a capital A; the lowercase form only appears inside the logo.

Third-party logos belong to their respective owners and are not included in this download set.