← back to the gallery

MengTo Skills: documentary brutalist agency, billboard type and black/white chapters

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

Measured tokens

Canvas
#0b0b0a
Ink
#f2efe6
Accent

3 sections measured.

A billboard hero: three uppercase lines in a compressed grotesk (Impact stack) fill the viewport edge to edge, with three small framed abstract images layered behind and through the letters. The nav is a hairline-ruled bar of tracked uppercase labels. A single tracked paragraph sits bottom-left, a circular scroll affordance bottom-right. The next chapter cuts to warm off-white paper with a small index label (OUR POSITION · 01) and one enormous editorial statement set in a neutral grotesk at roughly a third of the viewport height, ragged, no measure discipline — the statement is the section.

Useful for: a hero role where the type is the image and any photography is subordinate; an explainer role that is one sentence at billboard scale. The accent here is eyeballed from the collage frames (muted terracotta), not a UI token — the page has no coloured control. From the recorded frames, not measured.

Sources

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