Owl Labs Web Style Guide

For internal use only. The following modules can be used on any Landing or Landing-typ page. It's typically easiest to get started by cloning an existing on-brand landing or thank you page.

Accordion

What can this module do?

The Accordion module allows you to add as many accordions as you'd like to a page, as shown here. Within each accordion item, you can even add a Wistia video.

In addition, there's an option to keep the first accordion expanded by default.
Pellentesque aria eusimod?

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Accordium lorem ipsum dolor?

Sample text here.

This is the Blockquote module. Use it to call out important eye-catching text.

Chart

The Chart module has several options, including the type of chart (pie, donut, bar, comparison bar, or stacked), the size, the colors, and the alignment. The display options vary depending which chart type you choose.

You can see it in action on the State of Video Conferencing 2019 page.

80% people who love charts20% people who don't understand charts

CTA Ribbon

Want to highlight a call-to-action? Use the CTA Ribbon module.

Featured Image

Example Heading

Some sort of description might go here. Add as many images as you'd like. Each row has a heading, description, and optional link.

See it in Action

Another Feature

Although this example showcases two featured images, you may add as many as you'd like.

See it in Action

Link List

The Link List can be numbered or not. Generally this module is used within a pillar page for SEO purposes.

Reviews Carousel

Add as many reviews as you'd like, with an optional logo or headshot image.

Rich Text Columns

With the Rich Text Columns module, you can fit anywhere from one to three columns of editable content in a row. This allows you to upload images, use smart content, and more.

Hello, world!

I'm a second column.

woman-sitting-while-operating-macbook-pro-1181676 (1)

One last column

smart phone valet tech gift guides gifts for techies

Additional modules

There are several template-specific modules that a developer can transfer fairly easily to the Style Guide. You will see them on other pages throughout the site. A list of those modules is included here.

Ask your developer for help making these usable in the Landing and Landing-typ templates.

Styled Form

Note that this form works best with the MQL or Lead Download forms. Other forms may require custom styling. When using this module, be sure that each field's "placeholder" text is populated. For example, "First Name" should have a placeholder of "First Name" so that the grey text shows on that form field before a user inputs their first name.