Logo system

The mark is a single angled form — three converging planes reading as both the letter A and a vector of motion.

AKRO
AKRO
  • Mark aloneUsed at small sizes — app icons, favicons, sensor product badges.
  • Full lockupMark plus wordmark, used in navigation, headers and partner co-branding.
  • Clear spaceMinimum clear space equal to the height of the mark on all sides.
  • Minimum sizeMark alone no smaller than 20px; full lockup no smaller than 96px wide.

Colour palette

A near-black base with two accents carrying distinct meaning: orange for motion and energy, blue for structure and engineering.

Graphite
#0B0C0E
Panel
#131419
Kinetic Orange
#FF5A1F
Engineer Blue
#4D6BFF
Signal White
#F2F3F5

Orange is reserved for calls to action, the Motion Score, and anything representing live motion. Blue is reserved for structure — grids, indices and data. The two never compete in the same element.

Typography

Two families, two jobs: Space Grotesk for anything technical or numeric, Inter for everything read at length.

Display / H1 Engineered for motion
Heading / H2 Motion Score, explained
Data / numeric 8.4 / 10
Body Set in Inter at 1.05rem with 1.55 line height for anything a person is expected to read for more than a sentence.
Label / UI Navigation, buttons, form labels

Iconography

Single-weight line icons at a fixed 1.5px stroke, built on the same 64px grid as the logo mark.

Motion graphics language

Every animated moment in the AKRO system draws a path rather than fading a box: lines extend along a vector, nodes pulse where data points sit, and bars rise to represent an Index value.

The rule is restraint — one drawn path per view, never a wall of simultaneous motion.

Placeholder brand imagery: a single vector field motion graphic

See the system applied across real surfaces.