Skip to content

Design system

Styleguide

Every token and base component, rendered live in the Avantry dark theme. This page is noindex.

Colour — neutral 0–1000

0
50
100
150
200
300
400
500
600
700
800
850
900
950
1000

Colour — primary

50
100
200
300
400
500
600
700
800
900
950

Semantic & gradient

success
warning
error
brand

Type scale — Geist

6xl / 72 The quick brown fox
5xl / 60 The quick brown fox
4xl / 48 The quick brown fox
3xl / 36 The quick brown fox
2xl / 30 The quick brown fox
xl / 24 The quick brown fox
lg / 20 The quick brown fox
md / 18 The quick brown fox
base / 16 The quick brown fox
sm / 14 The quick brown fox
xs / 12 The quick brown fox

Body — Geist

Avantry builds bespoke software for growing businesses. Plain language over jargon, specifics over adjectives.

Mono — Geist Mono

const ship = () => built.inPublic;
// commit 4f2a9c1 · 99.98% uptime

Buttons

Underline wipe Start a project GitHub

Radii

xs
sm
md
lg
xl
2xl

Shadows

xs
sm
md
lg
xl
glow

Spacing — 4px base

1
2
3
4
6
8
12
16
24

Surfaces & borders

bg

bg-subtle

bg-muted

Prose

Outgrown your tools

When off-the-shelf software starts costing you more than it saves, Avantry builds the system that fits how you actually work — and sticks around to run it.

What you get

  • A single engineer accountable end to end
  • Code you own, documented and maintainable
  • An honest assessment before any build begins
No account managers. No offshore handoff. You talk to the person doing the work.

Run it with npm run build and ship.