Where everything here came from

Made for this portfolio

All diagrams, the case-study illustrations, the identity mark, the favicon, and the social-share card were designed and built in code for this site, in its own design system. They are labeled as illustrations wherever they appear. One accent colour, a deep violet, carries every link, the active-page marker, and the single highlight each page is allowed.

Photographs by Brian Mills

Photographs credited to me on this site were taken by me and are my own work.

Licensed images

Any third-party image used on this site is listed here with its title, creator, source, and license, linked to the original. If this section is empty, the site currently uses no third-party images.

Type

Headlines and standfirsts are set in Source Serif 4, an open-source typeface by Frank Grießhammer for Adobe, using its weight and optical-size axes so the same family reads as two voices. Body and interface text are set in IBM Plex Sans, by Mike Abbink with Bold Monday. Both are used under the SIL Open Font License and served from this site, so no outside service is contacted when you read these pages.

The themes

The site opens in its light theme and remembers your choice with the toggle in the corner. Both themes were designed on their own terms: the light one a neutral paper, the dark one a charcoal off-black, each with its own contrast and depth. Every text and background pair meets the WCAG AA contrast standard.

Built by hand

No frameworks, no templates, no page builders. The site is plain HTML, CSS, and a small amount of JavaScript, the same way the newsletters in the case studies are built. It makes no outside requests and respects your reduced-motion setting.

Next

Back to the homepage, or straight to the work.