Professional Documents
Culture Documents
Guideline Dec 2020 Abbott Video Design V4-0
Guideline Dec 2020 Abbott Video Design V4-0
GUIDELINES
V E R S I O N 4 .0
4 Overview
5 Visual system framework
6 Using the 9-grid to determine look and feel
7 Guidelines at-a-glance
8 Brand elements
8 Abbott signature
13 Sound
13 Sonic
14 Color palette
16 Typography
17 Video elements
17 Title frames
18 Captions
19 Headlines
21 Gradients and dynamic graphic elements
22 Incorrect applications
Important note:
This guideline is purely illustrative to demonstrate how to use the brand elements.
Always refer to the Brand Resource Center for the latest version of the guidelines.
VERSION 4.0 | © 2020 A B B OT T
VIDEO DESIGN GUIDELINES 4
OVERVIEW
We use the visual landscape and 9-grid as tools to help determine the look and feel of our communications for our many different target
audiences and business needs. The expanded visual system allows flexibility to create the most appropriate look and feel for the story
we are trying to tell and the tone in which we want to communicate.
W H AT S T O R Y W H AT T O N E W H AT AU D I E N C E
+ +
ARE WE TRYING TO TELL? D O W E W A N T T O C O M M U N I C AT E ? ARE WE SPE AKING TO?
HORIZONTAL AXIS represents What Story? VERTICAL AXIS represents What Tone? Knowing your target audience is key and
live fully story or product/tech story? pioneering tone or caring tone? should always be factored into the equation.
Helps determine where we fall on the visual landscape to guide look and feel
HD Grid
1 2 3
MEDICAL DEVICES
4 5 6
CHANGING LIVES.
TRANSFORMING
L I V E F U L LY
THE FUTURE.
T E C H N O L O G Y/
LIFE-CHANGING
PRODUCTS
Global leader in Cardiovascular,
Neuromodulation and Diabetes Care 69 ABBOTT/HRS PANEL EXPLORATION/ ©2019 VSA PARTNERS
( W H AT W E D O) TECHNOLOGY
(HOW WE DO IT )
7 3
8 9
CARING
HD Grid HD Grid
M O S T LY F O U N D A T I O N A L E L E M E N T S M O S T LY E N H A N C E D E L E M E N T S
3 3
Use the 9-grid below to determine which grid best suits the communication objective; then use the brand elements on the following
pages to create the look and feel for each category.
PIONEERING
1 2 3
STORY: LIVE FULLY STORY: LIFE-CHANGING TECHNOLOGY STORY: TECHNOLOGY/PRODUCTS
I want to tell a human interest story I want to tell a life-changing I want to tell a product/technology
about living fully that reinforces the technology story about a cutting-edge story that shows how our world-class
image of pioneering by tackling tough solution that meets an institutional or technology has made a breakthrough
healthcare challenges. global need to create the future in health.
of health.
4 5 6
T E C H N O L O G Y/ P R O D U C T S
STORY: LIVE FULLY STORY: LIFE-CHANGING TECHNOLOGY STORY: TECHNOLOGY/PRODUCTS
I want to tell a human interest story I want to tell a story about the I want to tell a product/technology
(HOW WE DO IT )
( W H AT W E D O)
about living fully that demonstrates life-changing and inspirational impact story that highlights its unique value
L I V E F U L LY
how Abbott tackles healthcare a specific technology has had proposition to our customer.
challenges yet helps people and on human healthcare.
communities lead fuller lives.
TONE: PIONEERING YET CARING TONE: PIONEERING YET CARING TONE: PIONEERING YET CARING
Lively, emotional and personal Sophisticated and future-focused, Clean, crisp, modern and
emotional, personal and dynamic sophisticated
7 8 9
STORY: LIVE FULLY STORY: LIFE-CHANGING TECHNOLOGY STORY: TECHNOLOGY/PRODUCTS
I want to tell a human interest story I want to tell a warm, caring story I want to tell a product/technology
about living fully that demonstrates about the life-changing human impact story that shows how committed
how Abbott is helping people and of Abbott technology addressing a Abbott is to helping families and
communities lead fuller lives. health challenge. communities live fuller lives.
CARING
G U I D E L I N E S AT A G L A N C E
All video designs use elements of the Abbott visual system. This document will cover brand standards specific to video
Our guidelines enable each video to be distinctive while design, as well as examples and guidelines that demonstrate
consistently portraying the Abbott identity. how to apply our visual identity to support your specific
communication need.
Mercury Text G1
BRANDON GROTESQUE
Use our typefaces to create a unified
Lorem Ipsum
UT E NIM A D MINIM V E NI A M
and differentiated appearance
BRAND ELEMENTS
A B B O T T S I G N AT U R E
All videos must include the Abbott brand signature in the opening or end frame. To help build stronger equity in the Abbott brand, we
use a unique version of the Abbott signature that includes animation and sound: the sonic logo.
S TA N D A R D S O N I C L O G O
Abbott vertical signature Abbott vertical signature with optional descriptor or URL
SONIC LO GO
(PRODUC TS WITH UNIQUE IDENTITIES)
Unique product identity with Abbott horizontal signature Separate elements where the product sign-off precedes the standard
as an endorsement Abbott vertical signature sign-off
A B B O T T S I G N AT U R E F R A M E
V E R T I C A L S I G N AT U R E P L A C E M E N T H O R I Z O N TA L S I G N AT U R E P L A C E M E N T
The vertical signature should be centered on the frame. The horizontal signature is used in the lower-right corner
Scale the vertical signature to occupy 35%–45% of the (preferred) or upper-left corner for products with unique
height of the frame. The standard size in the sonic logo identities. Scale the horizontal signature to 8.5% of the
files is approximately 42% of the height of the frame, height of the frame. The size may be increased slightly, if
which is ideal for most applications. The size may be desired. The horizontal signature must have clear space
adjusted slightly to optimize it for large or small screens. around it equal to the height of the signature (x).
V E R T I C A L S I G N AT U R E H O R I Z O N TA L S I G N AT U R E
uniquet
Signature height:
Center line
pro duc
35%–45% of identity
frame
S I G N AT U R E S C A L E
To ensure maximum presence and legibility, the signature size must be optimized for the intended use and viewing distance. For example, the
signature should be enlarged to enhance legibility in small applications (e.g., mobile devices).
Signature height:
45% of frame
Signature height:
35% of frame
Example: For viewing on large screens, the scale of the Example: For viewing on small screens (e.g., mobile devices), the
signature may occupy less of the overall screen size scale of the signature should be enlarged to enhance legibility
A B B O T T S I G N AT U R E W I T H D E S C R I P T O R O R U R L
1/3 X
1/3 X
O P T I O N A L D E S C R I P TO R T WO LINES
OP TIONAL DESCRIP TOR
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eleifend, libero ac finibus cursus, nunc massa auctor nisl,
www.abbott.com
non elementum mi velit nec nibh. Donec ut quam in dui tincidunt tristique. Praesent mollis, lacus nec scelerisque varius,
urna erat tincidunt magna, eu tristique ante leo sit amet purus. Vivamus ac mi neque. Phasellus porta enim tincidunt,
porttitor massa ac, sodales ligula. Sed elit turpis, gravida a urna quis, auctor sollicitudin mauris. tincidunt a. Pex elit
tincidunt ex, a condimentum lectus nibh at arcu.
S I G N AT U R E C O L O R S A N D B A C K G R O U N D S
The two-color Abbott signature is preferred and may be placed SO L ID-CO LO R O R DA RK PH OTO G R A PHI C
on light solid-color, gradient or photographic backgrounds, as B ACKG R O U N D S
shown below. Only use the approved Abbott color palette. The Abbott reverse signature may be placed on solid-color
Products with unique identities may also use additional or dark photographic backgrounds. Use the two-color
product colors. reverse signature when there is sufficient contrast.
L I G H T B ACKG R O U N D S
T W O - C O L O R S I G N AT U R E ( P R E F E R R E D)
Use the two-color Abbott signature on white backgrounds or light colored photographic backgrounds that provide sufficient contrast for
legibility
R E V E R S E S I G N AT U R E
For solid-color backgrounds, two options are available: the reverse signature on Abbott Primary Blue or the reverse signature on the You may also use the reverse Abbott
Abbott Dark Blue background or an approved gradient background signature on photographic backgrounds that
provide sufficient contrast for legibility
I N C O R R E C T A P P L I C AT I O N
DO NOT place the signature on a DO NOT use the Abbott symbol as an DO NOT use the horizontal Abbott signature
background that compromises legibility image mask
A B B O T T S I G N AT U R E S E Q U E N C E O P T I O N S
The sonic logo is generally used at the end of the video, but it may be used at the beginning instead. It is used only once per video.
The sequencing examples below illustrate placement options.
C O R P O R AT E , A R E A O F E X P E R T I S E A N D F U N C T I O N A L
Sign-off (preferred)
The sonic logo is used full screen,
centered at the end of the video
Sign-on
The sonic logo is used full screen,
centered at the beginning of the video.
Sometimes used in online videos, if
there’s potential of the viewer not
watching the entire video
Product endorsement
The sonic logo (horizontal) is used
in the lower-right corner of the
beginning or the end frame, with
the product logo
SOUND
Sonic branding is the strategic use of sound to help increase USAGE GUIDELINES
brand awareness and differentiation. A sonic signature is • The sonic logo is used as a separate element from
far more memorable than a visual logo alone. It establishes a music, voiceover and sound design. Do not add any
unique and ownable sound that articulates our identity. music, voiceover or sound effects to the sonic logo
The sonic logo is used in all videos and sonic or mark.
experiences (e.g., radio ads). Several options have been • Use the sonic logo as provided. Do not shorten or edit
provided to ensure flexibility in use. the sonic logo or the animation of the signature.
SONIC LO GO FIL ES • The volume of the sonic logo should be leveled to the
average volume of your video.
All versions of the sonic logo are available for download in
the Brand Resource Center in both 24 FPS and 30 FPS • Fade out any music or voiceover before playing the
options. The files are organized by signature type, sound sonic logo. An element, such as a cymbal, may be
and color option. used to transition from music to the sonic logo,
as appropriate.
Refer to Music, Sonic Mark and Audio Guidelines to learn more.
SONIC
S O U N D VA R I AT I O N S T O A C C O M M O D AT E D I F F E R E N T T Y P E S O F V I D E O
*An alternative option for videos less than 0:10 seconds is to include a watermark
Abbott signature in the lower-right corner throughout the entire video.
VERSION 4.0 | © 2020 A B B OT T
VIDEO DESIGN GUIDELINES 14
C O L O R PA L E T T E
Color is fundamental to the way we express the Abbott A B BOT T SECO NDA RY CO LO RS
brand. Our color palette includes a combination of: Abbott’s secondary colors consist of our core brand colors,
accent, energy colors and neutral. Care must be taken when
• Primary colors applying these colors to communications across a range of
• Secondary colors audiences and applications. When communicating
− Core colors life-changing technology, we use more of our energy colors.
C O L O R PA L E T T E
PRIMARY
BRAND
COLORS
CORE
BRAND
COLORS
WHITE
ACCENT
S PA C E
ENERGY
COLORS
B R A N D C O L O R PA L E T T E : K E Y TA K E A W AY S
• More functional materials should incorporate our • Tints of our color palette may be used in digital
primary brand color (Abbott Primary Blue) and at least applications or when creating gradients, but solids (100%)
one of our three core colors are preferred
• More expressive materials can use our energy colors in • Products with an approved unique visual identity use
greater amounts, especially when communicating Abbott’s color palette and may have one additional unique
life-changing technology color as determined in their product brand visual identity
O N -S C R E E N
ACCENT
Abbott Light Blue R:91 G:194 B:231
HEX: 5BC2E7
Note: Metallic gold and silver accents can be used in print materials to signal premium look and feel with approval from GMEA.
VERSION 4.0 | © 2020 A B B OT T
VIDEO DESIGN GUIDELINES 16
T YPOGRAPHY
A key element of our brand is typography. Using our The typefaces we have chosen, and the way they are
selection of approved typefaces will give communications applied—size, weight, color and layout—can have a big
in our videos an unified appearance and our brand a impact on our communications and how clear and engaging
distinct personality in the process. they will be.
P R I M A R Y T Y P E FA C E S
Mercury Text G1 B R A N D O N G R OT E S Q U E
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz1234567890!? abcdefghijklmnopqrstuvwxyz1234567890!?
Mercury Text G1 Roman Brandon Grotesque Light
Mercury Text G1 Roman Italic Brandon Grotesque Light Italic
Mercury Text G1 Semibold Brandon Grotesque Regular
Mercury Text G1 Semibold Italic Brandon Grotesque Regular Italic
Mercury Text G1 Bold Brandon Grotesque Medium
Mercury Text G1 Bold Italic Brandon Grotesque Medium Italic
For Mercury family, keep the tracking between -10 and +10. Brandon Grotesque Bold
Brandon Grotesque Bold Italic
Brandon Grotesque Black
Brandon Grotesque Black Italic
For Brandon Grotesque, set the tracking at 0–20 for sentence case
and 50–100 for headlines in All Caps, but the amount of spacing
should be adjusted based on the size of the copy.
L A N G U A G E-S P E C I F I C T Y P E G U I D A N C E
Headings/body copy MS Simplified Arabic and Georgia Regular Georgia Regular Times New
MS Mincho Batang Sim Sun Regular
Georgia equivalent Simplified Arabic Bold and Bold and Bold Roman
Acquiring fonts
The Mercury Text G1 font family requires a license to be purchased before use. Abbott has retained a global enterprise license for the Brandon
Grotesque family of fonts, therefore a license for this font does not need to be acquired. Divisions, external agencies and suppliers must purchase
the Mercury Text G1 font license independently. Internally, fonts can be licensed through the Global Service Desk Software Request Portal.
Note: Brandon Grotesque Condensed and Brandon Text are both acceptable alternative fonts to
Brandon Grotesque for copy heavy materials (e.g., our proxy and packaging inserts).
VERSION 4.0 | © 2020 A B B OT T
VIDEO DESIGN GUIDELINES 17
VIDEO ELEMENTS
TITLE FRAMES
S OTitle
Title Lover
I Dover
BA C Kcolor
solid
solid color GROUND COLOR FU
Title
Title Lover
overL- Ffootage
RAME
footage IM AGERY
Video
Video title
title over
over solid
solid color
color VIDEO
VIDEO TITLE
TITLE OVER
OVER FOOTAGE
FOOTAGE
Place,
Place, date
date PLACE,
PLACE, DATE
DATE
VIDEO
VIDEO TITLE TITLE
OVEROVER
SOLIDSOLID
COLORCOLOR VideoVideo title over
title over solidsolid
colorcolor
PLACE,
DATE DATE Place,
PLACE, Place, date date
LOREM
LOREMIPSUM
IPSUMDOLOR
DOLORAMET,
PLACE, DATE
Lorem
Loremipsum
ipsumdolor amet,
amet,consecte tue
Place, date
LOREM
LOREMIPSUM DOLOR
IPSUM DOLOR AMET,
AMET, LOREM IPSUM
LOREM IPSUMDOLOR
DOLORAMET,
AMET, Lorem ipsum
Lorem dolor
ipsum amet,
dolor consecte
amet, tue tue
consecte Lorem ipsum
Lorem dolordolor
ipsum amet, consecte
amet, tue tue
consecte
CONSECTE
CONSECTE TUEADI
TUEADIPISCING SED
PISCING SED CONSECTE
CONSECTETUEADI PISCING
TUEADI SED
PISCING SED
adi adi
piscing sedsed
piscing nonummy
nonummyeuismod.
euismod. adi piscing sed nonummy
adi piscing sed nonummyeuismod.
euismod.
NONUMMY EUISMOD. NONUMMY EUISMOD.
NONUMMY EUISMOD. NONUMMY EUISMOD. LOREM IPSUM DOLOR
LOREM IPSUM DOLOR
LOREM IPSUM DOLOR
LOREM IPSUM DOLOR
LOREM IPSUM DOLOR LOREM IPSUM DOLOR
LOREM IPSUM DOLOR LOREM IPSUM DOLOR
CAPTIONS
Firstname Lastname
LOREM IPSUM DOLOR AMET, CONSECTE TUEADI
Full-width footer with optional gray typography Optional right-justified footer Footer with white typography on translucent blue footer bar
Firstname Lastname
LOREM IPSUM DOLOR AMET, CONSECTE TUEADI
Translucent white bar may be omitted if background Optional caption positioned in upper portion of the frame Dual language footer with blue typography on translucent
contrast is sufficient white footer bar
HEADLINES
M I X E D T Y P E FA C E W E I G H T H E A D L I N E
SUBTITLE
G R A D I E N T S A N D DY N A M I C G R A PH I C E L E M E N T S
Gradients and dynamic graphic elements can also be used in the video frames. They add vibrancy and dimension and can be used as a
background or be integrated with photography to illustrate a function or key concept. These graphic elements help communicate our
Life-Changing Technology and its impact. Refer to Life-Changing Technology guidelines for more information on their usage.
Title frame in Brandon Grotesque on Gradient Background Centered frame in Brandon Grotesque on Gradient Background
Important note: Dynamic graphic elements are designed to help enhance and strengthen our messaging to
represent an innovation or concept. If dynamic graphic elements don’t help to communicate our message, don’t
VERSION 4.0 | © 2020 A B B OT T
use them. They should never be used for decoration.
Message headli
VIDEO DESIGN GUIDELINES ne lor ing sed 22
em t pisc
• Donec blandit ael
lor ame
sodalee pulvina do
• Amassa mattis en Ipsum
nec lorem ipsum
I N• Edolor
C O RametR Eel C T A P P L I C AT I O N S
consecte
These examples demonstrate some things to avoid when creating videos. Consistent use of our brand standards will allow our audiences
to recognize our look as unique to Abbott.
Message headli
LOREM IPSUM ing sed
ne lorDOLOR AMET,iscROMISTA
em
CONSECTE TUEADI et p SED TODI
PISCING
• Donec blandit ael
olo r am • Donec blandit ael
sum d
sodalee pulvina NONUMMYIpEUISMOD DONEC BLANDIT sodalee pulvina
• Amassa mattis en • Amassa mattis en
nec lorem ipsum AEL SODALEE PULVINA AMASSA MATTIS nec lorem ipsum
• Edolor amet el EN NEC LOREM IPSUMDONEC BLANDIT • Edolor amet el
consecte AEL SODALEE PULVINA AMASSA MATTIS consecte
DO NOT use the Abbott signature as a watermark DO NOT use unnecessary visual effects DO NOT place large transparent blocks or large
when revealing headlines or transitioning amounts of copy over images or footage
to the next segment
LOREM IPSUM DOLOR AMET, ROMISTA
CONSECTE TUEADI PISCING SED TODI
NONUMMY EUISMOD DONEC BLANDIT
AEL SODALEE PULVINA AMASSA MATTIS LOREM IPSUM DOLOR AMET,
EN NEC LOREM IPSUMDONEC BLANDIT CONSECTE TUEADI PISCING SED
AEL SODALEE PULVINA AMASSA MATTIS NONUMMY EUISMOD. LOREM IPSU
EN NEC LOREM IPSUM. LOREM IPSUM DOLOR CONSECTE T
LOREM IPSUM DOLOR AMET, ROMISTA NONUMMY E
CONSECTE
• Donec blandit aelTUEADI PISCING SED TODI LOREM IPSUM DOLOR LOREM IPSUM DO
sodalee
NONUMMY pulvina EUISMOD DONEC BLANDIT
• Amassa mattis en
AEL SODALEE
nec lorem ipsum PULVINA AMASSA MATTIS
EN NEC
• Edolor ametLOREM
el IPSUMDONEC BLANDIT
AEL SODALEE PULVINA AMASSA MATTIS
consecte
EN NEC LOREM IPSUM. Message headli
ne lor ing sed
em t pisc
• DonecIPSUM
LOREM blandit ael
DOLOR • Donec blandit ael
lor ame
sodalee pulvina sodalee pulvina do
• Amassa mattis en • Amassa mattis en Ipsum
nec lorem ipsum nec lorem ipsum
• Edolor amet el • Edolor amet el
DOconsecte
NOT use unapproved Abbott DO NOT use the Abbott vertical signature for
consecte DO NOT use the horizontal Abbott signature,
signature animations product videos except as a sign-off in products with unique
identities videos
Message headline lorem
Ipsum dolor amet piscing sed
DO NOT use three or more text colors within the DO NOT use white or light-colored type on a DO NOT set long text passages in Brandon, All Caps
same frame light-colored image or color background
These examples demonstrate some things to avoid when creating videos. Consistent use of our brand standards will allow our audiences
to recognize our look as unique to Abbott.
DO NOT use cartoon characters DO NOT use flashy fonts and shapes DO NOT use glow effect for text
DO NOT combine shots with graphical illustrations DO NOT use outline fonts and typefaces other DO NOT use cartoon-like illustrations and
than those recommended in the Typography animations. DO NOT use fonts other than Abbott
guidelines approved typefaces
DO NOT use white board animation DO NOT use see-through effect for fonts that
reveals the imagery that it is placed on
December 2020