Skip to main content

Looking for the old Design System website? View an archive of the Design System Version 2.

YouTube Videos

Overview

A grid of YouTube videos.

When to Use

Use when you want to feature a series of YouTube videos.

Content Guidelines

Component
ContentDescriptionMax Chars.
HeadingShort copy that grabs the user’s attention.56
SubheadingShort copy that expands on the heading.100
Videos*A group of YouTube videos.N/A
PostscriptAdditional info e.g. to direct the user to resources.100

*Required content.

Example 1 General Audience Loud Tone Color Palette Option 4

Heading

Subheading goes here.

Video Title

Video Title

Video description. Watch Video: Video Title
Video Title

Video Title

Video description. Watch Video: Video Title
Video Title

Video Title

Video description. Watch Video: Video Title
Video Title

Video Title

Video description. Watch Video: Video Title
Video Title

Video Title

Video description. Watch Video: Video Title

Example 2 General Audience Default Tone Color Palette Option 1

Heading

Heading

Video Title

Video Title

Video description.
Watch Video: Video Title

Example 3 General Audience Default Tone Color Palette Option 5

Heading

Video Title

Video Title

Video description.
Watch Video: Video Title
Video Title

Video Title

Video description.
Watch Video: Video Title

Heading

Video Title

Video Title

Video description.
Watch Video: Video Title
Video Title

Video Title

Video description.
Watch Video: Video Title

Example 4 General Audience Default Tone Color Palette Option 6

Test

Heading

Video Title

Video Title

Video description.
Watch Video: Video Title
Video Title

Video Title

Video description.
Watch Video: Video Title

Heading

Video Title

Video Title

Video description.
Watch Video: Video Title
Video Title

Video Title

Video description.
Watch Video: Video Title