Close icon

Design Workflow Blog

Article content essentials

Different ways to format content elements in an article.

Examples of various article content components.

Breaking up content for blog posts and other types of articles (eg: help docs) makes the content more engaging to read and easier to skim through. From basic text formatting options to added images that accompany the text.

Titles and intro text

Titles and intro text illustration

The main title of the article and subtitles used throughout the article. Summary or intro text is often used to give more context to the title.

Bullet list

Bullet list illustration

Providing a bullet list is a good way to make multiple points that are:

  • Easier to digest their information
  • Visually easier to read through
  • Skimmable when going through the article

Image with caption

Image with caption illustration

Where it makes sense within the article, an image is added in-between the text. Either an illustration or photo. And often-times, the image includes a caption that describes the image or photo.

Pull quote

Pull quote illustration

Pull quotes work well for highlighting certain ideas within an article that are particularly relevant.

Callout

Callout illustration

A callout makes a piece of content stand out from the rest of the text. It can often include an illustration or photo.

For working examples of article content that you can refer to when designing your site, download our starter theme.

Setup your own article content as visually editable components for your team to build out and edit pages with the Blocks Edit editor.

Photo of Ovi Demetrian Jr Ovi Demetrian Jr
Designing and building on the web for over 15 years