David Carson templates
The David Carson aesthetic
Hot red (#ff3b1d) on black with Bebas Neue display and Space Mono body — the typographic grammar of Ray Gun magazine and the grunge era. Carson proved that illegibility can be intentional and that hierarchy can be emotional rather than logical. For music, counterculture, fashion, and brands that communicate through controlled graphic chaos.
Every David Carson product line
Landing Page Template
Standalone Next.js 15 + Tailwind v4 landing-page project. Edit `content/site.ts`, deploy to Vercel in one click.
View landing page template
AI-Coder Vibe Pack
Tokens, Tailwind preset, system-prompt for Claude/Cursor/v0, and reference screenshots — drop the vibe into any AI-coder workflow.
View ai-coder vibe pack
Editor Theme
VS Code + Cursor + terminal color schemes (Warp / iTerm / Ghostty) generated from the same theme tokens.
View editor theme
Portfolio Template
Standalone Next.js 15 portfolio site — Hero, project grid, skills, case study, testimonials, contact. Edit `content/portfolio.ts` to make it yours.
View portfolio template
Billing Templates
5 print-ready HTML documents per theme — invoice, quote, receipt, credit note, payment reminder. A4 print-CSS, Handlebars placeholders, ready to plug into Stripe Invoice Templates, Lexoffice, sevDesk, or any Puppeteer/Playwright PDF pipeline.
View billing templatesQuestions
What's included in a David Carson template?
Each David Carson template is a production React + Tailwind CSS v4 build driven by the David Carson design tokens — palette, typography, radius, and spacing. You get full source with dark-mode support, ready to drop in or lift the tokens into an existing project.
Is the code copy-paste ready?
Yes. Every template is real, copy-pasteable React + Tailwind code — not a Figma mockup or a screenshot. Live demos render the actual output.
Can I use it commercially?
Yes — unlimited personal and commercial use, for you and your clients. No attribution required.