👉 Brand Guidelines

Web Elements

Jump to a section:
PhilosophyVoice & ToneEditorial GuidelinesOur AudienceWord ListVisual GuidelinesWeb Elements

Web elements are specific formatting methods we use across our website, like columns, tables, callout boxes, buttons, and more.

Design Objects & Patterns

We use emojis, not icons:

As you can see in our navigation, we use emojis for punctuation and icon elements throughout our site and our app. 💪

Divider lines

We use our HR line squiggle to divide up page sections. You can call it with <hr> or the CMS blocks.

Tile boxes

We use our tile boxes to create callouts and blocks on the page. See examples below in Editorial Elements.

Editorial Elements

Aside from paragraph formatting, we have the following formatted elements available:

Bulleted Lists

  • Bullet 1
  • Bullet 2
  • Bullet 3

Numbered Lists

  1. Number 1
  2. Number 2
  3. Number 3

Expandable Boxes

👉 You can toggle this box.

Go ahead, it's fun. Perfect for inline footnotes, FAQ page sections, and more.

Tile Boxes

We use tile boxes to stand out from the page, and also create tile boxes in columns and similar design elements.

This is a standard tile box.

Tiles can be set to wide as well to break out from the normal body width of inline content.

This is a wider tile box.

Callout Boxes

We use callout boxes for inline notes, pro tips, calls-to-action, and similar opportunities to break up the body text of a page.


Buttons are used for CTAs, downloading templates, etc.

Media Elements

You can create the following types of embeds within our CMS:

Content Marketing Software from Content Harmony
We’ve redesigned the content optimization process from the ground up, making it faster, more data-driven, and more *fun* to build SEO-driven content.
Example embedded link for our Product page.

Tweet Embeds

Sample link caption.

YouTube Embeds

Sample video caption.

Code Snippets

Gist Code:

CodePen Code:

Jump to a Brand Guidelines Section: Philosophy | Voice & Tone | Editorial Guidelines | Our Audience | Word List | Visual Guidelines | Web Elements

Ready To Try
Content Harmony?

Get your first 10 briefs for just $10

No trial limits or auto renewals. Just upgrade when you're ready.