Case study ·

CS-00

·

Independent

Evidence OS: this website, run like a product

I rebuilt this portfolio by directing a team of AI agents: a governing rubric, bounded briefs, review gates, and a QA bar. You’re looking at the deliverable. This is its case file.

The design system in light and dark: color styles, text styles, and components

fig. 1

The design system, light and dark: 28 color styles, 9 text styles, and 26+ components, built to spec in Framer by agents.

Deliverable · this site

The design system in light and dark: color styles, text styles, and components

fig. 1

The design system, light and dark: 28 color styles, 9 text styles, and 26+ components, built to spec in Framer by agents.

Org

Independent

Years

2026

Type

META · AI OPS · SYSTEMS

Status

This site is the deliverable

Org

Independent

Years

2026

Type

META · AI OPS · SYSTEMS

Status

This site is the deliverable

Org

Independent

Years

2026

Type

META · AI OPS · SYSTEMS

Status

This site is the deliverable

My role

Design director, systems author, final reviewer

Scope

Positioning, rubric, design system, evidence standards, every review gate

Team

Claude (research, audits, art direction) · Claude Code (the Framer build) · ChatGPT (illustration) · Framer’s agent (canvas) · Codex (batch tooling)

Leadership

A team of one plus machines managed like a team

Shared or outside my scope

The models themselves and the tools’ capabilities. I chose and directed the instruments; I didn’t build them.

My role

Design director, systems author, final reviewer

Scope

Positioning, rubric, design system, evidence standards, every review gate

Team

Claude (research, audits, art direction) · Claude Code (the Framer build) · ChatGPT (illustration) · Framer’s agent (canvas) · Codex (batch tooling)

Leadership

A team of one plus machines managed like a team

Shared or outside my scope

The models themselves and the tools’ capabilities. I chose and directed the instruments; I didn’t build them.

My role

Design director, systems author, final reviewer

Scope

Positioning, rubric, design system, evidence standards, every review gate

Team

Claude (research, audits, art direction) · Claude Code (the Framer build) · ChatGPT (illustration) · Framer’s agent (canvas) · Codex (batch tooling)

Leadership

A team of one plus machines managed like a team

Shared or outside my scope

The models themselves and the tools’ capabilities. I chose and directed the instruments; I didn’t build them.

CS-00

TL;DR — the case in one card

Problem

A portfolio redesign is a product launch with a team of one, and mine was three years stale while I was claiming to lead AI-era design work.

What I did

Wrote the contract before the pixels, briefed AI agents like a team, reviewed everything like a lead, and kept the taste decisions human.

25

Defects at review gates

Two punch lists · measured

6→1

Directions, parallel

Measured

~1 working week

Concept to launch-ready

Measured · dated files

Timeline

~1 working week

Status

This site is the deliverable

Org

Independent · 2026

CS-00

TL;DR — the case in one card

Problem

A portfolio redesign is a product launch with a team of one, and mine was three years stale while I was claiming to lead AI-era design work.

What I did

Wrote the contract before the pixels, briefed AI agents like a team, reviewed everything like a lead, and kept the taste decisions human.

25

Defects at review gates

Two punch lists · measured

6→1

Directions, parallel

Measured

~1 working week

Concept to launch-ready

Measured · dated files

Timeline

~1 working week

Status

This site is the deliverable

Org

Independent · 2026

01

A portfolio is a claim

Every design-lead posting in 2026 asks some version of the same question: how do you work with AI? Most portfolios answer it with an AI feature the designer once shipped. That felt thin to me. If I was going to claim I could direct AI-era design work, the portfolio itself should be the evidence, not just the container for it.

The practical situation was less philosophical. My site was three years old, a career transition was weeks away, and the honest math said a solo redesign at the quality bar I wanted was a couple of months of nights and weekends I didn’t have. So the question changed shape: not “can I redesign my portfolio,” but “can I run a redesign the way a lead runs a team, where the team happens to be machines.”

02

Stop using AI. Start directing it.

