TrueFolio is a portfolio template for freelancers and agencies who sell outcomes, not decks. Built around one idea — proof, not promises — it presents every project as a numbered case file: the brief, the approach, and the numbers it moved. The editorial ink-on-paper aesthetic pairs a high-contrast display serif with a clean grotesque, ruled hairline dividers, and a single sharp accent color reserved for CTAs.
10 pages: Home, Work archive, dynamic Case Study pages, Services with transparent pricing and FAQ, About, Contact, custom 404, plus Privacy, Terms, and Imprint. All pages share one layout template with a sticky navigation and a conversion-focused footer CTA — change it once, it updates everywhere.
Two collections ship pre-filled with realistic content: Projects (title, client, year, category, services, summary, cover and detail images, rich-text case study, three result metrics, and a client quote) and Testimonials. Add a project in the CMS and it appears on the homepage, the archive, and its own detail page — with previous/next navigation built in.
Shared color tokens, responsive text styles (H1–H4, body, labels, stats), and reusable components: buttons with three variants and hover states, an FAQ accordion, a mobile drawer navigation, and a contact form with pending, success, and error states.
Fully responsive from 1440px down to 320px, with grids that collapse into clean stacks on mobile. Subtle, fast motion: scroll reveals, image zoom on hover, and a logo marquee. SEO titles and meta descriptions on every page, semantic headings, alt text, and mailto/tel links throughout.
Swap the copy, drop in your work, publish. The template does the selling — your cases do the proving.
TrueFolio is a portfolio template for freelancers and agencies who sell outcomes, not decks. Built around one idea — proof, not promises — it presents every project as a numbered case file: the brief, the approach, and the numbers it moved. The editorial ink-on-paper aesthetic pairs a high-contrast display serif with a clean grotesque, ruled hairline dividers, and a single sharp accent color reserved for CTAs.
10 pages: Home, Work archive, dynamic Case Study pages, Services with transparent pricing and FAQ, About, Contact, custom 404, plus Privacy, Terms, and Imprint. All pages share one layout template with a sticky navigation and a conversion-focused footer CTA — change it once, it updates everywhere.
Two collections ship pre-filled with realistic content: Projects (title, client, year, category, services, summary, cover and detail images, rich-text case study, three result metrics, and a client quote) and Testimonials. Add a project in the CMS and it appears on the homepage, the archive, and its own detail page — with previous/next navigation built in.
Shared color tokens, responsive text styles (H1–H4, body, labels, stats), and reusable components: buttons with three variants and hover states, an FAQ accordion, a mobile drawer navigation, and a contact form with pending, success, and error states.
Fully responsive from 1440px down to 320px, with grids that collapse into clean stacks on mobile. Subtle, fast motion: scroll reveals, image zoom on hover, and a logo marquee. SEO titles and meta descriptions on every page, semantic headings, alt text, and mailto/tel links throughout.
Swap the copy, drop in your work, publish. The template does the selling — your cases do the proving.
Noel Dario Andres
