Aeon NewsDokumentation

Plattform

Typografi, färger och mörkt läge

Konfigurera ett konsekvent visuellt system för nyheter, opinion, metadata, listor och mörkt läsläge.

Senast uppdaterad 23 oktober 2026

Aeon News har en fast redaktionell grundstruktur men ett omfattande presentationslager för typografi, färg och återkommande element. Anpassningen bör göras som ett sammanhållet designsystem, inte som en serie fristående färgval.

Typografi

Globala inställningar finns för bland annat brödtext, artikelkategori, artikelämne, metadata, nyhetsetikett, sammanfattning, ingress, informationsruta, senaste nytt, sekundära rubriker och flera tunna respektive kraftiga rubrikstilar.

Definiera först normal brödtext och standardrubrik. Lägg därefter till avvikande stilar för exempelvis kolumner, kultur eller analys. Kontrollera svenska och andra språk med långa ord innan valen låses.

Färgsystem

Temaalternativen innehåller bakgrunder, primära och sekundära färger, länkfärg, accent för trendande artiklar, etiketter och kommentarsytor. Säkerställ tillräcklig kontrast och använd accentfärg sparsamt så att redaktionell prioritering fortfarande syns.

Mörkt läge

Mörkt läge slås på under Aeon News-inställningar › Mörkt läge. Standard kan vara ljust, mörkt eller läsarens systeminställning, och läsaren kan själv växla. Egen CSS för mörkt läge kan komplettera ett barntemas varumärke. Testa widgetar, formulär, annonser och logotyper; en vit annonsyta eller en mörk logotyp kan annars bli oläslig.

Aeon News-inställningar › Mörkt läge med mörkt läge påslaget, standardläge och Inbäddade inlägg från X påslaget.
Inställningarna för mörkt läge.

Inbäddade inlägg från X

Tidningar bäddar ofta in inlägg från X (Twitter), och ett skarpt vitt inlägg i en mörk artikel sticker ut. Med Inbäddade inlägg från X påslaget visas inbäddade inlägg i X:s mörka tema när sajten är mörk, och i det ljusa annars. När läsaren växlar mellan ljust och mörkt följer inläggen med och laddas om. Inställningen är avslagen som standard.

X har bara ett ljust och ett mörkt tema, så inlägget kan inte få sajtens egen mörka färg. X:s neutrala mörkgrå passar alla sajter.

En artikel på demosajten i ljust läge med en ljusgrå ruta, ett ljust X-inlägg och en faktaruta med blockstilen Ruta.
Ljust läge.
Samma artikel i mörkt läge. Den grå rutan behåller sitt ljusa utseende, X-inlägget är mörkt och faktarutan med stilen Ruta har blivit mörk.
Mörkt läge: X-inlägget är mörkt, blocket med egen bakgrund behåller sitt ljusa utseende och Ruta följer sidan.

Block med egen bakgrund

När en redaktör ger ett block en egen bakgrundsfärg, till exempel en ljusgrå grupp med en tidtabell, behåller blocket sitt ljusa utseende i mörkt läge, med sajtens vanliga text- och länkfärger. Det ser ut som i redigeraren. Textfärger som redaktören har valt behålls, och kort och flikar från Stackable fungerar på samma sätt.

Blockstilen Ruta

För en ruta som ska bli mörk tillsammans med sidan väljer ni blockstilen Ruta på ett gruppblock i stället för en bakgrundsfärg. Den är ljusgrå i ljust läge och mörkgrå i mörkt läge, med läsbara länkar i båda. Ett barntema kan justera färger, avstånd och hörn.

Senaste nytt och citat

Senaste nytt har separata val för flikar, rubrik, gränser och aktiva färger. Blockcitat kan få egen typografi, bakgrund, ikon, kant och utfyllnad. Dessa komponenter används ofta, så små inkonsekvenser får stor effekt.

Ändringsrutin

Gör visuella ändringar i en testmiljö, dokumentera besluten och kontrollera artikel, förstasida, kategori, författarsida och mobil. Ändra inte flera grundvariabler samtidigt utan att jämföra före och efter.