Style

This is a page which shows all the default font styles with our Debut theme.

Heading tags have some influence on pages when it comes to ranking in Google in 2019. We know that Google examines user behavior in order to determine the quality of a website and a major factor in how long a visitor will spend on a page is how easy it is to parse the content on the page. So… what helps a visitor to parse content? H1 and H2 tags.

These are our heading tags:

h1 tag - Heading 1

Header 1 text is usually the largest text on the page, and serves as the title for that page’s content, much like the title of a book.

There should only ever be one h1 tag per page.

In Shopify the "Title" field on each page is the h1 header so don't add more h1's in the body of the page. The h1 tag should contain your targeted keywords.

h2 tag - Heading 2

If h1's are your book title, then h2's are your chapter headings or sub titles, which give readers a clearer picture of what your content covers, and allows them to quickly track down the information they want.

There can be multiple h2's per page but use sparingly. Ex. 2-4 per page. Great for splitting up content in blog posts.  

h3 tag - Heading 3

Bacon ipsum dolor amet beef strip steak leberkas, beef ribs meatball ground round pastrami sausage andouille tenderloin capicola rump. 

There can be multiple h3's per page as needed. Just follow the hierarchy.   

h4 tag - Heading 4

Bacon ipsum dolor amet beef strip steak leberkas, beef ribs meatball ground round pastrami sausage andouille tenderloin capicola rump. 

h5 tag - Heading 5

Bacon ipsum dolor amet beef strip steak leberkas, beef ribs meatball ground round pastrami sausage andouille tenderloin capicola rump. 

h6 tag - Heading 6

Bacon ipsum dolor amet beef strip steak leberkas, beef ribs meatball ground round pastrami sausage andouille tenderloin capicola rump. 

This is a bulleted list: 

 This is a numbered list: 

  1. alpha
  2. bravo
  3. charlie
  4. delta

I am a left-aligned paragraph. 

I am a right-aligned paragraph.

I am a centered paragraph. 

 Column header Column header
I am a cell. Same here.

 

Header and footer background colour: #222433 (ink blue)

Header and footer font colour: #E0E5E9 (light grey)

Primary button colour: #558897 (teal)