Wide Margin

About this template

Margin is a template for studios that sell automation, AI agents and technical services - the kind of work that has to be explained before it can be sold.

It ships fully bilingual in English and French, with every string localised and hreflang wired up. Most agency templates leave you to build that yourself.

Three custom components do the explaining:

An ROI calculator. Visitors pick where their hours actually go - admin, prospecting, support, reporting, internal process - then adjust their team size, weekly hours and hourly cost. It returns hours reclaimed, annual saving and payback period, live. Every domain, rate and label is editable.

A flip-card FAQ. Questions on black cards that turn over in 3D to reveal the answer in red. Bento grid, any number of cards, wide or standard.

A scramble-text heading. Letters decode into place, on one marked word rather than the whole line. Trigger on scroll, hover, load or loop.

Nine pages, three breakpoints each: home, services, work, approach, journal, contact, 404, plus two CMS detail templates. Two CMS collections - case studies and articles - so adding a client story or a post never means duplicating a section.

The design is black, white and one red: oversized condensed display type, hairline column grids, an animated WebGL band field behind the hero, frozen on mobile so it costs nothing per frame.

Built so the content never depends on the animation. Every heading, answer and card reads with JavaScript off, with reduced motion on, and in a screen reader.