# Service one-pager

> The sales flier — one service, one page, one call to action.

---

LLMS index: [llms.txt](/brand/llms.txt)

---

The card, the signature, and the social artwork all carry the brand in a few
square centimetres. The one-pager is the opposite problem: a whole page,
handed over or attached, that has to explain a single service to someone who has
not asked yet.

| | Source |
|---|---|
| **Service flier** | [`brand/examples/flier.dc.html`](/brand/downloads/examples/flier.dc.html) — "Cloud migration accelerator" |

## One service per sheet

A one-pager describes **one** offer. A sheet listing four services is a
capabilities brochure, and it is read by nobody, because a reader who wants one
of the four has to find it first.

If there are four services, there are four one-pagers. They share the structure
below and differ only in their content — which is what makes the structure worth
specifying.

## The bands

Four horizontal bands, top to bottom. The sheet is 1000px wide in the HTML
source and prints to a single A4 or Letter page.

| Band | Fill | Job |
|---|---|---|
| **Header** | `midnight-9` | Wordmark, an overline naming the artefact, the service name at display size, and one sentence of promise |
| **Benefits** | white | Three columns: icon in a tinted tile, a short heading, two lines of body |
| **Process** | white | A numbered horizontal sequence — the steps, with a duration under each |
| **Close** | `midnight-12` | The one-line commitment, the contact route, and one accent button |

Two midnight bands, at the top and the bottom, with white between them. The
sheet opens and closes on the brand and leaves the middle to the content — the
same shape as a [title-and-closer
deck](/brand/docs/media/presentations/), for the same reason.

The header carries a single decorative element: an `orange-9` circle at 6%
opacity bleeding off the top-right corner. That is the entire ornament budget for
the page.

## Three benefits, not five

Three columns fit a 12-column grid at four columns each, three items are
readable at a glance, and three is roughly how many distinct reasons a person
retains from a page they were handed.

Each benefit is an icon tile, a heading of no more than five words, and body text
of no more than two lines. The icon is
[Lucide](/brand/docs/interface/icons/) at 20px inside a 40px tile
filled with the tag background — it is a marker, not an illustration.

The heading states the benefit, not the feature: "Self-hosted where it matters",
not "Self-hosting support".

## The process band

A numbered sequence with a connecting rule, each step carrying a duration. The
durations are the point: a one-pager that says "we migrate your cloud" competes
on adjectives, and one that says "week 3: stand up self-hosted core" competes on
a plan.

The numbers are set in IBM Plex Mono inside `midnight-9` discs, because they are
data. The connector is a 1px `slate-5` rule, not an arrow — the numbers already
carry the direction.

**Do not put a duration on the sheet that the engagement cannot hold.** The
[portfolio principle](/brand/docs/portfolio/status/) — make maturity
and limitations easier to see, not harder — applies to sales collateral without
modification.

## One call to action

The close band gets one accent element. It is a button shape carrying white text,
so it fills with `accent-solid` (`#cc4528`) and not the identity accent — the
same [4.72:1 rule](/brand/docs/interface/components/) as the interface
and the [email](/brand/docs/collateral/email/).

Beside it, exactly one contact route, in mono. Two routes make the reader choose
before they act.

## Printing it

The example is HTML, and the export path is the browser's print dialogue — the
same route as the [resume
template](/brand/docs/portfolio/documents/).

- **Colour is not guaranteed.** A one-pager is frequently reprinted on an office
  mono laser. The layout must survive greyscale: the bands separate by value,
  the numbers stay legible, and no meaning is carried by the accent alone.
- **Turn on background graphics** in the print dialogue, or the midnight bands
  print as white and the reversed text disappears.
- **Check the fold.** If the sheet will be folded, nothing important sits within
  10mm of the fold line.
- For volume print, hand the vendor the
  [CMYK values](/brand/docs/collateral/business-card/) rather than the
  hex.

<div class="pj-rules"><div class="pj-rule pj-rule--do">
  <div class="pj-rule__label">Do</div>
  <p>Keep one service per sheet, three benefits, and one call to action. Put real
durations on the process steps. Check it in greyscale before it is printed.</p>
</div>
<div class="pj-rule pj-rule--dont">
  <div class="pj-rule__label">Don't</div>
  <p>List a service catalogue, use stock photography of people in meetings, add a
second contact route, or promise a timeline the engagement cannot hold.</p>
</div>
</div>