BackAddison ApplicationsLet's talk

Brand guide · v1

An A that climbs.

Addison Applications builds apps, AI tools and forward-deployed engineering teams. This guide covers how the studio looks, moves and speaks across the site and its work.

02 · Colour

Light on carbon.

A near-black canvas lets the cyan gradient carry every action. Colours are pulled straight from the live site’s design tokens. Click a swatch to copy its hex.

Gradient

The signature blend, used for the wordmark, primary actions and hero art. It drifts slowly; it never flashes.

#24FFE9#2E96FF

Balance

Roughly how much of a screen each colour should cover. Carbon and graphite do the work; the gradient is a highlight.

Carbon 60%Graphite 25%Ink 10%Gradient 5%

03 · Type

Tight display, friendly body.

Roboto Flex for headlines, Figtree for reading, and JetBrains Mono for system labels and code. Headlines are set tight, with negative tracking that grows as the size grows.

Display600–650
Aa
Roboto Flex
ABCDEFGHIJKLM
abcdefghijklm
0123456789
Body400–600
Aa
Figtree
ABCDEFGHIJKLM
abcdefghijklm
0123456789
Code400–500
Aa
JetBrains Mono
ABCDEFGHIJKLM
abcdefghijklm
0123456789
HeroRoboto Flex 650
62–104px · −0.055em
Engineering what’s next.
SectionRoboto Flex 600
40px · −0.04em
Built for the real world.
Card titleRoboto Flex 600
22px · −0.03em
Applied intelligence
BodyFigtree 400
16.5px · 1.6
We build ambitious apps, deploy AI into real workflows, and embed engineers in your team.
LabelJetBrains Mono 500
12px · +0.1em · caps
01 / Architect
Roboto Flex is variable. Drag to set the weight.600
Ship it.

04 · Graphics

Layered planes, built to ship.

Product art stacks flat planes into the shape of the A: architect, build, ship. Drag the slider to pull the layers apart.

Exploded viewThree planes · glass core · etched traces
StackedExploded
Product
Applied AI
Deploy
Teams
Icon setLine icons on a 28px grid, 1.5px stroke, gradient ink
02 / Applied intelligence

AI in real workflows

Models wired into the tools your team already uses, measured against the work they replace.

Service cardGradient top edge, pointer glow, live data

05 · Motion

Smooth and deliberate.

Motion eases out and settles; nothing loops fast or flashes. Planes slide into place, the gradient drifts slowly, and every animation can be paused. With reduced motion turned on, everything appears in its final state.

Logo intro · 1.6s
.1sA rises
.45s“ddison” slides
.75sChevron swaps
.95s“applications” drops
Logo animationThe A’s planes stacking into place
Easing curves
Easing and durationThe three curves used across the site
.22sHover, underline, color
.45sSmall moves, nav
.7sReveals, logo parts
1–1.5sSpeed ramps, pausing

06 · Voice

Engineers who get to the point.

Clear, confident and specific. Say what gets built and what it does for the client.

Say

We build the app, the AI behind it and the team to run it.

Avoid

Revolutionary, best-in-class digital transformation solutions.

Say

Your first release ships in six weeks.

Avoid

We leverage synergies to accelerate time-to-value.

Example copy · homepage
Engineering what’s next.

We build ambitious apps, deploy AI into real workflows, and embed engineers in your team. From the first prototype to software that changes how you work.

SpecificName the thing: the app, the model, the date.
PlainShort sentences. No buzzwords, no hype.
ConfidentState what we do. Skip the hedging.

© 2026 James Johnson