[teamai] Push 87 resource(s) from XingfenD

This commit is contained in:
2026-09-10 16:10:45 +08:00
parent 425c9c078a
commit 65c04def51
1314 changed files with 211681 additions and 0 deletions
@@ -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)