Typographystable

Overprint

Colour separations that misregister on scroll and converge back into register.

MISREGISTER

Scrolling the page shifts the plates apart; they converge again when it stops.

Customize

Pressink offset and how fast the plates realign

Texttext

Size96 pxsize

Spread10 pxspread

Converge5.00converge

Weight800weight

TSX

import { Overprint } from "zerogravity"

<Overprint />

Generated from the controls above. Only props that differ from their defaults are shown.

5 documented props on Overprint
Property	Type	Default	Description
`text`	`string`	`"MISREGISTER"`	Text.
`size`	`number`	`96`	Size. Range 32 to 200 px.
`spread`	`number`	`10`	Spread. Range 0 to 48 px.
`converge`	`number`	`5`	Converge. Range 1 to 20.
`weight`	`number`	`800`	Weight. Range 300 to 900.

0 external runtime dependencies

Ships with nothing but React.