<!-- H1 -->
<h1>Towards the Splendid City (Pablo Neruda, 1971)</h1>

<!-- H2 -->
<h2>Towards the Splendid City (Pablo Neruda, 1971)</h2>

<!-- H3 -->
<h3>Towards the Splendid City (Pablo Neruda, 1971)</h3>

<!-- H4 -->
<h4>Towards the Splendid City (Pablo Neruda, 1971)</h4>

<!-- H5 -->
<h5>Towards the Splendid City (Pablo Neruda, 1971)</h5>

<!-- H6 -->
<h6>Towards the Splendid City (Pablo Neruda, 1971)</h6>

<!-- H1 Vertical -->
<h1 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h1>

<!-- H2 Vertical -->
<h1>Towards the Splendid City (Pablo Neruda, 1971)</h1>

<!-- H3 Vertical -->
<h3 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h3>

<!-- H4 Vertical -->
<h4 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h4>

<!-- H5 Vertical -->
<h5 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h5>

<!-- H6 Vertical -->
<h6 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h6>

<!-- Marvin Book Cover -->
<h1 class="marvin">The Dying Night</h1>

<!-- H 2 -->
<h2 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h2>

<!-- H1 -->
<h1>{{ headingText }}</h1>

<!-- H2 -->
<h2>{{ headingText }}</h2>

<!-- H3 -->
<h3>{{ headingText }}</h3>

<!-- H4 -->
<h4>{{ headingText }}</h4>

<!-- H5 -->
<h5>{{ headingText }}</h5>

<!-- H6 -->
<h6>{{ headingText }}</h6>

<!-- H1 Vertical -->
<h1 class="vertical">{{ headingText }}</h1>

<!-- H2 Vertical -->
<h1>{{ headingText }}</h1>

<!-- H3 Vertical -->
<h3 class="vertical">{{ headingText }}</h3>

<!-- H4 Vertical -->
<h4 class="vertical">{{ headingText }}</h4>

<!-- H5 Vertical -->
<h5 class="vertical">{{ headingText }}</h5>

<!-- H6 Vertical -->
<h6 class="vertical">{{ headingText }}</h6>

<!-- Marvin Book Cover -->
<h1 class="marvin">The Dying Night</h1>

<!-- H 2 -->
<h2 class="vertical">{{ headingText }}</h2>
/* H1 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H2 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H3 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H4 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H5 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H6 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H1 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H2 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H3 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H4 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H5 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H6 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* Marvin Book Cover */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

/* H 2 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}

  • Content:
    @font-face {
      font-family: 'Marvin Visions';
      src: url('/fonts/MarvinVisionsBig-Bold.woff2') format('woff2');
    }
    
    h1, h2, h3, h4, h5, h6 {
      font-family: 'Recursive', sans-serif;
      font-variation-settings: "MONO" 0, "CASL" 0, "wght" 700, "slnt" 0, "CRSV" 0.5;
      margin: 3rem 0 1.38rem;
      line-height: 1.3;
    }
    
    h1 {
      margin-top: 0;
      font-size: 4.209rem;
    }
    
    h2 {font-size: 3.157rem;}
    
    h3 {font-size: 2.369rem;}
    
    h4 {font-size: 1.777rem;}
    
    h5 {font-size: 1.333rem;}
    
    small, .text_small {font-size: 0.75rem;}
    
    .vertical {
      float: left;
      writing-mode: vertical-rl;
    }
    
    .marvin {
      font-family: 'Marvin Visions', Helvetica, Arial, sans-serif;
      font-size: 16rem;
      color: #e65f1d;
      font-weight: bold;
      margin: 0;
      line-height: 1;
      text-shadow: 6px 6px 2px rgb(0 0 0 / 80%);
    }
    
  • URL: /components/raw/heading/heading.css
  • Filesystem Path: src/components/01-atoms/01-typography/01-heading/heading.css
  • Size: 777 Bytes

Headings