Brand signals, drawn with vertical lines

Apple

Designed with
restraint. Every pixel
has to earn its place.

Google

Organizing the
world’s information,
one signal at a time.

Tesla

Accelerating the
world’s transition to
sustainable energy.

Move your pointer across the card to scatter its lines. Detection boxes change their positions, sizes and connections as you move. On a touch screen, tap the artwork. Keyboard focus also reveals the detection boxes.

One SVG path, sampled once into a brightness grid. The large logo is a field of vertical lines; the small header mark uses the original vector path. Four stroke widths, a drifting noise field, and a spring at each joint bring the signal to life.

01 / EMBEDDED SVG PATH · VIEWBOX 0 0 24 24

    
02 / THE RENDERING PIPELINE
SVG path → offscreen canvas → averaged luminance grid
                         ↓ discard offscreen canvas
grid + flowing noise → 4 stroke widths → spring displacement
                         ↓
                  Canvas 2D · requestAnimationFrame
No images. No libraries. Just lines.