Headings

Headings and their heading tags are important, because they add a clear structure to the web page, both visually and for text readers.

They are also important for effective search engine optimisation (SEO).

Be aware, that the below are just examples, how headings can look.

Of course any font, size, colour, and other style of your headings can be changed globally to fit your exact design requirements via the template style settings.

Single line, primary text only

Hero Heading (h1)

Page Heading (h1)

Major Heading (h2)

Section Heading (h3)

Subsection Heading (h4)

Minor Heading (h5)

Different h-tag without changing style

Hero Heading (h2)

Page Heading (h4)

Major Heading (h3)

Section Heading (p)

Subsection Heading (div)

Minor Heading (h1)

Two lines, primary style only

Hero Heading
Secondary Text

Page Heading
Secondary Text

Major Heading
Secondary Text

Section Heading
Secondary Text

Subsection Heading
Secondary Text

Minor Heading
Secondary Text

Secondary style in same line

Hero Heading Secondary Text

Page Heading Secondary Text

Major Heading Secondary Text

Section Heading Secondary Text

Subsection Heading Secondary Text

Minor Heading Secondary Text

Secondary style in new line

Hero Heading
Secondary Text

Page Heading
Secondary Text

Major Heading
Secondary Text

Section Heading
Secondary Text

Subsection Heading
Secondary Text

Minor Heading
Secondary Text

Byline/meta data style in same line

Hero Heading

Secondary Text

Page Heading

Secondary Text

Major Heading

Secondary Text

Section Heading

Secondary Text

Subsection Heading

Secondary Text

Minor Heading

Secondary Text

Byline/meta data style in new line

Hero Heading

Secondary Text

Page Heading

Secondary Text

Major Heading

Secondary Text

Section Heading

Secondary Text

Subsection Heading

Secondary Text

Minor Heading

Secondary Text

Heading and subheading

Hero Heading

Secondary Text


Page Heading

Secondary Text


Major Heading

Secondary Text


Section Heading

Secondary Text


Subsection Heading

Secondary Text

Minor Heading
Secondary Text

Different alignments of headings

Center aligned

Right aligned

Left aligned on desktop and center aligned on smartphone

Also works together with secondary text
This is the secondary text

Also works together with secondary text
This is the secondary text

This is the primary text This is the secondary text

This is the primary text This is the secondary text

This is the primary text
This is the secondary text

This is the primary text
This is the secondary text

This is the primary text

This is the secondary text

This is the primary text

This is the secondary text

This is the primary text

This is a subheading

This is the primary text

This is a subheading

Center aligned Subsection Heading

Right aligned Minor Heading