Handles space, size, position, alignment and transitions.
Displays all types of images and videos.
Has 20 authorable fields that, for example, allow double-weighted headlines, pre and post headers, body copy, buttons, audio triggers, timestamps, etc.
These are included inside of Media Blocks that require accessibility controls. In this case, there's Play/Pause, Volume on/off and a transcript modal.
One of the most commonly used components on this site, Media & Copy displays image or video assets inline with a Description Block.
There's a variety of alignment options illustrated further below.
The Offset Container lets components overlap one another.
While the Full-Height container fills the device viewport with an image or video.
An elaborate layout component that displays multiple animated Offset Containers, which themselves house Media & Copy components.
A series of corresponding Media Blocks and Description Blocks that cycle in and out of view, when the user scrolls.
The Media Block can also display specific timestamps in a video file, making it look like the user is rotating a 3D image (like seen in the Ram example further down the page).
Behaves like the Sticky Container, but has accessible Hotspots which display a point of interest on top of the image, corresponding to the Description Block that's in view. This allows a keyboard user for example, to cycle the element focus through the hotspots
Cycles through an array of images to create the illusion that a 3D asset is floating or rotating. This all happens as the user scrolls up or down the page.
An immersive component with background videos that are triggered depending on the mouse position.
On desktop, scrolling up and down the page will update the status indicator in the navigation.
On mobile, the same navigation opens an accessible overlay to let users jump to other sections of the page.