Note Band

Dark ground, on-dark accent for emphasis. A matched pair with the dark What I Do page.

HANDLE
note-band
LIVES IN
src/components/Editorial.jsx (NoteBand)
USED ON
Home closing note
PROPS
label · meta · children
EXAMPLE
LIVE

As it renders.

¶ NOTE
EXAMPLE
A label column, then a blockquote. Emphasis is the on-dark cut of the accent.
CODE
COPY AND PASTE

How it is called.

JSX
import { NoteBand } from '../components/Editorial.jsx'

<NoteBand className="mt-24" label="¶ NOTE" meta="VOLUME 2026">
  Updated whenever a piece is worth showing.{' '}
  <span className="text-accent">No mission statement, no manifesto</span>, just the work.
</NoteBand>
RULES

What must stay true.

Dark ground, on-dark accent for emphasis. A matched pair with the dark What I Do page.