Made by David, Built with AI
All projects

‘butterflai’ website

A simple site made distinctive by one decision: every image is generated from written brand rules.

The problem

My advisory practice needed a website that felt calm, senior and considered, without a photo shoot or a stock library that looks like everyone else's.

What I built

A static site of nine pages covering what we do, who we are for, how we work, values, track record and contact.

A set of brand guidelines that cover positioning, colour, typography, voice and a photography rule that the site follows.

The butterflai home page
The home page. Every photograph follows one brand rule.
A generated greyscale photograph of two people talking, with one blue cup and a blue butterfly
Generated from the brand rules: greyscale, one blue object, one blue butterfly.
A second generated photograph in the same style
Same rules, different scene.

How AI was used

Brand rules as the specification

I defined the visual language first: greyscale images, a single blue butterfly, and one object in each image picked out in blue. Every image was then generated against those rules.

A prompt pack

The prompts that produced the images are kept and reusable, so new pictures stay on brand months later. A skill turns a description into another prompt in the same style.

Brand styling skill

A second skill applies the colours, type and voice to decks, documents and spreadsheets so the practice looks like one thing everywhere.

What I think is clever

  • Constraint is the design. A strict rule produces a cohesive set far more reliably than free-form prompting.
  • The page content is simple, so the images carry the aesthetic. I think the result is striking.

What I learned

  • Write the rules before generating the first image.
  • Keep the prompts. They are an asset, as valuable as the pictures.