Skip to content
Site volume
Colourway

Print kit

Edition number

A numbering-machine impression for case studies, releases and builds: a paper slip, a perforated edge and a stamped number.

  • Experimental
  • Expressive layer
  • Server component
  • Since 0.9.0
  • Press check
Import from@maxgrits/overprint-react/print
On this page

An edition number says which one of a run this is. The slip and its words are a plate at 0°; the number is a stamped impression in the stamp ink, masked and roughened like a rubber stamp, so it reads as printed by a numbering machine.

Example#

Look of this example
Case 03of 0250 · build 4f2a91c
Live render of examples/edition-number/basic.tsx

Usage#

Use an edition number for things that come in a numbered series: case studies, releases, prints, the journal. It is a slip with a perforated edge and a stamped number, with a label and a meta line.

  • Props. no, of, pad (zero padding, default 4), prefix ("Nº" or "No."), label ("Case 03") and meta ("build 4f2a91c").
  • Real text. The numerals are text and the slip is named "Edition 14 of 250".

Layer and volume#

Composite: the slip, the label and the line are a plate at 0°; the stamped number is art texture on display-size numerals. Quiet prints the number flat (no mask, no rough edge); Studio masks it; Press and Rave add a second plate off register. Under more contrast it prints solid.

Anatomy#

Case 03of 0250 · build 4f2a91c
The parts of examples/edition-number/basic.tsx, numbered:
  1. NumberStamped numerals, art texture on display-size text..mk-edition-no
  2. LabelLabel role, on the slip..mk-edition-label
  3. MetaA build or a date, tabular..mk-edition-meta

Volume#

  • Quiet

    Case 03of 0250 · build 4f2a91c

    Flat ink numerals.

  • Studio

    Case 03of 0250 · build 4f2a91c

    Masked and roughened.

  • Press

    Case 03of 0250 · build 4f2a91c

    Plus a second plate off register.

  • Rave

    Case 03of 0250 · build 4f2a91c

    The same as Press.

Content#

  • Numbers that are true: case 3 is the third case study published.
  • The meta line is a checkable fact: a commit, a date.

Do and don't#

Do

Case 03of 0250

A real place in a series.

Don't

Limited edition!of 0001

A number dressed up as scarcity.

An edition number is a claim you can check. Used for fake scarcity, it spends the trust the rest of the page builds.

Accessibility#

  • The figure is named for assistive tech: "Edition 14 of 250".
  • The stamped number is aria-hidden art; the label and the line are reading text.
  • Numerals are Anybody and Schibsted with tabular figures, never a code face (D-D1, D-D9).

Props#

PropTypeDefaultDescription
no requirednumbernoneThe edition (a positive whole number).
ofnumbernoneThe run ("of 250").
padnumber4Digits the numbers pad to (default 4: "0014").
prefix"No." | "Nº"none
labelstringnoneThe stub's label ("Case 03").
metastringnoneA line under the impression ("build 4f2a91c").
inkInkRefthe stamp inkThe impression's ink (default the stamp ink).
childrenundefinednone

Plus 277 React and DOM attributes passed through to the root element (className, ref, aria-*, event handlers and the rest). Generated from EditionNumberProps in packages/overprint-react/src/print/edition-number.tsx.

Tokens#

System tokens (21)

Its own properties (9)

  • --mk-edition-filter
  • --mk-edition-ink
  • --mk-edition-leading
  • --mk-edition-perf
  • --mk-edition-size
  • --mk-edition-track
  • --mk-edition-wdth
  • --mk-stamp-blend
  • --mk-tile-ink-mask

Scanned from its CSS at build and checked against its registry entry; 13 read but not declared there.

Changelog#

Arrived in 0.9.0.

0.9.024 October 2026

  • Minorfonts, reactEditionNumber, ProofSheet, DieLine, InkDrawdown and SwatchChip (with inkPairs, the ink's sanctioned pairs in a look), and the Halftone photo plate case. Read the whole entry