Developer Styleguide

Rich Text Styles

The following content demonstrates content generated via Shopify's Rich Text Editor

h1 - heading 1

h2 - heading 2

This is some text following a heading.

h3 - heading 3

This is some text following a heading.

h4 - heading 4

This is some text following a heading.

h5 - heading 5

This is some text following a heading.

h6 - heading 6

This is some text following a heading.

Paragraph. The quick brown fox jumped over the lazy dog. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in orci vitae nulla laoreet dignissim. Sed a pulvinar sapien, ut elementum quam. Vivamus tempor dignissim eleifend. In egestas quam ac imperdiet blandit. Maecenas in tempus nisi, in vehicula nunc. Pellentesque a sapien nec tellus pharetra interdum. Integer sodales metus id mi cursus lacinia. Suspendisse at ultricies ligula, sit amet ornare orci.

Integer ultricies augue vel ante dapibus lobortis. Praesent finibus felis et ipsum ornare, et porta lectus rhoncus. Sed elementum turpis in nisi aliquam dignissim. Maecenas fermentum nibh lectus, non ultrices massa placerat suscipit. Duis orci dui, congue sed tortor non, elementum lobortis velit. Nullam aliquam pulvinar purus sit amet sodales. Nunc vitae ultricies purus. Aenean malesuada consectetur tempus. Aenean ut neque sed nisi porta hendrerit id at nunc. Mauris placerat dolor mauris, et auctor lorem congue a.

List

  • Item 1
  • Item 2
  • Item 3
  • Item 4

Integer ultricies augue vel ante dapibus lobortis. Praesent finibus felis et ipsum ornare, et porta lectus rhoncus. Sed elementum turpis in nisi aliquam dignissim. Maecenas fermentum nibh lectus, non ultrices massa placerat suscipit.

Numbered list

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4

Integer ultricies augue vel ante dapibus lobortis. Praesent finibus felis et ipsum ornare, et porta lectus rhoncus. Sed elementum turpis in nisi aliquam dignissim. Maecenas fermentum nibh lectus, non ultrices massa placerat suscipit.

I'm a block quote

Integer ultricies augue vel ante dapibus lobortis. Praesent finibus felis et ipsum ornare, et porta lectus rhoncus. Sed elementum turpis in nisi aliquam dignissim. Maecenas fermentum nibh lectus, non ultrices massa placerat suscipit.

Internal Styles

The following section uses this themes global styles.

h1 - heading 1

h2 - heading 2

This is some text following a heading.

h3 - heading 3

This is some text following a heading.

h4 - heading 4

This is some text following a heading.

h5 - heading 5

This is some text following a heading.

h6 - heading 6

This is some text following a heading.

Paragraph. The quick brown fox jumped over the lazy dog.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in orci vitae nulla laoreet dignissim. Sed a pulvinar sapien, ut elementum quam. Vivamus tempor dignissim eleifend. In egestas quam ac imperdiet blandit. Maecenas in tempus nisi, in vehicula nunc. Pellentesque a sapien nec tellus pharetra interdum. Integer sodales metus id mi cursus lacinia. Suspendisse at ultricies ligula, sit amet ornare orci.

Integer ultricies augue vel ante dapibus lobortis. Praesent finibus felis et ipsum ornare, et porta lectus rhoncus. Sed elementum turpis in nisi aliquam dignissim. Maecenas fermentum nibh lectus, non ultrices massa placerat suscipit. Duis orci dui, congue sed tortor non, elementum lobortis velit. Nullam aliquam pulvinar purus sit amet sodales. Nunc vitae ultricies purus. Aenean malesuada consectetur tempus. Aenean ut neque sed nisi porta hendrerit id at nunc. Mauris placerat dolor mauris, et auctor lorem congue a.

Centered paragraph. Integer ultricies augue vel ante dapibus lobortis.

Colours

Color 1 Color 2 Color 3 Color 4 Color 5

Button colours

Lists

Unordered List

Integer ultricies augue vel ante dapibus lobortis. Praesent finibus felis et ipsum ornare, et porta lectus rhoncus. Sed elementum turpis in nisi aliquam dignissim. Maecenas fermentum nibh lectus, non ultrices massa placerat suscipit.

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4

Integer ultricies augue vel ante dapibus lobortis. Praesent finibus felis et ipsum ornare, et porta lectus rhoncus. Sed elementum turpis in nisi aliquam dignissim. Maecenas fermentum nibh lectus, non ultrices massa placerat suscipit.

Block quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in orci vitae nulla laoreet dignissim. Sed a pulvinar sapien, ut elementum quam. Vivamus tempor dignissim eleifend. In egestas quam ac imperdiet blandit. Maecenas in tempus nisi, in vehicula nunc. Pellentesque a sapien nec tellus pharetra interdum. Integer sodales metus id mi cursus lacinia. Suspendisse at ultricies ligula, sit amet ornare orci.

Integer ultricies augue vel ante dapibus lobortis. Praesent finibus felis et ipsum ornare, et porta lectus rhoncus. Sed elementum turpis in nisi aliquam dignissim. Maecenas fermentum nibh lectus, non ultrices massa placerat suscipit.