tailthemes
both modes at 1280px
Foundry home page, light mode
Foundry home page, light mode
Foundry home page, dark mode
lightdarkloading live preview
48 / 48
light / dark tokens
2
modes, both designed
1
DOM, rendered twice
tailwind-v4agencyeditorialseriffree
freefree tier · tokens + components open
30components · every one pictured below
  • unlimited projects, client work included
  • 12 months of updates
  • 14 days, no questions
licence termsLive Preview

AGENTS.md and 4 skills ship in the zip, so your own agent keeps changing it after you buy.

docs — install, use, customize
018

pages, 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.

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.

0221 + 9

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.

1 / 22

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)

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)

1 / 22
0348

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.

roles6 of 48

hover or tab a badge for its name and both values, enter copies

supporting12
radius
0.25rem

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

043

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

icons · lucide-react · stroke 2
13px
14px
16px
display
Fraunces
text
Archivo
mono
IBM Plex Mono
scaleratio 1.5
  • d1Ag
  • d2Ag
  • d3Ag
  • d4Ag
  • leadAg
  • bodyAg
  • smallAg
  • captionAg
05375–1920

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.

home page at 1280px, light mode
Foundry home page at 1280px
1280
061

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.

075

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.

what unzips
  • 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
what it runs on
next >=15react >=19tailwind >=4lucide-reactfree licence
install into a project you already have
$ bunx shadcn add https://tailthemes.com/r/foundry.json
or run it standalone
$ unzip foundry.zip && bun install && bun dev
activity
30
components
sections + primitives
8
pages
all in the preview
today
last updated
v2.2.1
roadmap
  • 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.

/api/themes/foundry
mcpsearch_themesget_themeget_componentdownload_theme

comments

Ask about the theme before you buy, or say what you did with it after.