Image beside copy

A reversible media + text row. Flip the image to the other side with one toggle.

Learn more

What you get

  • Fluid tokens

    Utopia clamp() type + space, no breakpoints to babysit.

  • Breakout grid

    Named grid lines: content, popout, feature, full-bleed.

  • Motion stack

    GSAP + ScrollTrigger + Barba + Lenis, reduced-motion aware.

One system, every page

Type, spacing and colour all come from DESIGN.md. Change a token and it flows everywhere: buttons, blocks, chrome.

Video, on the visitor's terms

No video uploaded yet - add one in the Video field.

Nothing is downloaded until the play button is pressed. Upload an MP4 to the Video field to see it work - the encoding presets are in .claude/VIDEO.md.

Get in touch

The fields come from vocalcom_contact_field_map(), so the markup, the validation and the stored message can never disagree.