sent here for Docket
law firm tailwind template · React and HTML source
Docketlaw firm Tailwind template
Docket is a law firm tailwind template for litigation boutiques and professional-services firms that win work on demonstrated results, not on adjectives.
- 71 / 71
- 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 27 sections
Every page is a real render from the publish gate, in the mode on show. Open any of them in the live preview.
- Hollis Pike: every claim, cited/
- site-header
- hero
- practice-index
- assertions
- record-strip
- +3
Commercial disputes/practice- site-header
- practice-brief
- practice-doctrine
- practice-standard
- practice-matters
- +4
The record/matters- site-header
- record-index
- record-summary
- engagement-cta
- site-footer
Rowan Instruments v. Delacourt Systems/matter- site-header
- matter-caption
- matter-docket
- matter-argument
- matter-outcome
- +2
Counsel/counsel- site-header
- counsel-roster
- counsel-profile
- counsel-standard
- engagement-cta
- +1
Start with the conflicts check/engagement- site-header
- engagement-form
- engagement-terms
- engagement-hours
- engagement-contact
- +1
The parts, unassembled/components- site-header
- hero
- practice-index
- assertions
- record-strip
- +20
Seven routes ship: the home slab, a worked practice area, the public record as a semantic table in a fixed, stated order, one matter with its docket sheet, the counsel roster, an intake page, and a living component styleguide. Its signature is the authority margin. Every claim the site makes sits in a two-part row with the filing that proves it beside it, court, docket number and disposition set in Courier Prime, and a claim with no filing cannot be published because the type will not build. The counsel page ships six commissioned portraits as ink plates — one asset each, working in light and dark without a scrim, with no gavel, no columned courthouse and no stock handshake anywhere in the theme. The page ground is a real material: a manila file jacket, with a pressboard macro driving a luminance mask over a token colour, so the board has fibre and tooth in both modes and never out-contrasts the plate edge that carries the page. The intake form ships the whole state layer a professional-services site actually needs: label, description, optional, invalid, valid, read-only, disabled, submitting and a persistent success receipt, on a dedicated field-boundary token computed to clear WCAG 1.4.11 on every surface a form sits on. The palette is a manila board with near-white paper plates and one full-bleed ink band, in 42 colour tokens across light and dark, all authored in OKLCH and verified pair by pair across 77 pairs. Fixtures are one spine: every figure on the site is computed from the same arrays, so a rebrand cannot leave a stale number behind.
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. 31 frames cover them, with 14 primitives sharing the ui/* frame.
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 authority margin: a two-part claim row whose hairline-separated outer column carries the filing that proves it — docket number, court and year in Courier Prime, the matter caption under it, the holding one step back. It runs on /, /practice and /matter, and toAuthorityRows resolves every claim through matterFor(), so a claim with no filing fails the build.
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.
Docket
Docket is a law firm tailwind template for litigation boutiques and professional-services firms that win work on demonstrated results, not on adjectives.
const { open, close } = useLedger("2026-03") // 0123456789
- display
- Petrona
- text
- Golos Text
- mono
- Courier Prime
- captionAg
- smallAg
- bodyAg
- leadAg
- d1Ag
- d2Ag
- d3Ag
- d4Ag
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.
files in the zip
Two independently authored editions: React for applications, plus ready HTML, CSS and vanilla JavaScript for static hosts.
- AGENTS.mdthe theme's own rules, written for an agent
- .claude/skills/4 skills, each one job
- add-page/SKILL.mdCompose a new Docket route from existing sections, with an opening instrument that is not the last route's, and register it everywhere the pipeline reads.
- add-section/SKILL.mdGraft a new section into Docket following the theme's own patterns
- check-quality/SKILL.mdRun Docket's own quality gate locally
- rebrand/SKILL.mdApply a buyer's brand to Docket
- src/
- theme.css71 tokens, light and dark
- fonts.tsthe faces, wired to the type tokens
- app/7 files
- components/27 files
- ui/18 files
- assets/7 images, 1 markdown file
- fonts/4 font files, 3 licenses
- app/7 routes, plus layout.tsx and globals.css
- theme.jsonthe manifest: tokens, components, pages
- html/the framework-free edition
- dist/7 compiled routes, deploy-ready — no build step
- src/the Nunjucks source the routes compile from
- scripts/build-html.ts · serve-html.ts — `bun run build:html` / `preview:html`
- README.mdquickstart
- 6 project filespackage.json · tsconfig.json · next.config.ts · postcss.config.mjs · env.d.ts · .gitignore
Your key goes in TAILTHEMES_LICENSE_KEY, and the registry entry goes in components.json. The snippet is on the docs page.
skills your agent can run
Your agent reads AGENTS.md before it edits, then runs the skill that fits the change. The skills are the theme's own, and the publish gate makes an agent complete every one of them in a scratch copy before the theme goes live.
44 components, 7 pages and 71 tokens, as a Next.js project.
AGENTS.md carries the design spec. Each skill is one job written against it.
Claude Code, Codex, or any agent that reads AGENTS.md. It runs on your machine, on your own account.
Built from the theme's own sections, on the same tokens and the same rhythm.
The source is yours to run, edit and deploy.
The spec ships inside the folder, so the page your agent adds next month is built by the same rules as the ten it came with. Nothing calls back here.
What the standard license coversWhat do I actually get?
Does it include the pages I'd otherwise have to build?
Will it work with my stack?
How long before it stops looking like a template?
Can I use it for client work?
activity
- v1.3.3: Dark mode's buttons and links are back in the oxblood family, matter chips drop their glyphs, docket numbers stay on one line, and the first chair's portrait opens the home page.
- v1.3.2: Request a call in the header is now quiet, matter captions stack above their disposition on phones, and a filler word is gone from the FAQ.
- v1.3.1 — disposition becomes status, container width and heading surface take their canonical names, and the styleguide stops labelling groups as states
- v1.3.0: The engagement form gains its full state set, and every disclosure closes on Escape
- v1.2.3: Filed under local business, where a law firm belongs — it had been sitting in portfolio beside an agency site
- v1.2.2: Docs gained the two-editions story, and the add-section skill now documents the HTML mirror the theme actually ships
- v1.2.1: The default button keeps its fill and drops its heavy outline, and the paper ground trades its yellow cast for stone at the same lightness
- v1.0.0 — seven-route litigation boutique: the authority margin, the public record, a docket sheet and a full intake form
- separate Nunjucks source and framework-free HTML output for every routeplanned
- a second worked practice area once buyer demand names oneplanned
for agents
This listing is also a markdown document and a JSON endpoint. The theme's own agent kit is on the kit and agents plates above.
