Websites

James Whitfield — Editorial Portfolio

5-page refined portfolio with Home, About, Work, Services, Contact. Serif typography, warm cream palette.

Interactive Tool

Overview

An elegant editorial-style portfolio template with a magazine-inspired layout, detailed case study pages, and a masonry grid gallery. This design appeals to photographers, designers, and creative directors who want their work presented with editorial sophistication and generous white space.

Key Features

  • Magazine Layout — Asymmetric grid with featured and secondary content blocks, inspired by print magazine design.
  • Case Studies — Dedicated project pages with problem-solution-result narrative structure.
  • Grid Gallery — A masonry grid that displays work samples with varied aspect ratios for visual interest.
  • Elegant Typography — Serif headings and sans-serif body text with generous line spacing for a premium feel.

Tech Stack

Built with HTML and CSS. Magazine layout uses CSS Grid with named template areas. Masonry effect via CSS columns. Typography pairs serif and sans-serif Google Fonts.

Problem it solves

This template demonstrates an editorial portfolio with magazine-style layout and case study format — ideal for creatives who want a premium, print-inspired look.

How it was built

Built with HTML and CSS. CSS Grid named template areas, CSS columns masonry, paired serif/sans-serif Google Fonts.