Welcome to the Xello brand center

This page provides guidance about logo selection and how to use it. Have more detailed questions or are looking for specific brand guidance? Scroll down to our FAQs.

Logo selection

Xello's logo is available as a wordmark or symbol.

xello-brand-center-wordmark-2

The wordmark, with Xello's name spelled out, is preferred for most logo applications.
xello-brand-center-symbol-2

The symbol can used when the wordmark would be illegible at small sizes, or for a more playful feel on branded merchandise.

The reverse version of our logo can be used on a solid flood of a plain Xello color.

xello-brand-center-reverse-two-color-logo-on-grey-900-2

GREY 900 | Hex #484848
xello-brand-center-reverse-two-color-logo-on-purple-700-2

PURPLE 700 | Hex #905DA7
xello-brand-center-reverse-two-color-logo-on-blue-700-2

BLUE 700 | Hex #027BAF

xello-brand-center-reverse-single-color-logo-on-blue-500-2

BLUE 500 | Hex #26AFDF
xello-brand-center-reverse-single-color-logo-on-emerald-700-2

EMERALD 700 | Hex #3B8460
xello-brand-center-reverse-single-color-logo-on-grey-900-2

GREY 900 | Hex #484848

How to use

We have a series of rules of how to apply our logo to ensure consistency.

xello-brand-center-logo-clearspace-2

Logo clear space

To allow our logotype to stand out, do not place any objects such as graphics or text in the clear space shown.
xello-brand-center-logo-minimum-height-2

Logo minimum size

The minimum logo size for digital applications is 48px wide. In print, the minimum size is 0.6in wide.
xello-brand-center-symbol-clear-space-2

Symbol clear space

To allow our logotype to stand out, do not place any objects such as graphics or text in the clear space shown.
xello-brand-center-symbol-minimum-height-2

Symbol minimum size

The minimum logo size for digital applications is 16px wide. In print, the minimum size is 0.25in wide.

Improper use

To maintain consistency the Xello wordmark and symbol should never be altered.

improper-use-1-2

Don't squash or stretch
improper-use-2-2

Don't recolor
improper-use-3-2

Don't place on low contrast backgrounds

improper-use-4-2

Don't add outlines, shadows or glows
improper-use-5-2

Don't modify or alter
improper-use-6-2

Don't rearrange or misalign

improper-use-7-2

Don't use old or retired versions
improper-use-8-2

Don't crop or place inside shapes
improper-use-9-2

Don't rearrange or stack elements outside approved configurations

Xello brand FAQs

Why does Xello need rules about how to use Xello brand resources?
+
Can I use Xello my products or merchandise?
+
Do I need to ask permission for each use of Xello brand resources?
+
What should I do if I can't find the guidance I'm looking for?
+