[teamai] Push 87 resource(s) from XingfenD
This commit is contained in:
+53
@@ -0,0 +1,53 @@
|
||||
# monocle-magazine — Monocle Magazine
|
||||
|
||||
- **School**: Editorial / Minimalist
|
||||
- **Vibe**: International, considered, magazine-grade kicker / headline / dek hierarchy
|
||||
- **Best for**: Editorial, travel / hospitality, journals, considered lifestyle publications
|
||||
- **Touchstone**: monocle.com, the Monocle quarterly, Cereal magazine
|
||||
|
||||
**Palette**
|
||||
- Ground: `#F2EFE7` (cream paper)
|
||||
- Ink: `#1A1A1A`
|
||||
- Editorial accent red: `#C7322E` (Monocle's signature)
|
||||
- Olive: `#5E6347`
|
||||
- Hairline rules: `#C8C2B0`
|
||||
|
||||
**Typography**
|
||||
- Display: a refined slab or transitional serif — Plantin, Mercury, or Tiempos Headline. Italic widely used.
|
||||
- Body: Plantin or Tiempos Text at 16–17px, line-height ~1.6
|
||||
- Sans for kickers / labels: a precision grotesk like Söhne at 10–11px, letter-spaced 0.08em, often in editorial red
|
||||
- Drop caps welcome on long-form features
|
||||
|
||||
**Spacing**: 4 / 8 / 16 / 24 / 32 / 48 / 96. Multi-column work uses tight gutters (16–24px between columns).
|
||||
|
||||
**Radius**: 0. Magazine pages don't round corners.
|
||||
|
||||
**Shadow**: none.
|
||||
|
||||
**Motion**: minimal. Page-turn fades. Slow Ken Burns on lead photographs.
|
||||
|
||||
**Signature moves**
|
||||
- Three-deck hierarchy: tiny red kicker → bold serif headline → italic serif dek
|
||||
- Multi-column body copy (2–3 columns) with hairline column rules
|
||||
- Numbered features (`Feature 04 — Lisbon`) and small numerals in the margin
|
||||
- Lead photograph cropped tight at one edge, headline tucked into the empty negative space
|
||||
- Pull-quotes in italic, much larger than body, set in a single column
|
||||
|
||||
**Avoid**
|
||||
- Sans-serif headlines — Monocle's signature is the serif voice
|
||||
- Stock photography — the recipe requires commissioned-feeling photography (warm, peopled, place-rich)
|
||||
- Card grids — this is magazine spread thinking, not SaaS thinking
|
||||
- More than one accent color (the editorial red is enough)
|
||||
|
||||
**AI prompt seed**
|
||||
> Editorial magazine photograph, place-specific scene (e.g., Tokyo back street at dusk), warm color grading, slight film grain, one human subject in middle-ground, 3:2, color palette restricted to warm earth tones with one red object.
|
||||
|
||||
**Don't use when**
|
||||
- The task is a SaaS product page — magazine craft will feel mismatched
|
||||
- There's no editorial / human / place content to lead with — without photography this recipe is hollow
|
||||
- The audience expects fast scanning — Monocle rewards reading, not skimming
|
||||
|
||||
---
|
||||
|
||||
> **Same school — Editorial / Minimalist**: [`apple-hig`](./apple-hig.md) · [`muji-kenya-hara`](./muji-kenya-hara.md) · [`aesop`](./aesop.md) · [`dieter-rams-braun`](./dieter-rams-braun.md)
|
||||
> **Browse all 25 recipes**: [INDEX.md](./INDEX.md)
|
||||
Reference in New Issue
Block a user