KEMBAR78
Hyland Brand Guidelines 2025 | PDF | Typography | Icon (Computing)
0% found this document useful (0 votes)
83 views62 pages

Hyland Brand Guidelines 2025

The Hyland Brand Toolkit Version 1.0 outlines the visual identity of the company, emphasizing digital innovation and empowerment through bold design elements. It provides guidelines on logo usage, typography, color palette, and imagery to ensure consistent brand representation. The toolkit serves as a resource for creating a dynamic and recognizable brand presence across various communications.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
83 views62 pages

Hyland Brand Guidelines 2025

The Hyland Brand Toolkit Version 1.0 outlines the visual identity of the company, emphasizing digital innovation and empowerment through bold design elements. It provides guidelines on logo usage, typography, color palette, and imagery to ensure consistent brand representation. The toolkit serves as a resource for creating a dynamic and recognizable brand presence across various communications.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 62

BRAND TOOLKIT VERSION 1.

0
Our brand / Introduction

The Hyland visual brand identity focuses on digital innovation and


empowerment. It represents a future-focused enterprise software
company that shows up in the marketplace as bold, confident
and positively disruptive. It evokes swagger and fearlessness.

It is created out of sharp, bold visuals that represent innovation: Angular


lines that draw attention to cutting-edge technology and precision; a color
palette that symbolizes technology and forward-thinking; and dramatic
imagery that connects to the key industries that we care most about.

This guide delivers tools for creating a dynamic look and feel,
while also locking in visual consistency, so our brand always
represents who we are and what we stand for.

BRAND TOOLKIT VERSION 1.0


Overview of toolkit
Everything we say is an opportunity to
make a connection and to reinforce who
we are and why we matter to the world.
With consistent use, this toolkit creates
that connection to our brand and enables
recall and trust.

BRAND TOOLKIT VERSION 1.0


CONTENTS Design principles 02
Our logo 05
Typography 13
Color 21
27
Imagery
Graphic elements 33
45
Iconography
Data visualization 48
Illustration 50
52
Animation
55
Digital
57
Social

1 BRAND TOOLKIT VERSION 1.0


DESIGN
PRINCIPLES

2 BRAND TOOLKIT VERSION 1.0


Design principles

Key design principles include:


Our logo Graphic devices Typography Color Imagery
This is our most important asset. The H mark — a device at the We use distinctive, legible and Our color palette is vibrant and We use dramatic and bold imagery.
With its dynamic and sharp core of our identity — represents accessible typography. With modern. With light- and dark-mode Its abstract focus conveys swagger
angles it conveys agility. The our forward direction and a its eye-catching uppercase gradients and dynamic accent and innovative thinking while the
intentional forward motion gateway to digital innovation headline approach, it conveys colors, it symbolizes technology human-centered photography
represents our future direction. and empowerment. It provides a strength and leadership. and forward thinking. connects the key industries that
template for our layouts, graphic we care most about.
shapes and the portal. It is a
versatile device that serves
as a unifying element across
all brand assets.

3 BRAND TOOLKIT VERSION 1.0


Design principles /
Key design principles
in use
2 5 1

1. Our logo
We have a few color variants (see page
8). These are best placed in either
corner of most communications.
2. Typography
Uppercase Figtree ExtraBold for
our headlines and Source Sans 3
sentence case for our body copy.
Headlines are also best placed in either
corner of most communications.
3. Color
Main backgrounds for all
communications are led by our
dark and light gradients, and
complimented by our secondary
color palette, which derives from
the H mark blocks.
4. Imagery
Human-centric photography with
abstract technology and data images.
5. Graphic devices
These shapes are all born from
3
the H mark.

4 BRAND TOOLKIT VERSION 1.0


OUR LOGO

5 BRAND TOOLKIT VERSION 1.0


Our logo / Introduction

Our logo is our most important


asset and should be the first
choice when choosing an
element to represent the brand.

6 BRAND TOOLKIT VERSION 1.0


Our logo

7 BRAND TOOLKIT VERSION 1.0


Our logo /
Full-color variants

Our logo exists as 4 variants:


horizontal, stacked, Hyland
word mark and the H mark.
The horizontal and stacked
Always try to lead with either the
horizontal or the stacked full-color logo.
Use the stacked logo when space is more
restricted, such as an event flag or a thin
digital banner. HORIZONTAL LOGO STACKED LOGO

