Style Guidelines | 2.

Our values
Listen Challenge

Humble Bold
How our brand sounds is every bit as important as
how it looks. Our voice, tone, and style in both art
and copy bring our brand and its values to life on the
learn experiment
page and screen. help others explore
Get the writing style guidelines

Consider Take action

Immersed Fast
preempt
imagine transform

Logo Primary usage Secondary usage

Our primary logo tagline lockup is shown with

the Reboot Work™ tagline to the right of the
UiPath logo.

Our stacked logo with tagline (not shown)

should only be used when horizontal space is
limited.

Get the full UiPath style guidelines .5X .5X .5X .5X

Download the logos here X X X X

White Primary Logo with Tagline Reverse Primary Logo with Tagline Primary Logo with Tagline
over Color Background over Dark Background over Light Background

.5X .5X .5X .5X

“A robot works beautifully for

adding the correct percentage

Color palette Primary color Secondary color

of blue in designs.”

Color should be used with clear intent—

as a backdrop for layouts or to clearly draw
attention to information.

Our core orange should appear in all UiPath

communications with blue playing a secondary
role to our orange. Tertiary colors should be Orange Blue
used sparingly. CMYK CMYK

0 / 73 / 87 / 0 98 / 42 / 0 / 0
Get the full UiPath style guidelines RGB RGB

250 / 70 / 22 0 / 103 / 223

H EX HEX

#FA4616 #0067DF

A balanced proportion of
Neutral tones UiPath colors across
communications establishes
a distinct and consistent
UiPath look and feel.

White Black Dark Grey Light Grey Pale Grey

CMYK CMYK CMYK PMS PMS

0/0/0/0 0 / 0 / 0 / 100 0 / 0 / 0 / 80 Black 12% Tint Black 4% Tint

RGB RGB RGB CMYK CMYK

255 / 255 / 255 0/0/0 88 / 89 / 91 0 / 0 / 0 / 12 0/0/0/4

H EX H EX H EX RGB RGB

#FFFFFF #000000 #58595B 223 / 227 / 227 241 / 246 / 248

HEX HEX

#DFE3E3 #F1F6F8

Tertiary colors

Red Yellow Purple Light Blue Green

CMYK CMYK CMYK CMYK CMYK

0 / 96 / 43 / 0 0 / 35 / 100 / 0 53 / 99 / 0 / 0 62 / 0 / 0 / 8 61 / 0 / 73 / 0

RGB

237 / 20 / 91
RGB

255 / 180 / 14
RGB

147 / 54 / 146
RGB

56 / 198 / 244
RGB

52 / 222 / 105
Our warm colors are Our cool colors are Tertiary colors are also
used to support our used to support our used as alert colors.
primary orange blue at three levels.
H EX H EX H EX HEX HEX

#ED145B #FFB40E #933692 #38C6F4 #34DE69

at three levels.

Helvetica Neue
03.
“Helvetica Neue Thin is a great

Typography
choice for larger numbers.
Helvetica Neue Thin Screen back the opacity so they
120/120 don’t dominate the design.”

Our core fonts are Helvetica Neue LT Pro and

Source Sans Pro. Headlines, subheads and

is Used in Headlines
body copy are almost always left justified.

Headlines Use
Helvetica Neue Bold

Source Sans Pro is for most subheads, 50/50

Optical Kerning
Tracking between -25 to -45

body copy, and button copy.

Title Case With
No Punctuation*
Helvetica Neue Thin Source Sans Pro Regular
Helvetica Neue Light Source Sans Pro Regular Italic
Helvetica Neue Regular Source Sans Pro Semibold
Helvetica Neue Regular Italic Source Sans Pro Semibold Italic
Helvetica Neue Medium Source Sans Pro Bold Source Sans Regular
16/18
Use sentence case for subheads. A conversational and
Source Sans Pro Bold Italic
Optical Kerning set to -10 friendly tone is important in our communications.
Helvetica Neue Medium Italic
Helvetica Neue Bold
Helvetica Neue Bold Italic Source Sans Semibold
16/18 Calls to Action Sentence case for CTAs

Arial is our web-safe and system fall- Inter is our headline font (H1) for Source Sans Regular Body copy is set in Source Sans Pro with 130% leading.
12/15.5 Sentence Case
back when the preferred typefaces are websites and other web-based Kerning set to -10 Paragraph spacing after is equal to leading.
unavailable. content.

Preferred weights to use in layout *Question marks are okay to use in headlines

