Artifacts

six surfaces · one system

The document surfaces we produce: a landing page, a pitch deck, a poster, two emails and a signup form. Each is the same primitives in a different order — hero, value row, proof, call to action.

Landing page

ammo.tools
Quiet · Compact · Precise

Quiet interface. Clear actions.

AMMO's internal design system: the components we use and the rules that keep them consistent. Neutral surfaces, compact controls and purposeful colour.

Get started free See how it works

Free plan · No credit card · 2-minute setup

1Connect a sourcePoint at the repo you already ship from.
2Derive the tokensOne seed produces every value.
3Export everywhereOne system, every surface.

Hero is centred and capped at 20ch; the single accent is the primary action.

Pitch deck

Getting components right is still painfully hard.

Every team rebuilds the same buttons, the same fields, the same confirmation. None of it is the product.

The opportunity is large and still wide open.

Design systems are declared, then quietly abandoned. The gap is maintenance, not ambition.

We make money the moment we create value.

One seed in, every token, component and artifact out.

People already want this.

Adoption is pull, not push — teams copy the patterns before we ask them to.

Let's build the future of components together.

Quiet interface. Clear actions.

1 / 5

16:9. Arrow keys move between slides; the dots are tabs and mirror the current position.

Poster

AMMO · Styleguide

Quiet interface. Clear actions.

Neutral surfaces, compact controls and purposeful colour.

3:4. Rockwell carries the statement; the tri-colour rule is the only graphic device.

Email

AMMO · Styleguide

Quiet interface. Clear actions.

The components we use and the rules that keep them consistent are now in one place. Neutral surfaces, compact controls and purposeful colour — shared across ammo.tools and Wanda.

Open the styleguide
You are receiving this because you work on an AMMO surface.

Single column, 600px. One call to action; the footer says why the reader is receiving it.

Newsletter

AMMO · Dispatch
Confirmation is one control, twiceThe switch arms the action; a separate click performs it. Switching on never deletes anything.
Search at three charactersEnter searches immediately. Three characters start a two-second timer. Clearing the field resets.
Never a silent pollRefresh intervals are explicit — 5 seconds, 30 seconds, 1 minute, or paused.
You are receiving this because you work on an AMMO surface.

Multi-story digest. Each story is a heading and one sentence — no summaries of summaries.

Signup form

Tell us where to start

Pick the surface and we'll point you at the patterns that already exist for it.

Split screen: the pitch on a surface, the fields on the canvas. Submitting swaps the form for the confirmation.

Rules

One accent per artifact. The primary action takes AMMO blue. Everything else is neutral surface and hairline.

Rockwell for statements, sans for interface. Headlines, quotes and poster copy are display type. Labels, fields and buttons are not.

The tri-colour rule is the only graphic device. No gradient washes, no illustration, no stock photography.

Say only what helps. No filler, no redundant labels, no decorative status badges.