Stockholm New

Stockholm New / Style guide

Designsystem för en skarpare stadspublikation.

En levande referens för rubriker, brödtext, vinjetter, länkar, interaktiva moduler och redaktionella byggstenar i prototypen.

Typografi

Söhne genom hela systemet

Rubrikerna ska kännas redaktionella och exakta. Brödtexten ska vara lugn, läsbar och tillräckligt neutral för både kritik, reportage och data.

H1 / Hero

Stockholm behöver bättre byggda argument.

H2 / Section

Vad förloras när staden förenklas?

H3 / Card title

Klarakvarteren från ovan

H4 / Module subhead

En redaktionell dossier med bildbevis, källor och följdfrågor.

H5 / Interface group

Filter, status och metainformation

H6 / Micro label

Publicering / Research note

Brödtext

Stockholm New ska kunna bära både idédebatt och konkret granskning. Texten behöver därför ha en tydlig redaktionell röst utan att kännas dekorativ.

Vanlig brödtext används för ingresser, moduler, dossierbeskrivningar och formulärnära instruktioner. Den bör vara saklig, specifik och bilda ett tydligt par med starka rubriker.

Mörk yta

Kontrast för tidslinjer, arkiv och skarpa dossiers.

Mörka moduler används när innehållet behöver få större tyngd: historiska skeden, arkivmaterial, data och redaktionella fördjupningar.

Textnivåer

Vinjetter, listor och länkar

Små textkomponenter ska hjälpa läsaren att skanna snabbt utan att sidan tappar redaktionell närvaro.

Eyebrow

Normal, kort och kategoriserande.

Eyebrows används före stora rubriker för avdelning, format eller redaktionell position.

Card kicker · 8 min

Kompakt metadata i kort.

Card kickers kombinerar kategori, lästid, plats eller status.

Panel label

Gränssnittstext för moduler.

Panel labels används i kartor, statistikytor och stödjande informationsblock.

Punktlista

  • Visa platsen, inte bara påståendet.
  • Koppla historik till nuläge och ansvar.
  • Gör det lätt att bidra med bilder, tips och expertis.

Komponenter

Knappar, filter, kort och formulär

Basdelarna ska kännas färdiga i hover, fokus, tomma tillstånd och på mobil.

Ink Paper Paper strong Red Green Blue Yellow

Filter

Stödspår

Kompakta rader för metod, urval, finansiering eller redaktionell process.

Live dossier

Slussen: vad hände?

Publikt samtal

SoMe-mallar

Tajta inlägg för redaktionell räckvidd

Mallarna ska kännas som ett publicistiskt system: få färger, tydliga zoner, hård typografisk disciplin och lätt igenkänning i flödet.

Karta Södra Norrmalm, 1930-tal
Omslag I begynnelsen var u-båtarna
Illustration Midvinterblot
Feature Den tid som flytt
Svartvit Midvinterblot / detalj
Feature Skräck och hat
Porträtt Skäggskott
Teckning Slaget om Anselm Kiefer
Arkiv Vertikal redaktionsbild
Arkiv Redaktionell bildbank
Arkiv Stående redaktionsbild

Referenser att studera

The Economist Financial Times Harvard Business Review MIT Technology Review The New Yorker MoMA Bloomberg Business Dezeen Tate

Moduler

Interaktiva byggstenar

Style guiden visar de moduler som bär prototypens kärna: före/efter, tidslinje, princip-accordion och dossierkort.

Före / efter

Bildargumentet ska gå att känna direkt.

Slidern används för rivningar, platsförändringar, restaureringar och alternativa framtidsförslag.