Brand guidelines · v1.0 · 2026

Brand in focus.

The OnDevelopment identity is built on one idea: clarity is a competitive edge. It uses one mark, one signal colour and a strict type system. Precision is the personality.

01 · Logo

The Signal Mark

An open ring with a live dot set into its gap. It works three ways at once: the O of On, a power indicator switched on, and a lens with a focal point. It also suggests work in progress, a circle that is almost complete. That is how we see development.

Primary · on Ink
r 18 · stroke 6 45° gap 57.6° · dot ⌀ 7.2 Construction
Horizontal logo, dark backgroundHorizontal · dark
Horizontal logo, light backgroundHorizontal · light
Mono on Signal
App iconApp icon · favicon
  1. Clear space is equal to the ring's stroke width × 2 on all sides, i.e. ¼ of the mark's height.
  2. Minimum size is 16 px for the mark alone and 96 px wide for the horizontal lockup.
  3. The dot is always Signal on dark backgrounds. On light or colour backgrounds, the whole mark goes mono.
  1. The wordmark sets “On” in Inter Tight Bold and “Development” in Regular, tracked at −0.02em.
  2. Never rotate, outline, add effects to, or recolour the ring. The gap always sits at 45° upper right.
  3. In motion, the dot may pulse gently (the “on” state), and the ring may rotate once on interaction.
02 · Colour

Ink, Paper & Signal

A restrained palette that lets one electric colour do all the talking. Signal marks what matters: an action, a live state, a result. Focus Violet is secondary and appears only in data and campaign art.

Ink
Ink#0A0B0D
RGB 10 11 13
Backgrounds, type on light
Paper
Paper#EDEBE4
RGB 237 235 228
Type on dark, light surfaces
Signal
Signal#C8FF2E
RGB 200 255 46
Actions, live states, highlights
Focus
Focus Violet#6E5BFF
RGB 110 91 255
Secondary: data & campaigns
Ink 70%
Paper 20%
Signal 7%
03 · Typography

Engineered, with a human edge

A tight grotesk does the work. An italic serif adds warmth and emphasis, used for one or two words per headline and never for body text. Mono is for data and labels.

Primary

Inter Tight
400 · 500 · 700

Aa Build sharp.
Accent

Instrument Serif Italic
Emphasis only

Launch loud.
Utility

JetBrains Mono
Labels, data, UI meta

LCP 1.2s · CR 4.8%
DisplayWe see it before.
H2Four stages. Zero guesswork.
BodyWe design and engineer high-performance websites, then put them in front of the people who matter.
LabelStage 01 · Focus
04 · Voice

Say less. Mean it.

We sound like a senior partner, not a salesperson: direct, specific and quietly confident.

Principle 01

Precise

Specifics beat superlatives. Name the number, the timeline, the outcome.

“Blazing fast sites”
“Sub‑2‑second load on mobile.”

Principle 02

Forward

We talk about where the client is going, not how impressive we are.

“Award‑winning agency”
“Where do you want to be in 12 months?”

Principle 03

Plain

No jargon walls. If a founder can’t repeat it, rewrite it.

“Synergistic omnichannel solutions”
“A site that sells, and people who find it.”

05 · Usage

Do & don’t

DOUse Paper + Signal on Ink.
DON’TRotate the mark or move the gap.
DON’TUse a Signal dot on light backgrounds; go mono.
DON’TRecolour or add glows and effects.