Quill & Press
DisplayLetterforms in motion
H1

A studio for the written mark

H2

Calligraphy meets the press

H3

Editorial identity, end to end

H4

Supporting heading

H5
Section label tier
H6
Smallest label

This is body text in DM Sans at the base size. Cormorant Garamond carries the display work and Newsreader the long-form prose, while DM Sans keeps the running interface text clean.

Eyebrow label · caption tier

Small text and captions sit here, one step below body, for metadata and asides.

ink-deep
ink-medium
ink-muted
teal
teal-light
teal-tint
ochre
ochre-warm
coral
cream
paper-white
A mark should feel inevitable — as though it had always been the name's true shape.

Set the calligraphic stroke with a single property like stroke-dashoffset and let the keyframe draw it in once.

.quill-stroke {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: draw 1.4s ease-out forwards;
}