Components
Our components (macaroni) are three simplified,
geometric shapes found in the letters “U” and “i”

Components may only be rotated in 90˚

increments and must lock into the matrix pattern.

When creating a pattern, ensure all components

share the same scale.

The minimum spacing between components may

use a single unit of the grid.

Components can either be gray or white or an

opacity of gray or white. Do not use color in your
components.
“We can be placed on
brand components.”

Robots
Receiving Robot Searching Robot
top of a layout or section.”
Retrieving information through its dish and antenna, Always looking for new tasks and more work. The magnifying glasses
the source being either human input or sheets of data. embody how our robots are detail oriented and perform with precision.
Our robots help us show — in a simple, engaging
way — how automation can do the work we
humans hate, freeing us to do work that’s more
creative and rewarding.

Our six robot characters come in 2D and 3D

variations, with different rules for using each
(see the chart).

Get the full Robot Guidelines

Use Cases: 2D Robots 3D Robots
Download the robots here
Brand Campaign /Your Robots Are On It x

Events/Booths x

Listening Robot Flying Robot Social Cards x x

A great listener. Its microphone arms are paying attention to the information Capable of going anywhere and doing anything. This drone like character Videos Live Acton x
that’s being shared, allowing it to understand the tasks at hand. illustrates the ability to rapidly perform one task and move to another. Animation x x

E-Books x x

White Papers x x

Customer Stories x x

Brochures x x

Photography x

PowerPoint Presentations x x

Swag x

Digital Communications (website/newsletter/email x x

Product Design Infographics x

Processing Robot Recorder Robot

Retrieving data and processing it into accurate pieces of information. Its dome Embodying our computer vision capability, its lens eye demonstrates
human-like recognition of information and data.

“Walking and rolling robots

should be placed on a surface
or a graphic element.”

Photography Style Photography Style, values to visuals

Our values—humble, bold, immersed, and

fast—are the cornerstones of our organization.
We approach everything we do with openness
and collaboration, and always aim to accelerate
human achievement. We promote knowledge
sharing and learning in order to prepare the
world for a change in the way we work.

These characteristics and ideas of who we are

and how we do things are brought to life in
the captured moments of UiPath photography.
We convey these concepts through imagery of
people in everyday life and through metaphorical
imagery.

Photo checklist:
1. Humble 2. Bold 3. Immersed 4. Fast
Full color, bright, engaging, optimistic Photographs portray people who are receptive, Photos of people who are expressive—steadfast, Depicts individuals as active participants—always Photographs depict people in the act of
attentive, and listening. Humble people are open. fearless, adventurous, focused. Tonally, these photos “in-the-moment.” They are at the center of the experimenting, creating, and testing, approaching a
Subjects are lit naturally (with available, natural
They share and they teach. Consider photography exhibit bright colors, high contrast, and dynamic action, in the middle of a scene, fully committing to challenge or a seemingly insurmountable situation.
light, such as by sunlight or ambient light source)
that captures people juxtaposed against something composition. an experience. Metaphors are also possible, depicting humans
Shows real life in action much larger/greater than themselves—perhaps reaching and achieving impressive feats.
Not overly dramatized or staged something that beckons to be conquered, climbed,
(real people, real environments) or surpassed.
People have natural expressions
(not overly styled)

See the UiPath photo library

5. Open 6. Collaboration 7. Learning 8. Human Achievement

Photographs portray a state of mind. They depict Photographs depict two or more individuals coming Portray people in collaborative, open, mentor/
people in moments of contemplation. Consider open, together to achieve a goal or goals through dialogue mentee moments. Show experimentation, intellectual/physical ingenuity, invention,
receptive, adventurous, and exploratory visuals. or physical acts. These can be in the form of an exploration, and/or discovery. accomplishment, or breakthrough. Objects
Physical metaphors, including vast, boundless expressive dialogue, a meeting, a work-session, or (architecture, construction) that are representative of
expanses and wide, borderless physical spaces. through teamwork-based activity. human invention, ingenuity, or achievement should
also be considered.

The UiPath components (“macaroni”) overlay Photography and branded components

on imagery adds subtle branding to our
communications. They should not detract
or distract from the image or the meaning of
the image.

Robots can be added to imagery. Use only one Photography and robots
robot per person.

Robots range in size from an apricot to a

grapefruit. Use the people as a guide to how
large the robots should appear in the images.

Complete UiPath style guidelines Robot guidelines Branded imagery

Writing style guidelines Robot download Branded components