Playground

Built with AI

The case studies argue design decisions. These argue something else: that the design gets built and deployed. Each one went from nothing to a working product in days, with AI as the pair, mostly Claude Code. Every card opens the real thing rather than a write-up of it, and the ones still in progress say so.

The Tuntunre landing page: the headline "Turning rescued denim into fashion accessories" in cream serif over an indigo aerial engraving of Lagos, with "Shop the lots" and "Our story" buttons beneath.

2026

In progress

Tuntunre

A brand and storefront for upcycled Lagos denim, sold as one-of-one lots. The whole visual language, cream and ink modes included, compiles from a single token file, and no surface carries a shadow: printed, not lit.

Built with Claude Code from its own design system document. The Shopify path is wired but unverified, so the deploy runs on its built-in catalogue.

Next.jsShopify Storefront API
, opens the live site in a new tab
The Adesayo Lawson site: the headline "Android that works where the network doesn’t" in near-black on white, over a violet particle wave, with 99.8% crash-free sessions beside the call to action.

2026

Sayo’s portfolio

A one-page site for an Android lead in Nigerian agritech: 60,000 farms mapped offline, $5M distributed at zero loss. The map that draws it is canvas, not a screenshot.

Two days with Claude Code. The phone screens are React components over a live GPS canvas, not screenshots.

Next.jsFramer Motion
, opens the live site in a new tab
A Civic Quiz question in dark mode asking which document you need to vote, with the wrong answer marked, the Permanent Voter Card shown as correct, and the correction cited to the Electoral Act 2022.

2026

In progress

Civic Quiz

Ten cited questions on your rights, INEC, and how results actually get verified, for the 2027 Nigerian election, in English and Pidgin.

Built with Claude Code for Learn Politics. Holding launch until every citation clears legal review.

Vanilla JSOffline-first
, opens the live site in a new tab
The FitBuddy crews screen: Cycle Club, Iron Hour and Sunrise Crew listed with member counts, each behind a photograph of where that crew trains.

2026

FitBuddy

A community layer for gyms: crews, challenges and who else is here, instead of what your body looks like.

Product plan to deployed PWA in two days with Claude Code. No framework, no build step, no dependencies.

Vanilla JSPWA
, opens the live site in a new tab
The Subomi Lawson site: the headline "Built from scratch, not inherited" in white on near-black, beside a green particle face-recognition graphic.

2026

Subomi’s portfolio

A one-page site for a cybersecurity engineer, designed and shipped in a weekend. The head in the hero is scanned geometry, redrawn as points and edges.

Kit designed in Claude Design, then ported and built out with Claude Code.

Next.jsTailwind
, opens the live site in a new tab
The Àpò demo: August totals for received, spent, remaining and saved, ₦68,000 waiting to be assigned, and the envelopes closest to empty with Eating Out ₦4,000 over.

2026

Àpò

Envelope budgeting for one household: two people, one shared set of books, naira only. The link opens a demo you can spend from.

Scoped as invariants before screens (closing = opening + contributions − spent), then built with Claude Code.

ReactSupabaseVite
, opens the live site in a new tab
This portfolio’s homepage: the headline "I’m Latte Lawson, I design apps then build them" beside a scattered stack of product screens.

2026

This site

The site you are reading. Five case studies, a design system, and its own build plans committed alongside the code.

Designed, planned and built with Claude Code. The plans are in docs/, with decisions recorded as they were made.

Next.jsTailwind
, opens the live site in a new tab
Esc