AGENCY · HOVER TO DRAW
Set the trigger to hover: each service draws its own shape when the mouse (or keyboard focus) lands on it — a lively services menu.
hovermixed shapeskeyboard focus
Point at the words that matter — 16 hand-drawn shapes and 6 modern styles that draw themselves in, rotating words, per-word shapes, gradient and sketchy strokes, and five ways to trigger them.
Give every highlight its own shape with {shape::word} — here a strike-through for the problem and an underline for the promise.
See which pages bring customers, which ones lose them, and what to fix first — in one clear dashboard. (Trackwise is a fictional product.)
Sparks around a number make a discount impossible to miss.
A pill badge that grows in, with white text on a gradient.
A serif pull quote with a highlighter stroke behind the words that matter most.
“The best productivity system is the one you’ll still be using in six months. Keep it simple enough to survive a bad week.”
— from “Small Systems”, a sample article on this demo blog
Handwritten highlighted words with loopy, zigzag and scribbled shapes that redraw on a loop.
“Little Owls Learning” — a fictional kids’ learning app used as an example.
Set the trigger to hover: each service draws its own shape when the mouse (or keyboard focus) lands on it — a lively services menu.
With the scroll trigger each shape draws as its word moves up the screen — and undraws when you scroll back.
Fieldnote started in 2016 as two people and a kitchen table. Today we are a team of forty who still believe that good software should feel calm, respect your time and never sell your data.
Fieldnote is a fictional company.
Neon glow and a flowing gradient — made for events, gaming and nightlife. (Neon Nights is a fictional event.)
Rotating place names with a 3D flip, framed by brackets. (A fictional agency.)
The typing effect with a colour-block swipe.
Every style on the same words. They draw in as you reach them. The last two cards combine options.
Everything you need to draw the eye.
All businesses, products, events and quotes on this page are fictional examples.
201 premium elements, Highlighted Text included.