+

 

Components

'

Banners

Centered, two columns, with video, an image or background.

aa

Features

A content block that can host an image, some title and copy. Commonly used for highlighting benefits and features. 

Content section sample image

Content sections

Some ways we show content on pages. 

Bob Ross Tiles img

Tiles

Three boxes that are stack in mobile. 

Bob Ross Large Tile img

Large tile

Large tile with an image. Image stacks on top of the title on mobile.

Stats section

Stats with number that is in fact an img

Bob Ross Tabs img

Tab system

Tabs that show different content on click, without the need of lengthening the scroll on a page

Promotion section

Promotion section banner, with an image that disappears in mobile.

Quote

Long and short quotes, with or without image.

Accordion

AKA Carousel

Box

Free trial

Videos

Different ways we display videos

'

Sliders

Different ways we use sliders

'

Tabbed content widget

Tabbed content widget

Atoms

A

Font styling

Default styling for all level headings, body content and lists

Links, buttons and CTAs thumbnail

Links, buttons and CTAs

Link, button and CTA styling across the site

Links, buttons and CTAs thumbnail

Badge, Flag, Pill element

Badge, Flag, Pill element styling across the site

Layouts

aaa

All of the available layouts. Narrow the screen and check the mobile behavior.

Bob Ross backgrounds img

Backgrounds

Different backgrounds that can be applied to layouts.

Content types

We have several content types available on the website, below each of them presented as a sample node:

 

Gated demos

 

Navigation

Our navigation includes a Featured resources panel to the right, through which we highlight relevant content in accordance to the nav section it is in. This content includes:

  • a small image (472 x 266 px)
  • a title
  • brief description copy
  • a call to action.

Refer to our website for live examples.

See documentation about how to implemente header and footer on your website. Can be consumed as an endpoint.

 

Nav

 

Nav