(Template) — 04 / 07
Mara Vance
A portfolio that reads like a magazine, not a grid of thumbnails.
(Pages) — scroll inside the window
Phone, 390px
01Six pages
- Home, Work, Project (case study), About, Contact and a 404
- A proper case-study layout — brief, process, outcome, gallery
- Work index with five category filters
- Nine demo projects already written — not lorem ipsum
02Light and dark
- Two themes from one codebase — every colour is a CSS variable
- The toggle remembers the visitor's choice
03Details that sell the work
- Editorial typography built on Fraunces and Manrope
- Scroll reveals, magnetic buttons and a custom cursor — all respecting prefers-reduced-motion
- Contact form with validation, ready for Formspree, Netlify Forms, or your own endpoint
- Tailwind source included; ships pre-compiled, so Node is optional
(In every template)
Documentation
A full HTML guide covering colours, fonts, images, the case-study layout, forms, deployment, SEO and accessibility
No horizontal scroll
Verified on all six pages at twelve widths from 375px to 1440px
Touch targets
Meet WCAG 2.2 SC 2.5.8 on phones and tablets
SEO ready
Titles, meta descriptions, Open Graph and Twitter cards, favicon, 1200×630 share card
Photography
Demo photography included, licensed under the Unsplash License and credited file by file
Cross-browser
Tested in current Chrome, Edge, Firefox and Safari on macOS, Windows, iOS and Android
(Licence)
One licence covers one end product — your own site, or one client's. The full terms are in Licensing/LICENSE.txt inside the download.
(More templates)
Shop on Gumroad ↗
