Designsystem: sådan ser artikler ud på Alt det bedste fra Italien

in Generelt on
Rate this post

Denne side viser hver komponent, vi bruger i artikler på Alt det bedste fra Italien, i sitets eget design. Den er intern (noindex, kladde) og skal aldrig publiceres. Når CSS'en ændres, kigger vi her først, så fejl fanges ét sted og ikke i kundens kladder.

3nøgletal under indledningen
760px læsespalte
1kald: design_push
Kort fortalt

  • Faktaboks efter første afsnit: tre punkter med konkrete tal.
  • Blød baggrund, kant i primærfarven.
  • Ingen sætninger over 25 ord.

Overskrifter og brødtekst

Brødteksten sættes i sitets artikelfont, venstrestillet, med luft mellem afsnittene. Afsnit på tre til seks sætninger, ét argument pr. afsnit. Links ser sådan ud, og fremhævninger bruges sparsomt. Overskrifter formuleres som spørgsmål, et menneske kunne stille højt.

Underoverskrift på niveau tre

Bruges til underinddeling inden for en sektion, aldrig som pynt.

Billede

Kolleger ved en skærm i et lyst kontor
Billedtekst i sitets stil. Foto: Unsplash.

Flydende støttefotos placeres lige efter en H2, så teksten ombryder. Billedet holder omkring 46 procent af bredden på desktop og fuld bredde på mobil. Variér højre og venstre mellem artikler.

Tabel

ElementBeskrivelse
Første kolonneKort etiket. Anden kolonne bærer teksten.
RækkerSkiftende baggrund, kanter i sitets kantfarve, hoved i primærfarven.
BreddeFylder spalten.

Tip og vigtigt

Tip

Tip-boksen: et konkret råd med reelt indhold, aldrig fyld for at nå et ordtal.

Vigtigt

Advarsel-boksen: det, læseren fortryder ikke at have vidst.

Trin

  1. KortlægFra opgave til leverance, før noget ændres.
  2. Fjern det led uden værdiOfte ét sted, sjældent ti.
  3. Skriv den nye rutine nedSå en kollega kan følge den på en formiddag.

Tjekliste og to spalter

  • Punkt med flueben i primærfarven.
  • Bruges til krav og forberedelse.
  • Punkt et
  • Punkt to
  • Punkt tre
  • Punkt fire
  • Punkt fem
  • Punkt seks

Kort

MedierIndhold, der kan findes

Formater og publiceringsflow.

ProdukterLøsninger i drift

Oven på de systemer, kunden har.

ArbejdsgangeRutiner, folk følger

Kortlagt, ændret, nedskrevet.

Før og nu

FØRTre leverandører og tre fakturaer.
NUÉn aftale.

Tidslinje

  • 6 til 8 uger førBooking med antal og dato.
  • 2 uger førDetaljer bekræftes.
  • DagenLevering som aftalt.

Menukort

Menukort til restauranter og events: retter med pris, sektioner, pakkepris. Indholdet er et eksempel.

Eksempel
Aftenmenu

Tre retter sammensat til selskabet. Menuen serveres til hele bordet.

Forret

Ret nummer et inkl.

Kort beskrivelse af retten og dens tilbehør.

Ret nummer to Alternativinkl.

Alternativ markeret med tag.

Hovedret

Ret nummer tre + 65

Tillæg pr. kuvert vises som plus-pris.

3 retters menu pr. kuvertPris ved henvendelse

Priser i DKK inkl. moms. Allergener oplyses ved bookingen.

Pullquote: én stærk sætning fra artiklen, placeret i sidste tredjedel.

CTA-modulet: overskrift med handlingen

Flade i primærfarven med hvid tekst og outline-knap. Placeres efter trinnene, før FAQ.

Adresse, telefon eller mail her
Kontakt os

Almindelig knap på lys flade

Ofte stillede spørgsmål

Hvorfor er første svar åbent?

Så læseren kan se, at det er en accordion og ikke en liste med døde linjer. Hvert svar genintroducerer emnet ved navn.

Hvordan ser et lukket spørgsmål ud?

Linje over, plus-tegn til højre.

Afslutningsboks med to interne links til relevante artikler på sitet.

Senest revideret 20. september 2026. Artiklen gennemgås løbende.