Interactive Catalyst

01 · Brand

Starting from nothing

Interactive Catalyst had no logo, no visual identity and no website. I started with the mark, then built a small system around it: two typefaces, a black and silver palette with one accent colour, and an app icon that still reads at 32 pixels.

02 · Logo

Finding the mark

The first sketches explored a stepped “IC” monogram inside a hexagon. Simplifying it step by step led to the final mark: two linked hexagons, like a molecule in a reaction. It works as a favicon, an app icon and a 3D object.

03 · 3D system

One visual language, made with AI

Every 3D visual in this project was made with generative AI, with no 3D modelling or rendering software. Each growth idea got its own metaphor: a treasure chest for monetization, a magnet pulling cubes for growth, an hourglass on a chrome ribbon for retention and a flame trailing spheres for habit.

Making a dozen images feel like one

Generating one good image was the easy part. The work was keeping every icon in the same glass, chrome and lighting. I iterated prompts and reference images until the set matched, then refined and upscaled each final pick.

04 · Website

Designed and built in Framer

I designed and built the site in Framer: the homepage, About, the blog and interactive growth tools such as the A/B test and LTV calculators, plus a logo animation and a chart animation. I’ve kept updating it since launch, so these screens show the site as it is live today.

Scope

• Brand identity from scratch: logo exploration, visual identity, favicon and social media kit

• A 3D icon system made with AI, used across the homepage, About page and growth tools

• Website design and build in Framer, end to end

• Logo animation and a chart animation

• Ongoing updates to the live site

The result is a brand built from zero, from the identity and 3D language to the live site at interactive-catalyst.com.