Files
hallmark/references/macrostructures/08-photographic.md
T
Youssef aedca8cb03 Refactor · move SKILL.md + references/ to repo root so 'npx skills add nutlope/hallmark' works
The published install command in the README — npx skills add nutlope/hallmark — was failing for users because the skills CLI looks for SKILL.md at the repo root, not at skill/SKILL.md where Hallmark kept it. The clone succeeded but the CLI reported "No skills found." Manual cp was the only working install path.

Flattened the layout:
- skill/SKILL.md            → SKILL.md
- skill/references/         → references/
- (skill/ directory removed; was empty after moves)

git mv preserved rename history for all 76+ files (SKILL.md + 28 reference files + 21 macrostructures + 46 components + 7 verb/genre subfolders).

Updated every cross-reference (36 occurrences across 9 files):
- README.md — 4 links (SKILL.md + references/ + the install snippet still reads the same)
- ROADMAP.md — 4 links to reference files
- package.json — "files" field + "skill" entry/references paths
- site/js/main.js — 3 source comments
- references/design-md.md — one broken link (was pointing skill/references/export-formats.md from inside references/ — now just export-formats.md as a sibling)
- site/_tests/verbs/study/notes.md, diagnosis.md and verbs/audit/audit-report.md, custom/README.md — test-artifact relative paths shortened by one segment (e.g. ../../../skill/SKILL.md → ../../../SKILL.md)

No skill content changes. After this lands, 'npx skills add nutlope/hallmark' should clone + install correctly without any manual cp fallback.
2026-05-19 12:12:45 +01:00

1.5 KiB

08 · Photographic

A single huge image dominates each fold. Text is small annotation, not headline. The design says look before it says read.

  • Heading: small caption near a corner of the image; never centered display.
  • Body: full-bleed image bands alternating with narrow text bands.
  • Divider: the image edge IS the divider; no rules.
  • Button: typographic link tucked under the caption.
  • Image: the whole point — full-bleed, edge to edge, often a single photo per fold.
  • Reveal: no spatial motion; let the photographs do the work.

Reach for it for fashion, hospitality, photography portfolios, lifestyle e-commerce, any brand whose product is a feeling.

Avoid without real photography. AI-generated stock undoes the macrostructure.

Reference: Aimé Leon Dore, Mr Porter editorial, Stüssy lookbooks.

Sample opening lines (imitate the specificity — captions for photographs are dates, places, plate numbers — not marketing):

"Plate 47 · scored before the proof." — Maple Street Bread (test 03) — a number, a moment in the process "Spring, 2026." — Atelier-style — two words, full stop "From the working archive." — gives the photograph provenance without explaining it

<section class="photo-fold">
  <img class="bleed" src="hero.jpg" />
  <p class="caption">Spring, 2026.</p>
</section>
<section class="text-fold">
  <p class="lede"></p>
</section>
<section class="photo-fold"></section>