Web guidelines för Digitala Elle (H1)

Web guidelines är en mall för hur Digitala Elles hemsida ska se ut. Den text som skrivs här är ett stycke och den här texten är bold.

Stycket här är stylat som ett stycke – Display

Stycke – Subtitle

Stycke – Annotation

Styling på lista kommer nedan

En lista består antingen av

  • Punkter
    • Den här listan består av punkter
  • Siffror
  • Egna symboler

En text direkt efter en punktlista är också ett stycke.

Rubrik H1

Rubrik H2

Rubrik H3

Rubrik H4

Rubrik H5
Rubrik H6

Rubrik H1 – Display

Rubrik H2 – Display

Rubrik H3 – Display

Rubrik 4 – Display

Rubrik 5 – Display
Rubrik 6 – Display

Rubrik – Subtitle

Rubrik – Annotation

Grupp standard

Grupp Style 1

Grupp Style 2

Grupp Style 3

Grupp Style 4

Grupp Style 5

Kolumner standard – Ingen kolumn har en bakgrundsfärg, men här i exemplet är det satt en bakgrund för att du ska se skillnaden.

Kolumner stylade som standard ger inget extra.

Kolumner Style 1 – Ingen kolumn har en bakgrundsfärg, men här i exemplet är det satt en bakgrund för att du ska se skillnaden.

När kolumner är stylade som Style 1 så har den padding….

Kolumner Style 2 – Ingen kolumn har en bakgrundsfärg, men här i exemplet är det satt en bakgrund för att du ska se skillnaden.

När kolumner är stylade som Style 2 så har den padding….

Kolumner Style 3 – Ingen kolumn har en bakgrundsfärg, men här i exemplet är det satt en bakgrund för att du ska se skillnaden.

När kolumner är stylade som Style 3 så har den padding….

Kolumner Style 4 – Ingen kolumn har en bakgrundsfärg, men här i exemplet är det satt en bakgrund för att du ska se skillnaden.

När kolumner är stylade som Style 4 så har den padding….

Kolumner Style 5 – Ingen kolumn har en bakgrundsfärg, men här i exemplet är det satt en bakgrund för att du ska se skillnaden.

När kolumner är stylade som Style 5 så har den padding….

Avgränsare Standard


Avgränsare – Bred linje


Avgränsare – Punkter


Det här är ett citat-block

Det här är en detalj, oftast en fråga

Och det här blir svaret, på din fråga.

Förformaterad text

Framhävt citat

Hänvisningstext
Det här är skrivet som en vers

Klassisk text

Bilder

Digitala Elle skrattar välkomnande.
Foto: Laura, Attract Media

En standard styling

Digitala Elle skrattar välkomnande.
Foto: Laura, Attract Media
Digitala Elle skrattar välkomnande.
Foto: Laura, Attract Media

Standard 4:3

Digitala Elle skrattar välkomnande.
Foto: Laura, Attract Media

Stående 3:4

Digitala Elle skrattar välkomnande.
Foto: Laura, Attract Media

Klassisk 3:2

Digitala Elle skrattar välkomnande.
Foto: Laura, Attract Media

Klassisk stående 2:3

Digitala Elle skrattar välkomnande.
Foto: Laura, Attract Media

Bred 16:9

Digitala Elle skrattar välkomnande.
Foto: Laura, Attract Media

Hög 9:16

Digitala Elle skrattar välkomnande.
Foto: Laura, Attract Media

Original – Bild rundade hörn

Sök original

Knapp innanför

Ingen knapp

Endast knapp

Knapp med symbol