35 lines
1.5 KiB
Markdown
35 lines
1.5 KiB
Markdown
|
## 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
|
||
|
|
|
||
|
|
```html
|
||
|
|
<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>
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|