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

2.5 KiB
Raw Blame History

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 · balenciaga-post-2017
Browse all 25 recipes: INDEX.md