This blog will showcase some of the features, capabilities, and how-to's of the COD Blog Single Post Template. Feel free to use it as a reference when building your own blog posts.

Typography:

Below are the different styles and effects of different elements used in ATVI Rich Text Component.

All headings are automatically set to uppercase and use Open Sans Condensed as the font family. Below are the list of available headings with guidelines on their use.

Heading 1

Avoid using Heading 1. Only 1 H1 element should appear on a webpage and is already being used for the Blog Title.

Heading 2

Use for section titles. Uses the same formatting as Heading 3 

Heading 3

Use for sub-section titles. Uses the same formatting as Heading 2.

Paragraph

Use for everything else. This is the default typography used when adding text to the ATVI Rich Text Component. Font family is Montserrat.

---

Inline text elements

Styling for common inline elements

This line of text will render as underlined.

This line rendered as bold text.

This line rendered as italicized text.

Lists

Bullet:

• Item 1       
• Item 2
• Item 3

Nested Bullet:

• Item 1
  • nested item a
  • nested item b    
• Item 2
• Item 3

Numbered:

1. Item A
2. Item B
3. Item C

Nested Numbered:

1. Item A
   1. Sub item a
2. Item B
3. Item C

Components:

Below are examples of the components availabled to add to the blog post.

ATVI Rich Text Component

This is the ATVI Rich Text component. Treat it like any other text editor. See Typography notes above to see the styling of various standard text elements. The image below displays the various text editor options available.

Here is an Anchor tag with a name of "inline-anchor". Anchor tags can be used to share a link to the blog post that will go to a specific part of the page. URLs with anchor tags can be used to share in media promotions but also can be used the in Blog Layout Component's Side Nav. This anchor tag is not in the side nav but is still accessible if you used the  blog url and appended "#inline-anchor".