City of Ghent Style Guide - Version 2.10.0

Heading 4 

<h4>Heading 4</h4>
 
<h4>{{ h4_text|default(h4_text) }}</h4>
 
{
  "h4_text": "Heading 4"
}
  • Content: 
    h4,
.h4,
%h4 {
  @include themify {
    color: $heading-4-color;
  }

  margin-bottom: .75rem;
  font-family: $heading-4-font-family;
}
  • URL: /components/raw/h4/_heading-4.scss
  • Filesystem Path: components/21-atoms/headings/heading-4/_heading-4.scss
  • Size: 136 Bytes

Headings

Headers create structure. They provide a quick way to scan the main sections of a website.

  • Make sure the headline works out of context.
  • Use sentence case for headings.
  • Headings have no closing punctuation, with the exception of question marks for questions.
  • At least one paragraph of content should follow each heading.
  • Headings of the same weight should never directly follow one another.
  • Don’t use links in page headings.
  • Use only one H1 per page.
  • Don’t skip headings: e.g. do not jump from H1 to H3.
  • Currently, only Headings 1 to 3 are used.