The word mark


The word mark can be used in certain
executions where there is an additional
horizontal or stacked logo. For example,
on a portal design the word mark can
be placed over the top. It should also be
used when space is too restricted for a
horizontal or stacked logo.
The H mark
The H mark can be used when there
is a company name present, such as
on social or internal documents and HYLAND WORD MARK H MARK
presentations. As the brand is already
present in this toolkit for instance, the
H mark is used as a badge in the bottom
corner of each slide.

8 BRAND TOOLKIT VERSION 1.0


Our logo / Clear space
and minimum s izes
1.102" 0.669" 0.669" 0.433" 0.905" 0.551" 0.354"

MINIMUM FULL-COLOR SIZES MINIMUM SINGLE BLUE COLOR SIZES

Consistent use
It’s essential the logo is usedconsistently
to build our brand recognition. Make sure
sufficient clear space isallowed around 45pxl 30pxl 27pxl 16pxl 45pxl 30pxl 16pxl

the logo. Spacing should be at least the MINIMUM DIGITAL FULL-COLOR SIZES MINIMUM SINGLE BLUE COLOR SIZES
height of an H mark block, and for
the word mark it should be 1.5x the
height of the logo itself.
THE HEIGHT OF
AN H MARK BLOCK

HORIZONTAL LOGO STACKED LOGO

1.5X THE HEIGHT OF


THE WORD MARK

THE WORD MARK THE H MARK

9 BRAND TOOLKIT VERSION 1.0


Our logo / Color options

There are several color combinations


available, but the preferred logo is the
full-color version, which should be used
wherever possible.
When to use single blue or white color
Both the single blue and white
PREFERRED FULL-COLOR LOGO
color logos should be used when the
background causes visibility issues or
the full-color logo is smaller than 1.102".

10 BRAND TOOLKIT VERSION 1.0


Our logo / What to avoid

The following guidance applies


to all variants of the logo:
Avoid using the logo on
busy backgrounds.
Avoid changing the sizing
relationship between the
word mark and the H mark.
Avoid using a different-colored logo.
Avoid rotating the logo.
Avoid using the white-out version
on an inaccessible background color.
Avoid using a full-color logo on
secondary colors.
Avoid using JPEGs as they will
include a solid white background.
PNG is generally the right format
for transparency.
Avoid adjusting the placement
of the word mark to the H mark.
Avoid using an old or different
word mark logo.

11 BRAND TOOLKIT VERSION 1.0


Our logo / Positioning

DISTANCE FROM THE EDGE SHOULD BE AT


LEAST 1.5X THE HEIGHT OF AN H MARK BLOCK

To keep a level of flexibility in


terms of logo positioning, use your
best discretion based on that particular
layout. A general guide is to place the
logo on either a corner or centered
as shown.

12 BRAND TOOLKIT VERSION 1.0


TYPOGRAPHY

13 BRAND TOOLKIT VERSION 1.0


Typography / Introduction

Typography is a key part of our


communications. It’s led by
a distinctive uppercase headline
approach, and backed up
with a clear and legible body
copy style.

14 BRAND TOOLKIT VERSION 1.0


Typography / Our fonts

To keep our communications HEADLINE TYPEFACE


consistent, we use Figtree and

FIGTREE
Source Sans 3 for all our internal
and external communications.
The following examples of the
types of communications created
with our fonts include:

EXTRA BOLD
• adverts
• signage
• event branding
• social posts
• websites
• merchandise
• PPT presentations
BODY COPY TYPEFACES
In certain cases, such as internal

Source Sans 3 Bold


Word documents where these fonts
are unavailable, please replace
with Arial.

Source Sans 3 Regular


Both font families are available to
download here:
fonts.google.com

Source Sans 3 Light


15 BRAND TOOLKIT VERSION 1.0
Typography /
Headline vs. lowercase
DISTANCE FROM THE EDGE SHOULD BE AT
LEAST 1.5X THE HEIGHT OF AN H MARK BLOCK

The majority of our headlines are


led by uppercase formatting, but in
certain instances where word count
increases to 10 or more words, please
revert to lower case (in the same
weight) so that legibility isn't lost.
Text is best placed in either corner,
aligned with the logo and adhearing
to the same distance from the edge.

SHORT UPPERCASE HEADLINE LONG SENTENCE CASE HEADLINE

16 BRAND TOOLKIT VERSION 1.0


