← back to the gallery

MengTo Skills: editorial portfolio in chapters, near-black frame and one colour field per project

Tier
inspiration
Roles
hero, proof
Feel
dark, editorial, premium
Motion
reveal, stagger, parallax
Source
open
Site
https://github.com/MengTo/Skills/tree/main/agent-skills/web-design/editorial-portfolio-chapters
Licence
MIT (MengTo/Skills); demo HTML measured live, may be ported
Captured
2026-09-21
Captures
both: http://127.0.0.1:4173/editorial-portfolio-chapters/demo/index.html

Measured tokens

Canvas
#10100f
Ink
#f3f0e8
Accent
#0c0c0b

6 sections measured.

A near-black frame with a compact pill nav (WORK · SERVICES / STUDIO · CONTACT). The hero is one framed rectangle inset from the page edges, carrying four diagonal colour bands — terracotta, navy, pale blue, olive — behind the studio wordmark MORROW set huge in a bold grotesk that picks up the band colours where it overlaps them. A vertical running head sits in the left margin; one short positioning line bottom-right. Below, the first project chapter cuts to a pale lavender field: a small index label (SELECTED WORK · 01 / 04), the project title After Light at display scale bottom-left, one tall image right, a View the project link.

Useful for: a hero where the identity is a colour field plus a wordmark rather than a photograph; a proof role done as chapters — one project per colour field, the field itself doing the separation instead of cards. From the recorded frames, not measured. Only one of the four project chapters is populated in the demo.

Sources

- MengTo/Skills, `agent-skills/web-design/editorial-portfolio-chapters` (MIT). Demo HTML served locally and measured live at 1440 and 390.