The reframe that made everything else fall into place: treat AI as a team to direct, not a tool to use. Once I made that shift, the job looked familiar. Teams need contracts, so I wrote a rubric before any pixels existed, built from two outside critiques of my old site, defining what 10/10 meant for every dimension and which metrics could be claimed in which words. Teams need specs, so the design prototype became the single source of truth, with a standing rule that when documents disagreed, the prototype won. Teams need briefs, so every agent got a bounded prompt: exactly what it could create, what it must not touch, and a required self-report at the end. And teams need review, so nothing shipped without a gate. The rubric was the contract, the prompts were the briefs, the self-reports were standups, and the review gates were the design crits.

Treat AI as a team to direct, not a tool to use.

The six-direction Concept Lab: six complete design directions, each with a concept, a system, and a prototype

fig. 2.1

The six-direction Concept Lab: six complete directions, each with a concept, a system, and a clickable prototype — the parallel bets the reframe produced.

Exploration · six directions

The six-direction Concept Lab: six complete design directions, each with a concept, a system, and a prototype

fig. 2.1

The six-direction Concept Lab: six complete directions, each with a concept, a system, and a clickable prototype — the parallel bets the reframe produced.

03

Three calls: contract first, six bets, gates over autonomy

DL-01

Write the rubric before the site — spend the first day writing a governing rubric: 10/10 definitions, launch bars, and a metric phrasing canon treated as law.

Alternative considered

Start designing and iterate on taste, the way most portfolio redesigns go.

Why it won

Taste doesn’t scale across five agents working in parallel. A written contract does, and it kept every artifact honest.

What it cost

A full day of writing before anything visible existed. It felt slow. It wasn’t.

DL-01

Write the rubric before the site — spend the first day writing a governing rubric: 10/10 definitions, launch bars, and a metric phrasing canon treated as law.

Alternative considered

Start designing and iterate on taste, the way most portfolio redesigns go.

Why it won

Taste doesn’t scale across five agents working in parallel. A written contract does, and it kept every artifact honest.

What it cost

A full day of writing before anything visible existed. It felt slow. It wasn’t.

DL-02

Six directions before commitment — brief parallel agents to build six complete design directions, each with a concept, a system, and a clickable prototype, in about a day.

Alternative considered

Pick one direction early and refine it, since exploration usually gets cut when timelines are personal.

Why it won

Choosing between six real prototypes is evidence. Choosing between six ideas in your head is sunk-cost waiting to happen.

What it cost

Five directions retired on purpose, including a couple I liked.

DL-02

Six directions before commitment — brief parallel agents to build six complete design directions, each with a concept, a system, and a clickable prototype, in about a day.

Alternative considered

Pick one direction early and refine it, since exploration usually gets cut when timelines are personal.

Why it won

Choosing between six real prototypes is evidence. Choosing between six ideas in your head is sunk-cost waiting to happen.

What it cost

Five directions retired on purpose, including a couple I liked.

DL-03

Human gates over autonomy — every build phase ended at a human review gate before the next began. The agents never ran end to end.

Alternative considered

Full autonomy. Let the agents build the whole site and review it once at the finish.

Why it won

The gates caught 25 real defects, including a hover flash traced frame by frame and a state leak across component instances. Most were unlikely to surface in a single final review.

What it cost

Speed. I was the bottleneck, on purpose.

DL-03

Human gates over autonomy — every build phase ended at a human review gate before the next began. The agents never ran end to end.

Alternative considered

Full autonomy. Let the agents build the whole site and review it once at the finish.

Why it won

The gates caught 25 real defects, including a hover flash traced frame by frame and a state leak across component instances. Most were unlikely to surface in a single final review.

What it cost

Speed. I was the bottleneck, on purpose.

A rubric excerpt: the scorecard defining 10/10 per dimension and the metric-phrasing canon

fig. 3.1

The rubric excerpt: the scorecard that defined 10/10 per dimension and the metric-phrasing canon treated as law.

Contract · the rubric

A rubric excerpt: the scorecard defining 10/10 per dimension and the metric-phrasing canon

fig. 3.1

The rubric excerpt: the scorecard that defined 10/10 per dimension and the metric-phrasing canon treated as law.

