Text Styles  Calls to Action  Content Organization  Form Styles

 

Table

Tables are still usable for websites, but better options exist to present content. If you plan on using a lot of tables in your site, talk to our web developers about possible other options.

Heading 1 Heading 2 Heading 3 Heading 4
Heading 1Cell Content Heading 2Cell Content Heading 3Cell Content Heading 4Cell Content
Heading 1Cell Content Heading 2Cell Content Heading 3Cell Content Heading 4Cell Content
Heading 1Cell Content Heading 2Cell Content Heading 3Cell Content Heading 4Cell Content

 

Tabs

Tab 1

Tabs are another way to design and organize your content.

Tab 2

Readers like to use tabs to interact with your content and have some control over when they see the content.

Tab 3

Tabs are good to use to online steps in a process, such as applying for a job.

Tab 4

Peek-a-boo!

Accordions

Accordions are Pretty Cool

Another option to design and organize content is by using accordions. Watch this 1-minute video to see how to create accordions.

Accordion 2

Accordions can help prevent the page from looking like long walls of text, which can overwhelm and frustrate your website visitor.

Accordion 3

Accordions can provide good user experience by giving them control over when they consume the content and are a good option when you have to explain a process, procedure or product with several paragraphs of words.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat.

 

Unordered List

Most people know these as a bulleted list. More people are skimming, rather than reading web pages. Bulleted lists are a good way to simplify your content, avoid writing long paragraphs of text and keep readers skimming. One study found that using bullets increased reader attention by 15%. 

  • Bulleted List Item One. 
  • Bulleted List Item Two. 
    • Bulleted List Item Two. 
  • Bulleted List Item Three. 

 

Ordered List

Ordered lists are simply numbered lists. They are good to outline processes. (Google also loves to use ordered lists as featured snippets!)

  1. List Item One. 
  2. List Item Two. 
  3. Bulleted List Item Three.