Typografi Fleetwood kommer med grunnleggende typografiske elementer som skal brukes til å utforme innhold

Overskrifter

Desktop

EksempelOverskriftKlasseFontStørrelse

Høvdingens kjære squaw får litt pizza i Mexico by

h1 .page-title PxGrotesk 50px

Høvdingens kjære squaw får litt pizza i Mexico by

h2 .component-title PxGrotesk 30px

Høvdingens kjære squaw får litt pizza i Mexico by

h3 .small-title PxGrotesk 21px

Høvdingens kjære squaw får litt pizza i Mexico by

h4 .tiny-title PxGrotesk 18px
Høvdingens kjære squaw får litt pizza i Mexico by
h5, h6 .tiny-title Lato 18px
<h1 class="page-title">Høvdingens kjære squaw får litt pizza i Mexico by</h1>
<h2 class="component-title">Høvdingens kjære squaw får litt pizza i Mexico by</h2>
<h3 class="small-title ">Høvdingens kjære squaw får litt pizza i Mexico by</h3>
<h4 class="tiny-title">Høvdingens kjære squaw får litt pizza i Mexico by</h4>
<h5 class="tiny-title">Høvdingens kjære squaw får litt pizza i Mexico by</h5>

Mobil

De samme klassene er brukt som i desktop. Eksempel størrelser vises under.

EksempelOverskriftKlasseFontStørrelse

Høvdingens kjære squaw får litt pizza i Mexico by

h1 .page-title PxGrotesk 30px

Høvdingens kjære squaw får litt pizza i Mexico by

h2 .component-title PxGrotesk 24px

Høvdingens kjære squaw får litt pizza i Mexico by

h3 .small-title PxGrotesk 20px

Høvdingens kjære squaw får litt pizza i Mexico by

h4 .tiny-title PxGrotesk 18px
Høvdingens kjære squaw får litt pizza i Mexico by
h5, h6 .tiny-title Lato 18px

Overskrifter i en artikkel

Overskifter i en artikkel får størrelsene satt uten klasser

EksempelOverskriftFontStørrelse

Høvdingens kjære squaw får litt pizza i Mexico by

h2 PxGrotesk 30px

Høvdingens kjære squaw får litt pizza i Mexico by

h3 PxGrotesk 21px

Høvdingens kjære squaw får litt pizza i Mexico by

h4 PxGrotesk 18px
Høvdingens kjære squaw får litt pizza i Mexico by
h5,6 Lato 18px

  <div class="article-text">
      <h2>Høvdingens kjære squaw får litt pizza i Mexico by</h2>
      <h3>Høvdingens kjære squaw får litt pizza i Mexico by</h3>
      <h4>Høvdingens kjære squaw får litt pizza i Mexico by</h4>
      <h5>Høvdingens kjære squaw får litt pizza i Mexico by</h5>
      <h6>Høvdingens kjære squaw får litt pizza i Mexico by</h6>
  </div>
  

Stor Ingress

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

<p class="large-lead">
    Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.
</p>

Ingress

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

<p class="lead">
    Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.
</p>

Tekstavsnitt

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

<p class="paragraph">
    Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.
</p>

Lato

Lato brukes på brødtekst

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

Hvor finner jeg denne koden?