Mike Smith DesignThemes

Mercer

A six-page Astro theme for developer and product-engineer portfolios: a cmd/ctrl-K command palette, two full case-study write-ups generated from your project data, and a dark brutalist register with giant type and one loud accent colour. Built for freelance developers, product engineers and small studios.

The Mercer home page
A section of the Mercer demo
A section of the Mercer demo
A section of the Mercer demo
A section of the Mercer demo
Mercer on a phone

Six screens from the live demo. Scroll or step through.

Mercer is a six-page developer portfolio theme: dark, brutalist, confident. Giant sentence-case display type that ends on an accent full stop, lowercase monospace as the system voice, heavy rules and hard offset shadows. A cmd/ctrl-K command palette jumps to any page or case study, two full case-study write-ups generate straight from your project data, and a validated contact form replaces a mailto link with something that actually checks itself.

Mercer is a developer portfolio template built with Astro, for developers and freelancers making sites for developer portfolios. Buy it once and use it on as many client projects as you like.

What you edit

  • site.json: your name, role, city, email, GitHub and LinkedIn links, availability
  • projects.json: your projects, with home and work-page photos and copy
  • case-studies.json: the full case-study pages, generated one per project
  • public/img: your own product photography

What is in it

  • Astro 7, zero frameworks, one global stylesheet
  • Lenis smooth scroll and sparing scroll-triggered reveals
  • Cmd/ctrl-K command palette (with a Ctrl-K label on non-Mac keyboards), generated case-study pages and a validated contact form, all driven by JSON
  • A reading rail on case-study pages that tracks scroll position
  • Four colour packs with a one-click switcher: Volt, Plasma, Signal and Riso
  • Fully responsive, respects prefers-reduced-motion, semantic HTML
  • Builds to pure static files, deploy free on Vercel, Netlify or GitHub Pages

Try it free first

Mercer Lite is the free one page HTML cut of this theme: same design, no build step, no sign up. The full theme adds all 4 colour packs, the JSON data layer and the working parts above.


More for portfolios, and elsewhere