Brand
Branding
Four building blocks stacked a little off-true: something being built. The mark, its colours, its type and the way Octagon OS speaks.
The logo
The mark and the wordmark. On light, on dark, and in colour for the app icon.
Construction
A 25 × 35 grid. Blocks are 11 units with 3-unit gaps; the right column's top block is 16 tall, the lower-left drops 5. Corners are 2 units.
The mark — a regular octagon on a 40-unit square (corners cut at 11.7) with four blocks cut out: 7 units wide, 2 apart, the right one 10.2 tall, the lower-left dropped. Something being built, inside the O.
Clear space — a quarter of the mark's height empty all round.
Smallest sizes — the mark 16px; mark and wordmark together 110px wide.
Wordmark — “Octagon” in Geist Regular at 0.66 × the mark's height, “OS” in the muted grey, 0.4 × away.
Don't
The mark only ever appears as drawn.
Colour
The brand colours. Press one to copy its value.
Type
Geist for everything: light-feeling Regular at large sizes with tight tracking; tabular figures for every number.
Voice
Octagon OS talks like a site manager who is good with money: short, exact, calm.
| Rule | Say | Not |
|---|---|---|
| Say what happened, then what to do. | “3 invoices are overdue. Chase them →” | “Attention required: outstanding receivables detected.” |
| Plain words, the ones on site. | “Money owed to you” | “Accounts receivable” |
| Numbers in full, with the unit. | “€18,274.64 still to be paid” | “18.3k o/s” |
| One idea per line. | “Spending is in step with the work done.” | “Budget utilisation is within tolerance relative to completion percentage.” |
Downloads
Made from the same drawing as the logo on this page.