<h1 class="superHeadline">Testo super headline</h1>
<p>font-serif, Canela Web</p>
<p>mobile 70, tablet 120, desktop: 120, wide: 160, fullhd: 160</p>

<hr>

<h1>Titolo h1 340 3808112 Kafka fishing flick - When you're not concerned with succeeding, you can work with complete freedom. font-serif, Canela Web</h1>
<p>mobile 60, tablet 72, desktop: 90, wide: 120, fullhd: 120</p>

<hr>

<h2>Titolo h2 340 3808112 Kafka fishing flick - When you're not concerned with succeeding, you can work with complete freedom. font-serif, Canela Web</h1>
    <p>mobile 36, tablet 50, desktop: 72, wide: 72, fullhd: 80</p>

    <hr>

    <h3>Titolo h3 340 3808112 Kafka fishing flick - When you're not concerned with succeeding, you can work with complete freedom. font-sans, National Bold </h3>
    <p>mobile 24, tablet 24, desktop: 24, wide: 24, fullhd: 24</p>

    <hr>

    <h4>Titolo h4 340 3808112 Kafka fishing flick - When you're not concerned with succeeding, you can work with complete freedom. font-sans, National Bold</h4>
    <p>mobile 0, tablet 0, desktop: 0, wide: 0, fullhd: 0</p>

    <hr>

    <h5>Titolo h5 340 3808112 Kafka fishing flick - When you're not concerned with succeeding, you can work with complete freedom. font-sans, National Bold</h5>
    <p>mobile 0, tablet 0, desktop: 0, wide: 0, fullhd: 0}</p>

    <hr>

    <h6>Titolo h6 340 3808112 Kafka fishing flick - When you're not concerned with succeeding, you can work with complete freedom. font-sans, National Bold</h6>
    <p>mobile 0, tablet 0, desktop: 0, wide: 0, fullhd: 0</p>
<h1 class="superHeadline">Testo super headline</h1>
<p>{{ super.fontType }}, {{ super.fontFamily }}</p>
<p>mobile {{ super.mobile }}, tablet {{ super.tablet }}, desktop: {{ super.desktop }}, wide: {{ super.wide }}, fullhd: {{ super.fullhd }}</p>

<hr>

<h1>Titolo h1 {{ long }} {{ h1.fontType }}, {{ h1.fontFamily }}</h1>
<p>mobile {{ h1.mobile }}, tablet {{ h1.tablet }}, desktop: {{ h1.desktop }}, wide: {{ h1.wide }}, fullhd: {{ h1.fullhd }}</p>

<hr>

<h2>Titolo h2 {{ long }} {{ h2.fontType }}, {{ h2.fontFamily }}</h1>
<p>mobile {{ h2.mobile }}, tablet {{ h2.tablet }}, desktop: {{ h2.desktop }}, wide: {{ h2.wide }}, fullhd: {{ h2.fullhd }}</p>

<hr>

<h3>Titolo h3 {{ long }} {{ h3.fontType }}, {{ h3.fontFamily }}</h3>
<p>mobile {{ h3.mobile }}, tablet {{ h3.tablet }}, desktop: {{ h3.desktop }}, wide: {{ h3.wide }}, fullhd: {{ h3.fullhd }}</p>

<hr>

<h4>Titolo h4 {{ long }} {{ h4.fontType }}, {{ h4.fontFamily }}</h4>
<p>mobile {{ h4.mobile }}, tablet {{ h4.tablet }}, desktop: {{ h4.desktop }}, wide: {{ h4.wide }}, fullhd: {{ h4.fullhd }}</p>

<hr>

<h5>Titolo h5 {{ long }} {{ h5.fontType }}, {{ h5.fontFamily }}</h5>
<p>mobile {{ h5.mobile }}, tablet {{ h5.tablet }}, desktop: {{ h5.desktop }}, wide: {{ h5.wide }}, fullhd: {{ h5.fullhd }}}</p>

<hr>

<h6>Titolo h6 {{ long }} {{ h6.fontType }}, {{ h6.fontFamily }}</h6>
<p>mobile {{ h6.mobile }}, tablet {{ h6.tablet }}, desktop: {{ h6.desktop }}, wide: {{ h6.wide }}, fullhd: {{ h6.fullhd }}</p>
{
  "items": [
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Bollettino Boshi",
      "abstract": "Il Bollettino è la mia newsletter informale, spedita a cadenza imprevedibile. "
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/bottiato.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/bottiato.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Franco Bottiato",
      "abstract": "Un bot per Facebook Messenger, con la personalità di Franco Bottiato."
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Radio Boshi",
      "abstract": "Un canale Telegram di messaggi vocali inaspettati."
    }
  ],
  "_keys": [
    "type",
    "items"
  ],
  "type": "post-preview",
  "short": "Sed id odio solet veniam, vim natum principes ne.",
  "medium": "Has feugait deleniti accusamus ne, ut elitr doming invidunt eam, fastidii assentior ad per. An enim incorrupte qui, diceret verterem interesset ei pro.",
  "long": "340 3808112 Kafka fishing flick - When you're not concerned with succeeding, you can work with complete freedom.",
  "super": {
    "fontType": "font-serif",
    "fontFamily": "Canela Web",
    "mobile": "70",
    "tablet": "120",
    "desktop": "120",
    "wide": "160",
    "fullhd": "160"
  },
  "h1": {
    "fontType": "font-serif",
    "fontFamily": "Canela Web",
    "mobile": "60",
    "tablet": "72",
    "desktop": "90",
    "wide": "120",
    "fullhd": "120"
  },
  "h2": {
    "fontType": "font-serif",
    "fontFamily": "Canela Web",
    "mobile": "36",
    "tablet": "50",
    "desktop": "72",
    "wide": "72",
    "fullhd": "80"
  },
  "h3": {
    "fontType": "font-sans",
    "fontFamily": "National Bold ",
    "mobile": "24",
    "tablet": "24",
    "desktop": "24",
    "wide": "24",
    "fullhd": "24"
  },
  "h4": {
    "fontType": "font-sans",
    "fontFamily": "National Bold",
    "mobile": "0",
    "tablet": "0",
    "desktop": "0",
    "wide": "0",
    "fullhd": "0"
  },
  "h5": {
    "fontType": "font-sans",
    "fontFamily": "National Bold",
    "mobile": "0",
    "tablet": "0",
    "desktop": "0",
    "wide": "0",
    "fullhd": "0"
  },
  "h6": {
    "fontType": "font-sans",
    "fontFamily": "National Bold",
    "mobile": "0",
    "tablet": "0",
    "desktop": "0",
    "wide": "0",
    "fullhd": "0"
  }
}
  • Content:
    # Headings
    
    Esempi:
    
    superHeadline: super titoli enormi
    Es. Homepage: "Studio", "Blog"
    
    h1: titoli pagine singole
    Es. Pagina Studio: "Studio", Pagina Blog: "Blog"
    
    h2: 
    Es. Pagina Homepage: "Identità visive originali per imprese che vogliono emergere"
    
    h3
    Es: Pagina Progetti Home: "Arte e cultura"
    
    p: corpo testo generico
    Es. Pagina Contatti: testo generico
    
    -----
    
    NOTE:
    - Progetti Filtrati: il titolo ha altre dimensioni
    
  • URL: /components/raw/headings/headings.md
  • Filesystem Path: src/basic/01-typography/00-headings/headings.md
  • Size: 426 Bytes

There are no notes for this item.