All work

Living Off AI · AI training and implementation

Making practical AI work visible for a training and implementation company

Client
Living Off AI
Scope
Website concept and build
Pages
9
Stack
Astro
Live concept
Open

Overview

Living Off AI trains teams and builds AI solutions around the way a business works. Their site needed to turn that into qualified conversations with companies.

We kept the brand's colours, typefaces and marks, and rebuilt the composition around full-width cards and illustrations drawn from points of light.

  • 2026
  • Web design
  • Motion
  • Development

The story

The challenge

Living Off AI is an AI training and implementation company. A visitor has to understand quickly whom they help, which work problems they address and why their experience is credible.

The existing design system set the colours and type but left the site looking like a column of text. The brief asked for a distinctive B2B website and invited us to challenge the direction.

What we did

We kept the system's colours, typefaces and marks and replaced the composition: the page fills the window and is built from full-width rounded cards.

Instead of stock imagery, each service has an illustration generated in code from points: a spiral for strategy, a grid for training, a torus for integrations.

The site covers the homepage, work, a full case study, services, company, speaking, insights and contact, with a written design handoff for the client's team.

Where it stands

A working concept the client reviews in the browser, on desktop and on a phone, rather than as static mockups.

What the site includes

Artifacts

Besides the pages, each project leaves tools and systems the client keeps using. These are the ones we made here.

  • Living Off AI: Point illustration generator

    Illustration generator

    Point illustration generator

    A script that draws each illustration from a few parameters: shape, density, palette and motion. New services get a new image without opening a design tool.

  • Image editor

    Halftone portrait filter

    A filter that redraws any portrait in the site's dot style, so team photographs from different sources look like one set.

  • Living Off AI: Playable wordmark

    Interactive

    Playable wordmark

    The footer wordmark is built from dots that react to the cursor, a small reward for reaching the end of the page.

  • Living Off AI: Design handoff

    Document

    Design handoff

    A written handoff inside the site: direction, what we kept and changed, reusable patterns and the asset list.

More work

All cases