Foundry
A free agency theme with editorial confidence.



- 48 / 48
- light / dark tokens
- 2
- modes, both designed
- 1
- DOM, rendered twice
- unlimited projects, client work included
- 12 months of updates
- 14 days, no questions
AGENTS.md and 4 skills ship in the zip, so your own agent keeps changing it after you buy.
docs — install, use, customizepages, composed from 21 sections
Every page is a real render from the publish gate, in the mode on show. Open any of them in the live preview.
Home/- site-header
- hero
- client-band
- selected-work
- services-ledger
- +4
Work/work- site-header
- work-index
- client-band
- cta
- site-footer
Services/services- site-header
- services-ledger
- capabilities
- process
- faq
- +2
Studio/team- site-header
- team-grid
- manifesto
- open-roles
- cta
- +1
Contact/contact- site-header
- contact-desk
- faq
- enquiry-form
- cta
- +1
Journal/journal- site-header
- journal-entry
- journal-notes
- cta
- site-footer
Legal/legal- site-header
- page-header
- legal-notice
- cta
- site-footer
The parts/components- site-header
- page-header
- hero
- client-band
- selected-work
- +16
Fraunces set at 81px on warm paper — a real display serif with an optical-size axis, not the buyer's OS font — with Archivo for text, IBM Plex Mono for every slug and label, and a 1.500 type scale whose tracking is baked into each step. A confident coral accent, and a services ledger that sets your work like a table of contents: numbered rows, real prices, real durations, one row tinted and bled to the band edge. Team pages use initials cast at plate scale instead of stock photography; the one image in the theme is a grayscale paper texture used as a luminance mask, so the legal masthead reads as a printed sheet while every pixel of colour still comes from the tokens. Every page opens with a different section — the price ledger on services, the case ledger on work, six monogram plates on studio, three addressed desks on contact — instead of the same masthead five times. Seven pages (home, services, studio, a work page whose four case studies open out in place — brief, response, outcome figures and deliverables per client, a contact page carrying a validated enquiry form, three desks and an area map of the arch drawn from the tokens rather than pulled from a tile server, a journal built around one full-length article, and a legal imprint) plus a /components styleguide that sets out every token, section and primitive in one place. Twenty-one independent sections and nine shared primitives, light-first with a complete warm dark mode that the navbar toggle switches and remembers, and that drops the display weight one step. Every colour pairing is computed to WCAG AA in both modes, including the coral contrast trap: bright coral for display type and fills, a derived darker coral for links, labels and focus rings, plus a lightness-stepped state ramp instead of alpha hovers. Built for Tailwind v4, Next.js 15 and React 19; the three typefaces ship self-hosted with their licences, and every design decision routes through a single theme.css, so rebranding is a one-file edit. Free, MIT-spirited and fully open — source, skills, fonts and all.
sections and primitives
You get the parts, not just the demo site. Every frame is a real capture from the theme's own styleguide page, and the source path under it is where the file lands in your project.
hero
src/components/hero.tsx
Oversized display headline with a coral half-line, lead paragraph, two calls to action and a four-cell hairline facts rail (founded, studio size, engagement length, next opening)
tokens, both modes
Change one variable and every part follows. Each badge is one token split down the middle: its light value on the left, its dark value on the right, with the theme's own paired ink on both halves.
hover or tab a badge for its name and both values, enter copies
The ruled ledger row — a hairline-ruled list where each row is a mono index, a display-size name and a right-aligned figure, with one row tinted and bled to the band edge. It recurs on the home page, /services and /work.
every token
typefaces, self-hosted
Real woff2 files in src/fonts/, wired through next/font and licensed under OFL. Nothing is fetched from Google at build time, so the zip renders these letterforms offline. Scale ratio 1.5.
Foundry
A free agency theme with editorial confidence.
const { open, close } = useLedger("2026-03") // 0123456789
- display
- Fraunces
- text
- Archivo
- mono
- IBM Plex Mono
- d1Ag
- d2Ag
- d3Ag
- d4Ag
- leadAg
- bodyAg
- smallAg
- captionAg
every width is a real render from the publish gate
Four viewports, each one a render the gate produced and checked. Switch between them: the frame narrows exactly as a window does, because that is what it is.

every token and every part on one page
The styleguide route is not documentation about the theme. It is a page in the zip that renders the real components from the real tokens, so it stays true the day you change one.
agent files in the zip
Unzip it and run it, or install it into a project you already have. Either way the theme arrives with the instructions an agent needs to extend it without guessing at your conventions.
- AGENTS.mdthe theme's own rules, written for an agent
- .claude/skills/4 skills
- add-pageCompose a new page for the Foundry theme out of its existing sections, matching the shell, background rhythm and manifest entries of home/services/team
- add-sectionAdd a new self-contained section component to the Foundry theme following its existing file, token and rhythm patterns, then wire it into a page and the manifest
- check-qualityRun Foundry's own quality gate locally
- rebrandRe-colour the Foundry theme to a buyer's brand by editing tokens in themes/foundry/src/theme.css only, keeping both light and dark complete and re-verifying WCAG AA
- theme.jsontokens, pages and components, machine readable
- src/components/21 sections, 9 primitives
- src/app/8 pages, styleguide included
activity
- v2.2 — enquiry form, drawn arch map, /journal, /legal, mode toggletoday
- v2.2 — the drawn arch map, a working enquiry form, /journal and /legaltoday
- v2.1 — /contact route: three desks, the arch, working FAQtoday
- v2.0 — Fraunces/Archivo/Plex Mono, 1.500 scale, A6 herotoday
- v1.4 — laid-paper luminance layer on page openerstoday
- v1.3 — /components living styleguidetoday
- v1.2 — /work case ledger + link integritytoday
- v1.1 — lucide icon system + polish passtoday
- v1.0 — open-sourced: tokens + componentstoday
- per-post journal routes, once there are eight notesplanned
for agents
This listing is also a markdown document and a JSON endpoint. The theme's own agent files are on the plate above.
comments
Ask about the theme before you buy, or say what you did with it after.



