APPENDIX D

Numeral Plate

The accent ground register. Paper numeral, tint corners. One per screen.

HANDLE: numeral-plate
LIVES IN: src/components/Editorial.jsx (NumeralPlate)
USED ON: Home lead chapter
PROPS: children (the number) · size

EXAMPLE

LIVE

As it renders.

CODE

COPY AND PASTE

How it is called.

JSX

import { NumeralPlate } from '../components/Editorial.jsx'

<NumeralPlate>01</NumeralPlate>
<NumeralPlate size="clamp(64px, 8vw, 120px)">04</NumeralPlate>

RULES

What must stay true.

The accent ground register. Paper numeral, tint corners. One per screen.