August

Live preview →

August is for designers, makers, and small studios whose personal site should feel made, not generated. It renders your site as an interactive design canvas: a faint working grid, sticker notes, a live clock, polaroids, selection-handle frames, a stacking folder-card case-study deck, and a click-to-open lightbox gallery. Slack-bright candy accents on clean paper, a bold display face, DM Mono labels, and a handwritten accent. A complete site - ~17 sections and 9 page templates - with a real light/dark switch and every visible string driven from one config file. Reskins cleanly for a SaaS or freelance landing page.

Property	Value
Tier	Pro ($49 launch / $59 reg.)
Category	Personal / Portfolio / SaaS
Light / dark	Built-in header toggle, persisted, no flash on load
Body font	Inter Variable
Display font	Rubik (900)
Accents	DM Mono + a handwritten label face
Palette	Clean paper + cyan / magenta / amber / green candies
Photos	Real Unsplash (swap-ready)

Included pages

/ - homepage: design-canvas hero, clients marquee, statement, about + skills, stats, stacking case-study deck, testimonials, newsletter, contact band
/about/ - page header, stats, career timeline, testimonials, FAQ
/work/ and /work/[slug]/ - case-study index grid + case study detail
/blog/ and /blog/[slug]/ - journal index + post
/contact/ - provider-switched form with channel cards + FAQ
/playground/ - gallery with a full-screen lightbox
/404

What makes August different

A portfolio with a point of view - a designer’s working canvas (faint grid, sticker notes, a live clock, polaroids, selection-handle frames) with Slack-bright candy accents on clean paper. It looks made, not generated.
The interactions buyers remember - a stacking folder-card case-study deck that pins and cascades as you scroll, and a playground gallery where any frame opens full-screen with prev/next and keyboard nav.
Light, dark, done right - a real header toggle that remembers the visitor’s choice with no flash on load. Colored surfaces keep their look in both themes.
Edit one file, ship - every visible string, label, link, image, and per-page SEO title flows from src/config/site.ts. No component edits to launch.

Localization

August is i18n-ready. English stays the complete source in src/config/site.ts; every other language is an override file that only holds the translated keys, and every route has a twin under src/pages/[locale]/ that builds once a second language is registered. Links inside localized pages carry the language prefix, and <html lang> plus the hreflang alternates follow the page.

Copy src/i18n/locales/template.ts to src/i18n/locales/fr.ts, translate the keys you need (the file mirrors src/config/site.ts), then register the language in src/i18n/config.ts.

Step by step, with the checklist: Add a language.

Agent-ready

The theme ships an AGENTS.md at its root, plus a CLAUDE.md that points at it. Claude Code, Cursor, Copilot and Codex read these on open, so an agent starts with the file map, the task routing table, the design invariants worth preserving, and the traps that break this theme silently. For August that means the sticky folder deck, the order field on case studies and the journal folder behind /blog/.

How to brief an agent and what to expect: Working with AI agents.

What’s next

Configure → site.ts - identity, nav, the light/dark default, every section, each page’s hero copy, per-page SEO, the contact form, newsletter, and footer all flow from this one file.
Customize → Colors - the palette, the candy accents, and the fonts live as CSS variables at the top of src/styles/global.css.
Configure → Forms - set the contact provider (Formspree / FormSubmit / Netlify) and the newsletter provider (Mailchimp / ConvertKit / Buttondown) in site.ts.
Add your content - journal posts go in src/content/journal/, case studies in src/content/work/ (Markdown). Drafts (draft: true) auto-hide.
Swap the demo photos - images load from the Unsplash CDN as placeholders; replace the URLs in src/config/site.ts and the Markdown frontmatter with your own.