OBJECTS FOR THE WEB / 013Kinetic Headline
Make the
first line
impossible
to ignore.
Cursor Y
Scroll
Highlight
Depth by
MOVE ACROSS THE WORDS · THEN SCROLLVARIABLE WEIGHT 520 → 760
Quiet studio,
loud work.
Say less.
Mean more.
ONE HEADLINE. A LOT OF PRESENCE.Give the first words
Give the first words
a little gravity.
A giant headline with depth: lines or words move at their own speed with the cursor, react to hover with spacing, weight and highlight, and separate, compress, expand or rotate as the page scrolls. Your text stays real and selectable.
Download the componentOne Code File. React and Framer only.
Variable font axis support, reduced motion and touch included.