Typography / Figtree Family

The Figtree font family below shows all available weights that can be used. ExtraBold is
preferred for headlines. Use your best discretion when using other weights
when a level of hierarchy is needed for more copy-heavy communications.

LIGHT REGULAR MEDIUM SEMIBOLD

ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN


OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ
abcdefghijklm abcdefghijklm abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz
0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ
ų()€£#↓ ų()€£#↓ ų()€£#↓ ų()€£#↓
BOLD EXTRABOLD BLACK ITALIC

ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN


OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ
abcdefghijklm abcdefghijklm abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz
0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ
ų()€£#↓ ų()€£#↓ ų()€£#↓ ų()€£#↓

17 BRAND TOOLKIT VERSION 1.0


Typography / Source Sans 3 family

The entire font family below shows all available weights that can be used. Regular is
preferred for our body copy, and use your best discretion when using other weights
when a level of heircachy is needed or copy heavy communications.

EXTRALIGHT LIGHT REGULAR MEDIUM

ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN


OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ
abcdefghijklm abcdefghijklm abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz
0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ
ų()€£#↓ ų()€£#↓ ų()€£#↓ ų()€£#↓
SEMI-BOLD BOLD EXTRABOLD BLACK

ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN


OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ
abcdefghijklm abcdefghijklm abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz
0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ
ų()€£#↓ ų()€£#↓ ų()€£#↓ ų()€£#↓

18 BRAND TOOLKIT VERSION 1.0


Typography / Arial, Meiryo

The below font familes are for special cases only. Arial replaces both Figtree and Source Sans
when they are unavailable. Meiryo is for Japanese translation.

REGULAR ITALIC BOLD BOLD ITALIC

ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN ABCDEFGHIJKN


OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ OPQRSTUVWXYZ
abcdefghijklm abcdefghijklm abcdefghijklm abcdefghijklm
nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz nopqrstuvwxyz
0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ 0123456789ÀÈïõ
ų()€£#↓ ų()€£#↓ ų()€£#↓ ų()€£#↓

REGULAR BOLD

あいうえおかきくけこさしすせそたちつてとなにぬね あいうえおかきくけこさしすせそたちつてとなにぬねの
のはひふへほまみむめもやゆよらりるれろわをん はひふへほまみむめもやゆよらりるれろわをん
いちにさんしごろくしちはちきゅうじゅう いちにさんしごろくしちはちきゅうじゅう

19 BRAND TOOLKIT VERSION 1.0


Typography / What to avoid

Avoid placing type on a


background that causes
visibility issues.
Avoid aligning type to the
edge of a canvas or an image.
Avoid changing the weight of our
headlines when in uppercase.
Avoid condensing or stretching
any typography.

20 BRAND TOOLKIT VERSION 1.0


COLOR

21 BRAND TOOLKIT VERSION 1.0


Color / Introduction

Color use is an integral part


of our communications. Our
new palette sits mainly on our
light- and dark-mode gradients
with vibrant accent colors for
additional flexibility.

22 BRAND TOOLKIT VERSION 1.0


Color / Color palette

Our color palette is led by our dark


blue and light gray gradients,
predominantly used for backgrounds.
You can use either at your discretion
depending on the execution.
Our secondary colors (teal, blue, purple
and yellow) offer additional
flexibility to our communications.
However, our secondary colors should
never dominate and should only be
used to elevate content.
Tints of 60% and 30% are recommended RGB DARK MESH GRADIENT RGB LIGHT LINEAR GRADIENT

for improved accessibility when a


full-color tint struggles with a
HYLAND TEAL HYLAND PURPLE HYLAND BLUE HYLAND YELLOW HYLAND DARK BLUE HYLAND GRAY
background color. #13EAC1 #6E33FF #52A1FF #F1CB61 #191F5E #F4F6FE
C75 M0 Y45 K0 C76 M70 Y0 K0 C71 M31 Y0 K0 C2 M20 Y83 K0 C100 M93 Y31 K36 C3 M2 Y0 K0
R19 G234 B193 R110 G51 B255 R82 G161 B255 R241 G203 B97 R25 G31 B94 R244 G246 B254
Pantone 3265 C Pantone 2104 C Pantone 2915 C Pantone 123 C Pantone 280 C

