Adopture · Brand and website design

How do you make restraint read as confidence?

Brand system, website design and build, strategic copy · Launched website · 2026

Adopture sells the thing most companies get wrong: not buying AI, but getting people to actually use it. I designed and built its brand system and nine-page website, and wrote the strategic copy.

The category looks identical from the outside: a gradient hero, three feature cards, and a posed stock team pointing at a monitor. The brief underneath the brief was to build something that didn’t look like that, and to make the restraint read as confidence rather than absence.

Timeline: July–August 2026
Scope: Brand system, nine-page website, copy
Build: Hand-built static pages
AI tools: Claude and ChatGPT

Structure

Promise before pain

The structural argument came before the visual one. Discovery showed that Adopture’s site led with compliance risk, like most sites in this space. I opened on the promise and let the problem follow: the gap between a tool being approved and the work actually changing. That ordering drove the architecture of every page, and it’s why the homepage leads with space to think rather than with risk.

The original GemStack AI site, which led with compliance risk. — BeforeGemStack AI

The Adopture redesign, which leads with people and what AI adoption gives them. — AfterAdopture

Read how discovery led to this shift

The load-bearing decision

Entry points, not a staircase

The core framework, Activate, Build, Maintain, carried a trap I designed against from the first wireframe. Presented as three steps, it reads as a staircase: a mandatory sequence that tells most prospects they’re starting at the bottom. Presented as three entry points, it meets organizations where they already are.

The trapRead as a staircase

A sequence tells most prospects they’re starting at the bottom.

The designPresented as entry points

Three equal doors meet organizations where they already are.

That constraint shaped the copy, the page order, the card layout, and eventually the social templates. It’s the single decision I’d point to as load-bearing.

Focused crop of the How It Gets Done page: the headline Start with the work that needs doing, copy describing Activate, Build, and Maintain as three ways to work together, not stages and not a sequence, and a row of three equal entry points, each labeled with the situation it fits. — On the siteHow It Gets Done

Full How It Gets Done page, including the photo below the entry points. — On the siteHow It Gets Done

A square social template on warm white, with the eyebrow Entry points, not steps, and Activate, Build, and Maintain set side by side along one thin blue line. — In socialThe same framing in a template

Visual system

Restraint as a system, not a mood

On a brand selling calm capability, a site that performs sophistication undercuts the argument it’s making. So I treated restraint as rules I could hold myself to.

A palette with one color in it

Warm white#F5F1EB
Charcoal#20282B
Glass blue#8DDCF7
Trust blue#24566B

Warm neutrals rather than the cool grays the category defaults to, closer to paper than to a dashboard. Against them sits exactly one chroma, with a deeper blue for type that has to hold weight. No secondary accent, no success green, no alert orange. When a palette has one color, that color means something every time it appears.

Two typefaces, three jobs

Eyebrow · Manrope 700, uppercase

Give your people space to think.

Body copy is set in Inter 400, so long passages stay quiet and easy to read.

Manrope 800 for headlines, Manrope 700 in wide-tracked uppercase for eyebrows, Inter 400 for body. No serif, no monospace, no third face. The eyebrow does most of the structural work: it labels each section in a quiet voice so the headline underneath never has to explain itself.

The current, drawn rather than decorated

Redrawn here from the brand recipe.

The brand’s one expressive device is a current of blue light, the signal of something working. It’s a stroke, not a glow: a path whose gradient fades to zero opacity at both ends, doubled with a blurred copy underneath at half opacity. It reads as light running through something rather than a graphic applied on top. Because it fades at both ends, it never terminates; it passes through the frame. I rationed it to roughly three deliberate moments per page, and cut effects that read as designed rather than felt, including several I liked.

Glass as the material

Four colleagues talk in a sunlit brick studio beside a glass panel carrying a blue line diagram.

Where the brand needs to show intelligence at work, it shows it on glass: translucent panels with diagrams drawn in the same blue line, sitting in real rooms with real light behind them. The technology appears in the photography without a product screenshot. Adopture doesn’t sell software, and the imagery shouldn’t imply it does.

Proportion decided, not defaulted

The In The Room hero: a speaker in glasses and a dark jacket addresses a seated group in a brick studio, beside a tall glass panel carrying a current of blue light.

The In The Room hero runs at 16:9.4 rather than the default 16:9, a slightly deeper band sized to hold the whole room. Section ratios vary deliberately across the site rather than repeating one safe rectangle. The sticky navigation sits at 88% opacity with a light backdrop blur, present enough to orient and transparent enough that the page reads as continuous underneath.

Imagery

A generated world with fixed rules

Every photograph on the site was AI-generated, deliberately, under a fixed set of world rules. The client’s own observation made the clearest case for it: the imagery demonstrates the thing Adopture sells, done well.

World rules

No regional signaling
Elevated business casual
A recurring cast with movie-logic continuity, so the same people reappear across the site

Representation as design criteria

Distribute people across frames rather than clustering them
Break the pattern where tattoos only appear on feminine-presenting figures
Keep an older woman in the cast through every regeneration

Ten colleagues of different ages and backgrounds gather around a wooden table and a laptop in a brick studio, with a glass panel of blue diagrams behind them. — The castAround the table

The homepage hero image: a man in a cream sweater in the foreground of an open studio, with colleagues at a whiteboard, a model table, and glass walls. — ReappearsHomepage hero

The In The Room image: a seated group listens to a speaker beside a glass panel of blue light, with a man in a cream sweater seated at left and a woman with long blond hair standing beside him. — ReappearsIn The Room

The same people reappear across the site with movie-logic continuity: A leads the homepage hero, and A and B return in the room.

Social

I carried the same rules into templates for square posts, Instagram portrait posts, and YouTube Shorts: warm neutrals, one blue current, glass as the material, the quiet eyebrow, and the recurring cast.

Craft

Precise where it counts

Motion, placed precisely

Redrawn here from the brand recipe. Each letter arrives in glass blue and settles into charcoal; the tagline follows, and “adopt itself.” stays lit.

The wordmark ignites letter by letter: each character arrives glowing in glass blue and settles into charcoal. The tagline follows, and its last phrase, “adopt itself,” stays lit in glass blue. It’s the most expressive moment in the system and lasts under two seconds. Everywhere else, heroes stay static and movement lives lower on the page, where it rewards scrolling rather than demanding attention on arrival.

Measure before fixing

I worked page by page rather than in sweeps, and verified the rendered output with computed measurements rather than by eye. That discipline repeatedly overturned my own diagnoses: container widths, nav alignment, and a hero I was certain about and was wrong about.

The mistakes that cost the most are the ones you’re sure you didn’t make.

Performance as part of restraint

I compressed every image at JPEG quality 85, an 84% reduction across the site, and checked face crops at 2x zoom before accepting it. Restraint in the design system is worth very little if the pages take four seconds to paint.

Outcome

Built for its own replacement

I took Adopture’s website from concept to launch in 2026, with the brand system, nine pages, and strategic copy. The site shipped as hand-built static pages, structured so the client’s CTO can convert it to React and a CMS without reverse-engineering anyone’s decisions.

Read my field notes: The Exhale