A review-gate diff: a hover flash traced frame by frame

fig. 3.2

A review gate in action: a hover flash traced frame by frame, before and after the fix.

Review gate · punch list

A review-gate diff: a hover flash traced frame by frame

fig. 3.2

A review gate in action: a hover flash traced frame by frame, before and after the fix.

04

What directing actually looked like

The gates, not the prompts, did the design work.

The week ran as a pipeline with review gates between phases: rubric, then six parallel directions, then a full design system, then a phased build in Framer with a bounded brief per phase. Illustration ran as its own track with the same discipline. I locked a hand-drawn style with a reference image and a written spec, had ChatGPT generate an 86-image library against it, and reviewed the output like an art director, down to measuring stroke weight in pixels and sending back anything that drifted toward ornate. When a generator failed the same brief three times, I stopped re-prompting and drew the replacements myself. Knowing when to stop delegating is part of the job.

The review gates were where the design actually happened. My punch lists read like any design crit: the ledger header doesn’t match the decision block, the hover has a flash before it settles, the tablet layout collapses. The difference was who fixed them, and how fast the fixes came back.

The illustration contact sheet with measured stroke weights: 86 generated, 73 kept

fig. 4.1

The illustration contact sheet with measured stroke weights: 86 generated, 73 kept after an art-direction pass.

Illustration · art direction

The illustration contact sheet with measured stroke weights: 86 generated, 73 kept

fig. 4.1

The illustration contact sheet with measured stroke weights: 86 generated, 73 kept after an art-direction pass.

The phase board styled as a receipt

fig. 4.2

The phase board, styled as what it is: a receipt.

Operations · phase board

The phase board styled as a receipt

fig. 4.2

The phase board, styled as what it is: a receipt.

05

The receipts

  • ~1 working week — concept to launch-ready, alongside a career transition (measured, dated files)

  • 6→1 — complete design directions prototyped, then chosen from evidence (measured)

  • 28 + 9 + 26+ — color styles, text styles, and components built to spec in Framer by agents (measured)

  • 86 / 73 — illustrations generated and reviewed; keepers after an art-direction pass (measured)

  • 25 — defects caught at human review gates across two punch lists (measured)

Measured · dated files

The receipts · measured

25

Defects caught at review gates

25 defects, two punch lists — method below

6→1

Directions prototyped, then chosen

Stated plainly: the 25 is defects caught at human review gates across two punch lists — including a hover flash traced frame by frame and a state leak across component instances. Most were unlikely to surface in a single final review. These are counts from dated files, not a study.

Measured · dated files

The receipts · measured

25

Defects caught at review gates

25 defects, two punch lists — method below

6→1

Directions prototyped, then chosen

Stated plainly: the 25 is defects caught at human review gates across two punch lists — including a hover flash traced frame by frame and a state leak across component instances. Most were unlikely to surface in a single final review. These are counts from dated files, not a study.

06

What transfers to teams

This was a team of one, so the leadership story is really an operations story, and most of it transfers directly. Briefs beat prompts: the agents that produced the best work got the same thing good designers get, which is context, constraints, and a definition of done. Contracts beat taste-checking: writing the rubric once meant I didn’t have to re-litigate quality on every artifact. Review gates are where design happens: the machines produced volume, and the gates turned volume into a product. And evidence standards matter more with AI, not less: when production gets cheap, the scarce thing is knowing what’s true, which is why every metric on this site carries its scope and every claim its evidence type.

07

Reflection

The machines were fast. The standards were mine. That’s the whole case, honestly: nothing here required a bigger team, it required treating quality as something you write down and enforce. The part I’d do sooner next time is the specimen page, the review surface that made every later defect visible in minutes. And the part I keep thinking about is how familiar it all felt. Directing agents is mostly the job I already had: clear briefs, honest evidence, and taste applied at the gate, not sprinkled at the end.

Field note

Field assistant: Elwood. Contributed morale.

© 2026 C. Morrow · field assistant: Elwood

Create a free website with Framer, the website builder loved by startups, designers and agencies.