60% tint 60% tint 60% tint 60% tint 60% tint
R112 G242 B218 R167 G133 B255 R151 G199 B255 R247 G224 B160 R117 G121 B158
C45 M0 Y25 K0 C44 M50 Y0 K0 C36 M13 Y0 K0 C3 M9 Y43 K0 C60 M52 Y20 K1

30% tint 30% tint 30% tint 30% tint 30% tint
R185 G249 B236 R211 G194 B255 R202 G227 B255 R251 G239 B208 R186 G188 B207
C24 M0 Y13 K0 C17 M23 Y0 K0 C18 M4 Y0 K0 C1 M4 Y20 K0 C27 M22 Y9 K0

SECONDARY COLOR PALETTE

23 BRAND TOOLKIT VERSION 1.0


Color / Gradients and 83/74/57/73 100/95/25/10 R25/G75/B175 45° 0/05/50

accessibility Hyland teal Hyland yellow Hyland teal Hyland yellow


100% 100% 100% 100%
Hyland purple Hyland gray Hyland purple Hyland gray
60% 100% 60% 100%
Hyland blue White Hyland blue White
The gradient pack is made up of six 60% 100% 60% 100%
variants and these are the only approved
gradients to use as part of the Hyland
brand, these include:
• Dark linear CMYK gradient
DARK LINEAR CMYK GRADIENT DARK LINEAR RGB GRADIENT
• Dark linear RGB gradient
• Dark mesh CMYK gradient
• Dark mesh RGB gradient 100/93/29/17
99/96/39/38
R0/G35/B120
R0/G30/B110

• Light linear CMYK gradient


• Light linear RGB gradient
The mesh gradient is preferred for most 100/94/30/18 R25/G75/B175
communications but doesn't perform as
well within CMYK print. Because of this,
100/91/29/17 R0/G25/B110
a linear gradient is also available. 83/74/57/73 R0/G5/B50

For consistency, please only use a linear for


DARK MESH CMYK GRADIENT DARK MESH RGB GRADIENT
both when the output is digital and print.
16/08/04/00 04/00/00/00 224/235/246 247/252/255
As shown, you can see how the colors
can be used against our backgrounds
(these apply for linear and mesh Hyland dark blue Hyland dark blue
100% 100%
gradients).
Hyland purple Hyland purple
100% 100%
All gradients are available but can also
Black Black
be produced as a vector, and the 100% 100%
values to create those are shown.

LIGHT LINEAR CMYK GRADIENT LIGHT LINEAR RGB GRADIENT

24 BRAND TOOLKIT VERSION 1.0


Color / Logo placement

To maximize accessibility on our logo


within the linear CMYK gradient, it is
best placed at the darker end as shown.

25 BRAND TOOLKIT VERSION 1.0


Color / What to avoid

Avoid using secondary colors


that are inaccessible with the
background.
Avoid using white text on an
inaccessible background color.
Avoid replacing the blue gradient
with a secondary color.
Avoid making gradients from
the secondary color palette.

26 BRAND TOOLKIT VERSION 1.0


IMAGERY

27 BRAND TOOLKIT VERSION 1.0


Imagery / Introduction

We experience so much through


imagery. It provides context and
a visual connection to stories.
Hyland imagery should feature
strong, compelling photography
that commands attention.
It should feel bold, dramatic
and almost cinematic.

28 BRAND TOOLKIT VERSION 1.0


Imagery / Our photography styles

Our photography is represented in two ways: Human and abstract.


Ensure the visuals represent various perspectives, including diverse environments, people
and situations. This reinforces the brand's role as indispensable across multiple high-stakes
scenarios. Think expansive settings that convey scale, detailed close-ups that highlight
precision and inclusive depictions of individuals taking decisive actions.
By clearly defining these elements, the photos chosen will align with the desired tone
and minimize subjectivity in interpretation.

HUMAN ABSTRACT

29 BRAND TOOLKIT VERSION 1.0


Imagery /
Human style photography

Bold:
• High contrast: Deep colors and sharp
highlights to create visual tension.
• Dynamic angles: Low perspectives,
wide angles or close-up details to add
intensity and grandeur.
Dramatic:
The photos should evoke a sense of
importance and gravity. This can be
achieved by:
• Lighting: Utilize chiaroscuro (high-contrast
light and shadow) to emphasize depth and
mood. Example: Spotlighting to
highlight critical elements and casting
shadows to add intrigue.
• Composition: Use leading lines, framing
or negative space to draw the viewer’s eye
to the brand's indispensable role in the
scene. Example: Place the subject in a
moment of pivotal action or as the clear
hero in the environment.
• Dynamic storytelling: Every shot should
feel like part of a larger narrative, a
moment of action or transition that
implies movement, progress or resolution.

