Skip to Main Content
Example

Graphic Elements

Our graphic element system is inspired by three of the most important
core components of making movies—light, focus and time.

Graphic Elements: Intro: Header Image: Emma

Overview

We have three graphic elements that make up our system: light,
time and focus. Each element is inspired by filmmaking and can be
used both statically and in motion.

Graphic Elements: Overview: Light
Light
Graphic Elements: Overview: Time: Best Animated Feature Nominee Luca
Time
Graphic Elements: Overview: Focus
Focus

Graphic Element: Light

Our light graphic element is created from the shape of our logo,
which is inspired by light shining down on a stage. This element
can be rotated and scaled to create unique and flexible layouts.

Graphic Element: Light: 1
Graphic Element: Light: 2
Graphic Element: Light: 3
Graphic Element: Light: Examples: Step 1: Choose subject
Step 1: Choose subject.
Graphic Element: Light: Examples: Step 2: Apply graphic element to an area of focus.
Step 2: Apply graphic element to an area of focus.
Graphic Element: Light: Examples: Step 3: Add blur effect or color to background.
Step 3: Add blur effect or color to background.
Graphic Element: Light: Examples: Step 4: Add typography if applicable.
Step 4: Add typography if applicable.

Graphic Element: Focus

The focus graphic element is created from a series of circles. When
used together, these circles create the effect of a lens focus. The
circles are always concentric and can be scaled and placed to
create flexible and unique layouts.

Graphic Element: Focus: Outline 1
Graphic Element: Focus: Outline 2
Graphic Element: Focus: 3
Graphic Element: Focus: Examples: Choose subject
Step 1: Choose subject.
Graphic Element: Focus: Examples: Step 2: Apply graphic element to an area of focus.
Step 2: Apply graphic element to an area of focus.
Graphic Element: Focus: Examples: Step 3: Add blur effect or color to background.
Step 3: Add blur effect or color to background.
Graphic Element: Focus: Examples: Step 4:2: Add typography if applicable.
Step 4: Add typography if applicable.

Graphic Element: Time

The time graphic element is created from vertical lines that are
inspired by video scrubbing. When used together, these lines
create sections in the layout for photography and content.
We always use 2 to 3 lines in a layout for consistency.

Graphic Element: Time: Outline Guide: 1
Graphic Element: Time: Outline Guide: 2
Graphic Elements: Graphic Element: Time: Step-by-Step Examples: Emma: Step 1: Choose subject
Step 1: Choose subject.
Graphic Element: Focus: Step-by-Step Examples: Emma: Step 2: Apply graphic element to an area of focus.
Step 2: Apply graphic element to an area of focus.
Graphic Element: Focus: Step-by-Step Examples: Emma: Step 3: Add blur effect or color to background.
Step 3: Add blur effect or color to background.
Graphic Element: Focus: Step-by-Step Examples: Emma: Step 4: Add typography if applicable.
Step 4: Add typography if applicable.