Mockup — 3 opzioni di larghezza

Larghezza colonna testo

Per l'articolo schemi-ponzi-truffe-crypto. Clicca su un'opzione per vedere come appare l'articolo vero, con contenuto reale, in quella modalità.

OPZIONE A

Editorial responsive a 3 stop

Stile Medium/NYT. Larghezza cresce con viewport, si ferma a 960-1000px. Solo CSS, niente JavaScript.

  • Mobile100%
  • Tablet100%
  • Laptop960px
  • iMac 5K/6K1000px
Apri mockup A →
OPZIONE B

Fluid con line-length 75ch

Stile Stripe/Vercel. La riga resta sempre 75 caratteri. Font cresce leggermente con viewport. Moderno ed elegante.

  • Mobile100%
  • Tablet75ch
  • Laptop75ch (~1300px)
  • iMac 5K/6K78ch (~1450px)
Apri mockup B →
OPZIONE C

Colonna + sidebar contestuale

Stile Substack/Verge. Testo a sinistra, indice articolo + CTA a destra. Massimizza tempo di permanenza.

  • Mobilefull, no side
  • Tablet760px + 280px
  • Laptop820px + 320px
  • iMac 5K/6K880px + 320px
Apri mockup C →
Come testare: apri un mockup, poi ridimensiona la finestra del browser lentamente da molto stretto a molto largo (o usa la rotella del mouse + Cmd/Ctrl per zoomare). Vedrai la colonna adattarsi in tempo reale. Confronta le 3 opzioni per scegliere.