Shape and depth

Overprint's shapes come from print: cut paper, inked keylines and plates lifted off the sheet by a hard offset. There are no hairlines in lists, no glassy blur and no soft shadow at rest; soft shadows only appear on things that float above the page for a moment, like menus and dialogs.

Radii

Borders

Elevation

Radii#

none for comic panels and Press bands, mark for swatches, chip for tags, control for keys and inputs, plate for cards and art panels, pill for chips that need it. The display voice scales the corners: wide is rounder, condensed is square.

Rules#

Four weights: thin (1.5 px) for small marks and stickers, the default (2 px) for keylines and inputs, thick (3 px) for comic frames, heavy (4 px) for stamps and Press frames. More contrast makes the default 3 px. Raw widths in CSS fail the mk/rule-width lint.

Elevation#

Keys sit on a hard offset that a press closes. Printed plates and art frames take a hard plate offset that grows with the volume, from none at Quiet to 8 px at Rave. Menus, popovers, toasts and dialogs get the soft shadows, because they float.

Tokens#