Files
teamai-test/.teamai/skills/common/web-design-engineer/references/style-recipes/bloomberg-businessweek-turley.md
T

53 lines
2.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# bloomberg-businessweek-turley — Bloomberg Businessweek (Turley Era)
- **School**: Brutalist / Raw
- **Vibe**: Typographic violence, magazine grid abused, copy *is* image
- **Best for**: Editorial features, agency portfolios, opinionated content sites
- **Touchstone**: Bloomberg Businessweek 2014–2019 covers (Richard Turley → Tracy Ma era), *Eye* magazine archive issues
**Palette**
- Aggressive — `#FF3D00` (high-alert orange), `#FFE800` (signal yellow), `#001AFF` (alert blue)
- Always on `#FFFFFF` for max contrast — or inverted onto `#000000`
- Black `#000000` text on white where readable; otherwise contrasting hue
- Maximum 3 colors per spread
**Typography**
- Display: a single bold grotesque used at absurd scale — Founders Grotesk, Druk, ABC Whyte. Weight 800–900, set 200px+
- Headlines often broken across lines on purpose, kerned tighter than comfortable
- Body type left small in contrast — 12–14px serif (Plantin / Mercury)
- All-caps + condensed common in display
**Spacing**: deliberately broken — content pushed off-grid, sometimes touching edges or overflowing intentionally
**Radius**: 0
**Shadow**: none
**Motion**: jarring cuts, not smooth eases. If anything moves it slams into place.
**Signature moves**
- Headline set so large it visibly breaks the grid (letters touching page edges)
- Color blocks of saturated orange / yellow / blue placed under or behind type
- Photo cutouts (subjects silhouetted, dropped onto color fields) — often awkwardly cropped on purpose
- Tables of data styled like magazine spreads, not like UI components — bold, contrasty, opinionated
- Captions in tiny serif italic positioned in unexpected corners
**Avoid**
- Tasteful design (the recipe is anti-tasteful on purpose)
- More than 3 colors per spread
- Smooth transitions
- Web defaults (every element should feel set, not generated)
**AI prompt seed**
> Magazine cover composition, single bold word set in massive black grotesque at 200pt, behind it a flat field of saturated alert-orange #FF3D00, with a clumsily-cut photo silhouette overlaid at unexpected angle, slight print misregistration, 3:4.
**Don't use when**
- The brand voice is meant to feel calm or trustworthy — Turley-era Bloomberg is loud
- The content is utility-focused — recipe is editorial only
- The team is squeamish about deliberate ugliness — this recipe requires committing to it
---
> **Same school — Brutalist / Raw**: [`are-na`](./are-na.md) · [`balenciaga-post-2017`](./balenciaga-post-2017.md)
> **Browse all 25 recipes**: [INDEX.md](./INDEX.md)