30 BRAND TOOLKIT VERSION 1.0


Imagery /
Abstract style photography

In our abstract-led photography,


the imagery must support Hyland’s
new brand attitudes towards the
unexpected and brave.
Imagery can be representative of data,
motion, a cityscape, architecture or just
movement of light.
Images can be used on their own but
should predominantly compliment
human imagery when used together.

31 BRAND TOOLKIT VERSION 1.0


Imagery / What to avoid

Avoid using stock imagery that


looks forced and inauthentic.
This would include posing or looking
directly at the camera.
Avoid stock imagery that is overly
layered and doesn't align with our
bold brand style.
Avoid treating photography
by making it grayscale or
monotone coloring.
Avoid using cut-out lifestyle
without any other elements.

32 BRAND TOOLKIT VERSION 1.0


GRAPHIC
ELEMENTS

33 BRAND TOOLKIT VERSION 1.0


Graphic elements / The H mark

Hyland's main graphic elements


are built on the stylings of the
H mark. The shape and the four
colored blocks provide a template
for layouts, graphic shapes
and the portal.

34 BRAND TOOLKIT VERSION 1.0


Graphic elements /
Creating layouts

The H mark has made creating


templates and layouts easy.
It can be used as an image
container when scaled up in size
as shown.

35 BRAND TOOLKIT VERSION 1.0


Graphic elements /
Creating layouts

The H mark can become a graphic


backdrop or an overlay to bring in
the secondary color palette.

36 BRAND TOOLKIT VERSION 1.0


Graphic elements /
Creating shapes

You can also rotate the H mark, as it


provides further flexibility to create
more dynamic shapes.

37 BRAND TOOLKIT VERSION 1.0


Graphic elements /
Shapes in graphic
executions

These shapes provide a graphic


backdrop when photography is
not being used, as well as housing
patterns and abstract imagery
as shown.

38 BRAND TOOLKIT VERSION 1.0


Graphic elements /
The portal

The portal is born from one of


the H mark blocks, and can be
used as an image container or
as an outlined shape.

39 BRAND TOOLKIT VERSION 1.0


Graphic elements /
The portal in action

It has the flexibility to create a


number of executions. It can
manifest as a door to
another world, a door that
unleashes out to us or a simple
framing device to help highlight
that part of the story.
However you treat it, it should
feel open and inviting, as a
gateway to another world.

40 BRAND TOOLKIT VERSION 1.0


Graphic elements
/ Block patterns

Four patterns are available as part


of the Hyland brand. They can
be tailored at your descretion
but always used in the brand
color palette.

41 BRAND TOOLKIT VERSION 1.0


Graphic elements
/ Block patterns in action

The block patterns are flexible in


their application. You can use the
full color palette and reduce the
amount of blocks as needed.
They can be utilized across many
different channels, including print
and digital.

42 BRAND TOOLKIT VERSION 1.0


Graphic elements /
What to avoid

Avoid using the portal around a


subject in a restrictive way. It must
feel open and inviting.
Avoid flipping the portal the wrong
way, it must always lean to the right
and stay true to its original form.
Avoid outlining the H mark blocks,
they must remain in their solid
colors.
Avoid changing or extending the
portal shape. Although you can
extend H Mark blocks, the portal
must stay true to its original form
for consistent recognition.

43 BRAND TOOLKIT VERSION 1.0


Graphic elements / How it all comes together

44 BRAND TOOLKIT VERSION 1.0


ICONOGRAPHY

45 BRAND TOOLKIT VERSION 1.0


Iconography /
Symbolic icons

Our bespoke icon style is angled


and isometric. We use solid blocks
of color with teal and purple.
The blocks have squared edges
(not rounded) and reflect our
logo design.
When choosing icons to adapt
or build, please use the examples
shown as a guide.

46 BRAND TOOLKIT VERSION 1.0


Iconography /
Functional icons

CLIENTS INDUSTRIES

Our functional icons can be


downloaded from Fluent Icon,
a collection of 4,000+ free, open
source icons from Microsoft. PHONE TABLET DESKTOP HEALTHCARE EDUCATION INSURANCE GOVERNMENT FINANCIAL ACCOUNTING HUMAN TRANSPORTATION OTHER
RESOURCES & LOGISTICS INDUSTRIES

