Work / Graphic Design / Align

Brand Identity · Guidelines · 2026

Align.

A precision-built brand system for a product that lives on clarity.

Align needed a visual identity that could carry equal weight across a web dashboard, a mobile app, and print collateral — without losing its edge. I designed a 31-page brand guidelines document that defines the logo, color, typography, and usage rules so every touchpoint feels unmistakably Align.

View the guidelines ↓ Download PDF
Align primary logo mark Primary Mark
Align website mockup Web Application
Align mobile app icon Mobile Identity
Project
Brand Guidelines
Pages
31 pages
Discipline
Graphic Design
Year
2026
Brand System
Logo Usage
Color Language
Typography
Web Application
Mobile Identity
Print Collateral
Tone of Voice
Brand System
Logo Usage
Color Language
Typography
Web Application
Mobile Identity
Print Collateral
Tone of Voice

The Brief

A system,
not a logo.

Align asked for a brand that could scale — from a product icon tucked into a crowded home screen to a full-bleed web hero — without ever losing its signature.

The guidelines document codifies every decision that makes Align recognisable: the construction of the mark, the way it breathes in layouts, the palette's hierarchy, and the typographic rhythm. It's a working reference — a source of truth — not a static showcase.

Designed in Canva, the document is 31 pages of practical rules, do/don't examples, and applied mockups — ready for handoff to any designer, marketer, or developer building for Align.

31
pages of defined brand rules & applied examples
4
core pillars — mark, palette, type, voice
2
platforms covered — web & native mobile
1
unmistakable visual identity system

Inside the System

Four disciplines.
One identity.

The guidelines are organised around four pillars — each with clear rules, usage examples, and application notes.

01 / Foundations

Brand Story
& Positioning

Purpose, personality, and tone. Defines what Align stands for and the voice it speaks with — so messaging stays cohesive across every channel.

Purpose Voice Values
02 / Mark

Logo
Construction

Primary and secondary marks, clearspace, minimum sizes, and explicit do/don't examples. Built to stay legible from favicon to billboard.

Primary App Icon Clearspace
03 / Palette & Type

Color
& Typography

A deliberate palette led by crimson, anchored with deep ink and soft cream. Type pairings that balance confidence with readability on any surface.

Hex / RGB Hierarchy Pairing
04 / Applications

Web,
App & Print

Applied examples across the web experience, the mobile app icon and UI, and social/print collateral — showing the system in the wild.

Web iOS / Android Social

The Visual Language

Mark. Palette.
Typography.

01 — The Mark

A hexagonal crest
with an upward arrow.

The mark is built from a crimson hexagon — a shape that suggests structure and alignment — pierced by a rising blue triangle. It reads as motion, direction, and balance all at once. Works equally at 16px and billboard scale.

Align logo mark
02 — The Palette

Crimson-led,
ink-grounded.

Align's palette is anchored by a confident crimson, balanced by deep ink and a soft cream. A deep-green accent adds calm and depth to long-form layouts.

#C8103D
#9B0D30
#0A2A1E
#EDE8E0
#0A0A0A
Tint
Tint
Paper
03 — Typography

Editorial &
functional.

A display serif carries the emotional weight; a clean geometric sans does the work; a mono voice speaks in data and detail.

Align.
Display · Serif
Section heading in UI
Interface · Sans
01 — PRIMARY MARK / CLEARSPACE
Labels · Mono

Applied

In the
wild.

Mockups from the guidelines — showing how the identity carries across the web experience and the mobile app.

Align website browser mockup on crimson background
Web Application Browser & product surface
Align mobile app icon on a phone home screen
Mobile Identity iOS home screen treatment

The Deliverable

The brand
guidelines.

Read it in-page, pop it into a new tab, or download for offline use.

Align Brand Guidelines 31 pages PDF
Open in new tab ↗ Download PDF ↓

If the preview doesn't load in your browser, use Open in new tab above.

Have a brand that needs
real guidelines?

If you're building a product, service, or studio — let's design an identity system that's beautiful, opinionated, and actually usable by the people around you.

Start a project → See more work