NCC Digital Design Guide

Heading Classes 

<h6 class="h1">Northamptonshire County Council</h6>
<h1 class="h2">Northamptonshire County Council</h1>
<h2 class="h3">Northamptonshire County Council</h2>
<h3 class="h4">Northamptonshire County Council</h3>
<h4 class="h5">Northamptonshire County Council</h4>
<h5 class="h6">Northamptonshire County Council</h5>
 
<h6 class="h1">{{text}}</h6>
<h1 class="h2">{{text}}</h1>
<h2 class="h3">{{text}}</h2>
<h3 class="h4">{{text}}</h3>
<h4 class="h5">{{text}}</h4>
<h5 class="h6">{{text}}</h5>
 
{
  "text": "Northamptonshire County Council"
}
  • Handle: @heading-classes
  • Preview:
  • Filesystem Path: src/patterns/patterns/heading-classes/heading-classes.hbs

Heading Classes

You can also use class names to style headings. This should only be used to keep markup consistent with content.