They are all available here:


Fluent Icons
These can be used for day-to-day
functional icons. Bespoke icons CORE CAPABILITIES ENHANCED CAPABILITIES

can be created if required, but


these must follow the same style
as the existing iconography within
the suite.
CAPTURE MANAGE AUTOMATE PROCESS COLLABORATE COMMUNICATE FIND GOVERN AI BLOCKCHAIN RPA DAM FEDERATION

ENHANCED CAPABILITIES ENHANCED CAPABILITIES

HYBRID CLOUD PUBLIC CLOUD ON PREMISES INTEGRATION SCALABILITY LOW CODE OPEN SOURCE ANALYTICS SECURITY USABILITY

47 BRAND TOOLKIT VERSION 1.0


DATA
VISUALIZATION

48 BRAND TOOLKIT VERSION 1.0


Data visualization /
Charts and graph examples

Our charts and graphs should


give a clear and concise way
of communicating data.
The examples shown are a guide
on style and color, although color
ramps from 10%–100% can be
used on both primary and scondary
colors for added flexibility.

49 BRAND TOOLKIT VERSION 1.0


ILLUSTRATION

50 BRAND TOOLKIT VERSION 1.0


Imagery / Illustrations

Illustration is another tool we


can use to express a narrative.
Make them ours
Our illustration style is 3D
and isometric. When choosing
illustrations to adapt, please
use the examples shown as a
guide for overall style.
The preferred colors to use are
the teal and purple.
Our illustrations should be bespoke
and applicable to the content and
the format.

51 BRAND TOOLKIT VERSION 1.0


ANIMATION

52 BRAND TOOLKIT VERSION 1.0


Animation / Logos, graphs
and charts

Hyland has two examples for a logo reveal


on both light and dark backgrounds.
We also have two infographic examples.

LOGO OPTION 1 DARK LOGO OPTION 1 LIGHT

LOGO OPTION 1 DARK LOGO OPTION 1 LIGHT

BAR CHARTS GRAPHS

53 BRAND TOOLKIT VERSION 1.0


Animation / Intro, outro
transistion swipes
and lower thirds

There are two options for the logo


reveal, both utilizing the dynamism
of the H mark. INTRO DARK INTRO LIGHT OUTRO DARK

In our swipe transistions it serves as


a versatile and engaging element to
reveal or conceal content.

OUTRO LIGHT SWIPE BLOCKS SWIPE PATTERN

LOWER THIRDS OPTION 1 DARK LOWER THIRDS OPTION 1 LIGHT LOWER THIRDS OPTION 2 DARK

LOWER THIRDS OPTION 2 LIGHT LOWER THIRDS OPTION 3 DARK LOWER THIRDS OPTION 3 LIGHT
54 BRAND TOOLKIT VERSION 1.0
DIGITAL

55 BRAND TOOLKIT VERSION 1.0


Digital / Digital banners

The following digital banners show


how the core assets work when
scaled down to a smaller
restricted size.
Please ensure legibility when
placing headlines and body copy.
970 x 250

300 x 250

300 x 250
300 x 600 160 x 600

56 BRAND TOOLKIT VERSION 1.0


SOCIAL

57 BRAND TOOLKIT VERSION 1.0


Social / Instagram
and LinkedIn examples LINKEDIN COMPANY PAGE HEADER (DARK MODE)

Use the H mark for all social


media profile pictures. Note there
are dark and light options for normal
and night mode.
It’s important that we are consistent INSTAGRAM FEED

across all our social channels,


worldwide.

USE DARK OR LIGHT BADGES DEPENDING ON STHE DEVICE SETTING

58 BRAND TOOLKIT VERSION 1.0


Thank you.

Contact Hyland's Brand Creative


Manager if you have any questions
on how to use our brand
identity guidelines.

Michelle Goldsmith
Brand Creative Manager
michelle.goldsmith@hyland.com

© 2025 Hyland unless otherwise indicated. All rights reserved. This document has been created by Hyland, which owns or controls all rights in it. It is submitted to you on a strictly confidential
basis. You may only use it for the purpose for which we have submitted it to you. No part of it (including the creative content and ideas) may be used in any other way, or disclosed to any third
party, without our written permission.

59 BRAND TOOLKIT VERSION 1.0

You might also like