Skip to main content
Back to portfolioInternal Tooling / AI Infrastructure

IdentityMint

A build system that turns AI-assisted web development from unpredictable slop into repeatable, brand-compliant, accessible production sites — at scale.

IdentityMint
Brands managed
9+
CSS tokens per brand
~440
QA checks per deploy
42
Component library
658

The Problem

AI-generated websites have a consistency problem. Ask an LLM to build a marketing page and you get something that looks passable in isolation — but deploy it alongside nine other brand sites and the cracks become obvious. Hardcoded colors. Inconsistent spacing. Accessibility violations. Typography that drifts between pages. Dark mode that breaks. Every site is a one-off.

The deeper issue is that AI doesn't maintain state across sessions. It doesn't remember that your primary color is OKLCH 0.434 0.254 266, that your heading font is Signifier, or that your spacing grid is 8px. Every conversation starts from zero. Multiply that across 145+ websites in a portfolio and you have a maintenance nightmare disguised as productivity.

We needed a system where AI could build production websites that were genuinely indistinguishable from hand-crafted work — not because AI is perfect, but because the system around it enforces perfection.

The Approach

Rather than constraining what AI could do, we constrained what it was allowed to ship. The insight was that quality control shouldn't happen at the end — it should be embedded in every layer of the build process.

We designed a pipeline where brand identity is defined as structured data (not CSS), components are sourced from a professionally designed library (not generated from scratch), and 42 automated quality checks gate every deployment. The AI builds within guardrails, not in the open.

The architecture is a monorepo where each brand is an independent package sharing a common design token pipeline, component system, and deployment infrastructure. Adding a new brand means adding a JSON manifest — not rebuilding from scratch.

What We Built

A zero-dependency token pipeline that transforms brand manifests into ~440 CSS custom properties per brand. Colors are defined in OKLCH (a perceptual color space), run through an 11-step shade ramp generator, validated against WCAG AA contrast ratios at build time, and output as light + dark mode variants. If a color pair fails contrast, the build fails — not the user experience.

A modular skill system with 13 specialized build phases — from token generation to SEO infrastructure — each activated by a brief. Infrastructure decisions (which CMS, which database) are specified per project, not hardcoded. The same pipeline produces Payload CMS sites and Drizzle ORM sites without code changes.

A component library of 658 professionally designed components that are tokenized at build time. No component uses hardcoded colors. Every background pairs with its foreground token. Every animation respects prefers-reduced-motion. Every form input has a label.

A QA gate of 42 automated checks covering token compliance (zero hardcoded hex values), accessibility (WCAG AA, semantic HTML, keyboard navigation), responsive rendering (4 breakpoints), dark mode, security headers (CSP, HSTS, X-Frame-Options), and SEO infrastructure (robots.ts, sitemap.ts, JSON-LD, llms.txt).

Results

Nine brands operational across the portfolio with independent deployment pipelines. Each brand has its own database, its own domain, its own Docker container — but shares the same quality guarantees.

Zero hardcoded colors across all production sites. Every color reference traces back to a brand manifest. Change a hue in the manifest, rebuild, and the entire site updates — including dark mode, hover states, and contrast-validated text pairings.

The token pipeline runs in under one second per brand. A full site build from brief to deployed production takes a single session. New brands are onboarded by adding a JSON manifest and running the pipeline — the same 42 quality checks apply automatically.

The system scales horizontally. The same architecture that serves 9 brands today is designed for 50+ within the year. Each brand is isolated. A failure in one brand's build never blocks another's deployment.

Tech Stack

Next.js 16Tailwind CSS v4TypeScriptDrizzle ORMPostgreSQLDockerHetznerCloudflareGitHub ActionsClaude Code

Interested in how we build?

Let's talk about how this approach can work for your business.