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.

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.