| 1 | # Visual style: data-journalism |
| 2 | |
| 3 | Bloomberg / Economist news-infographic — publication-grade information density: multi-column grids, inline micro-charts, data tables, editorial sidebars, source lines. Cool and restrained, read like a financial long-read rather than a keynote. For finance, market reviews, research, annual data reports, data-driven explainers. |
| 4 | |
| 5 | --- |
| 6 | |
| 7 | ## 1. Shape & decoration |
| 8 | |
| 9 | - Shape language: a dense multi-column grid carrying many small charts and data tables inline; editorial sidebars and pull-stats; hairline dividers; hero numbers; a running source / footnote line. Information density is the look — kept legible by a rigorous grid. |
| 10 | - Composition geometry: the chart as the page's spine — layout wraps the visualization instead of boxing it; a hero number at full column scale; a full-width spanner rule dropping into a stat band; a sidebar cut into the grid; small-multiple strips instead of one boxed chart. |
| 11 | - Decoration: minimal beyond the data — a single accent rule, sparing annotation. Charts and numbers are the visual interest, not ornament. |
| 12 | - Whitespace: tight but structured; the grid earns density without clutter. |
| 13 | |
| 14 | ## 2. Typography character |
| 15 | |
| 16 | - Serif headline / hero-number for authority × a clean sans or monospace for numeric precision in tables and chart labels. Small captions and source lines; tight, deliberate hierarchy. |
| 17 | |
| 18 | > Families are chosen at confirmation `g`; this style asks for a serif-headline × precise-sans/mono-data *character*. |
| 19 | |
| 20 | ## 3. Using the deck's colors |
| 21 | |
| 22 | - A restrained field — light publication paper or dark graphite both fit (Economist vs Bloomberg-terminal); the deck's accent marks risk / key figures, an optional secondary distinguishes a second series; charts use tints of the same family, never a rainbow. |
| 23 | - Numbers are colored to *mean* (up / down / risk / focus), not to decorate. |
| 24 | |
| 25 | > HEX values come from confirmation `e`; this style only governs the restrained-field, meaning-coded-data discipline — it names no colors. |
| 26 | |
| 27 | ## 4. Texture / elevation |
| 28 | |
| 29 | - Flat, publication-grade — hairline rules over heavy cards; optional scrim on any image; no glow, no decorative shadow. |
| 30 | |
| 31 | ## 5. Paired image-rendering |
| 32 | |
| 33 | `editorial` — magazine-style infographic imagery sharing the data-publication aesthetic. |
| 34 | |
| 35 | ## 6. Illustration propensity |
| 36 | |
| 37 | **sparse** — charts, sidebars, and data density carry the page; decorative spots undercut the serious data-publication tone. With no user steer, default to none. If the user explicitly asks, keep them minimal and journalistic. `image_usage: none` writes no illustration rows. |
| 38 |