Experiments

Text animation studies

Each technique from the kinetic-type experiment, pulled apart and shown on its own.

01

Kinetic spin-out

Giant repeated words scale up, rotate, and slide off in opposite directions. Auto-loops.

focus focus focus
presence presence presence
feel feel feel
focus focus focus
presence presence presence
02

Char-width expand

Hover the word — each letter widens and its inner glyph shifts. Interactive.

FOCUS
03

Scramble text

Random words scramble through block glyphs, then resolve. Ambient loop.

BEPRESENTLISTENDEEPLYOBSERVEFEELSIMPLIFYREFINETRUTHWISDOM
04

Highlight swipe + word swap

A red bar swipes across, the word swaps to a synonym, the bar retracts. Loop.

FOCUSPRESENCEFEELTRUTHWISDOM
05

Blur-in entrance

Characters resolve from blur, staggered. Replayable.

Simplicity
06

Scale-in entrance

Characters pop in from half scale, staggered. Replayable.

Attention
07

Opacity breathing

Scattered words pulse opacity on their own offset timers. Ambient.

AWARENESSPRESENCESTILLNESSCLARITYINTUITIONSILENCETRUTHFOCUS
08

Scramble — line reveal

Each line scrambles in with a swiping old→new highlight, staggered top to bottom. Loops.

Name: Herman Krute
Alias: Pancake King
Height: 6'1"
Weight: 245lbs
DOB: January 12, 1978
Last Seen: Berlin, Germany
09

Button hover — char swap

Hover a button — its letters fly out as a duplicate set flies in over a sliding panel, each char offset randomly.

10

Glitch / signal-break

The hero glitch — two clipped duplicates jitter on an offset beat. CSS-only, loops. Used site-wide on the headline + TV-eye.

Disrupt
11

Typewriter

Types a line out, holds, deletes and retypes, with a blinking caret. Loops. Used on the Post pull-quote.

12

Word-by-word rise

Words lift in from below with a blur and a slight tilt, staggered. Loops. Used on hero subheads + section headings.

Stories that slipped past the system
13

Strike-through draw

A red rule sweeps across the word and retracts the other way. CSS-only, loops.

Algorithm