UserXperia brand kit

Core identity

Logo suite

Download logo suite

Clear space: 0.12 × the logo height on every side
Minimum size: Horizontal 168px · Stacked 96px · Wordmark 80px · Symbol 32px · Avatar 48px

Primary logo (horizontal)

horizontal-color.svg5.0 KB · 433×104Download
horizontal-color.png39 KB · 1600×384Download

Stacked / vertical logo

stacked-color.svg5.0 KB · 281×260Download
stacked-color.png57 KB · 1297×1200Download

Logomark / symbol

symbol-color.svg659 B · 128×128Download
symbol-color.png38 KB · 1024×1024Download

Wordmark

wordmark-color.svg4.6 KB · 316×68Download
wordmark-color.png36 KB · 1600×344Download

Emblem / badge

avatar-color.svg768 B · 512×512Download
avatar-color.png13 KB · 512×512Download

Full colour on dark

horizontal-reverse-color.svg5.0 KB · 433×104Download
horizontal-reverse-color.png33 KB · 1600×384Download
stacked-reverse-color.svg5.0 KB · 281×260Download
stacked-reverse-color.png50 KB · 1297×1200Download
wordmark-reverse-color.svg4.7 KB · 316×68Download
wordmark-reverse-color.png27 KB · 1600×344Download
symbol-reverse-color.svg667 B · 128×128Download
symbol-reverse-color.png38 KB · 1024×1024Download
avatar-reverse-color.svg776 B · 512×512Download
avatar-reverse-color.png14 KB · 512×512Download

Mono black

horizontal-black.svg5.0 KB · 433×104Download
horizontal-black.png35 KB · 1600×384Download
stacked-black.svg5.0 KB · 281×260Download
stacked-black.png52 KB · 1297×1200Download
wordmark-black.svg4.6 KB · 316×68Download
wordmark-black.png33 KB · 1600×344Download
symbol-black.svg659 B · 128×128Download
symbol-black.png34 KB · 1024×1024Download
avatar-black.svg768 B · 512×512Download
avatar-black.png13 KB · 512×512Download

Mono white / reversed

horizontal-white.svg5.0 KB · 433×104Download
horizontal-white.png28 KB · 1600×384Download
stacked-white.svg5.0 KB · 281×260Download
stacked-white.png41 KB · 1297×1200Download
wordmark-white.png27 KB · 1600×344Download
wordmark-white.svg4.6 KB · 316×68Download
symbol-white.svg659 B · 128×128Download
symbol-white.png27 KB · 1024×1024Download
avatar-white.svg768 B · 512×512Download
avatar-white.png14 KB · 512×512Download

Single brand colour

horizontal-primary.svg5.0 KB · 433×104Download
horizontal-primary.png38 KB · 1600×384Download
horizontal-secondary.svg5.0 KB · 433×104Download
horizontal-secondary.png37 KB · 1600×384Download
stacked-primary.svg5.0 KB · 281×260Download
stacked-primary.png56 KB · 1297×1200Download
stacked-secondary.svg5.0 KB · 281×260Download
stacked-secondary.png55 KB · 1297×1200Download
wordmark-primary.svg4.7 KB · 316×68Download
wordmark-secondary.svg4.7 KB · 316×68Download
wordmark-primary.png36 KB · 1600×344Download
wordmark-secondary.png35 KB · 1600×344Download
symbol-primary.svg661 B · 128×128Download
symbol-secondary.svg663 B · 128×128Download
symbol-primary.png35 KB · 1024×1024Download
symbol-secondary.png35 KB · 1024×1024Download
avatar-primary.svg770 B · 512×512Download
avatar-secondary.png13 KB · 512×512Download
avatar-secondary.svg772 B · 512×512Download
avatar-primary.png12 KB · 512×512Download

Logo source files

logo.svg5.0 KB · 433×104Download
mark.svg638 B · 128×128Download

Core identity

Colour palette

Primaryprimary
HEX
#7C3AED
RGB
124, 58, 237
HSL
262°, 83%, 58%
CMYK
48, 76, 0, 7
Aa5.70 · AAAa3.69 · AA large
--brand-primary
Secondarysecondary
HEX
#06B6D4
RGB
6, 182, 212
HSL
189°, 94%, 43%
CMYK
97, 14, 0, 17
Aa2.43 · FailAa8.65 · AAA
--brand-secondary
Whiteneutral
HEX
#FFFFFF
RGB
255, 255, 255
HSL
0°, 0%, 100%
CMYK
0, 0, 0, 0
Aa1.00 · FailAa21.00 · AAA
--brand-white
Blackneutral
HEX
#111111
RGB
17, 17, 17
HSL
0°, 0%, 7%
CMYK
0, 0, 0, 93
Aa18.88 · AAAAa1.11 · Fail
--brand-black
Paperbackground
HEX
#FAF7FE
RGB
250, 247, 254
HSL
266°, 78%, 98%
CMYK
2, 3, 0, 0
Aa1.06 · FailAa19.80 · AAA
--brand-paper
Inktext
HEX
#211634
RGB
33, 22, 52
HSL
262°, 41%, 15%
CMYK
37, 58, 0, 80
Aa17.09 · AAAAa1.23 · Fail
--brand-ink

Core identity

Typography

Download typography

AaThe quick brown fox jumps over the lazy dog400500600700
Source Sans 3heading
Weights 400, 500, 600, 700Headingsfont-family: "Source Sans 3", sans-serif;Get the font
AaThe quick brown fox jumps over the lazy dog700
Avenir Nextdisplay
Weights 700Logo lettering (artwork)font-family: "Avenir Next", sans-serif;

Font files

TXTOFL.txt4.5 KBDownload
TTFSourceSans3-Italic[wght].ttf386 KBDownload
TTFSourceSans3[wght].ttf631 KBDownload

Core identity

Voice & messaging

Elevator pitch: UserXperia transforms user interactions and feedback into actionable insights for better digital product experiences.

Core identity

Brand guidelines

Download brand guidelines

Hosted guidelines page: https://userxperia.com/brand/identity/brand-guidelines.html

Brand book

PDFbrand-guidelines.pdf541 KBDownload
HTMLbrand-guidelines.html11 KBDownload

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

pattern-01.svg12 KB · 1200×1200Download
pattern-03.svg12 KB · 1200×1200Download
pattern-02.svg12 KB · 1200×1200Download
pattern-01.png206 KB · 1200×1200Download
pattern-03.png179 KB · 1200×1200Download
pattern-02.png264 KB · 1200×1200Download

Visual language

Motion & animation

Download motion & animation

Animated logo

animated-symbol.svg5.3 KB · 200×200Download
animated-logo.svg10 KB · 489×141Download
animated-logo-loop.svg10 KB · 489×141Download
animated-symbol.webp154 KBDownload

Transitions & loaders

loader.svg5.3 KB · 200×200Download
static-loader.svg2.1 KB · 200×200Download
CSSloader.css6.2 KBDownload
HTMLloader.html3.4 KBDownload

Digital & web

Favicons & app icons

Download favicons & app icons

theme-color: #211634
Manifest background colour: #FAF7FE

favicon.svg

favicon-dark.svg767 B · 128×128Download
favicon-light.svg767 B · 128×128Download

favicon.ico

favicon.ico2.3 KBDownload

Apple touch icon

apple-touch-icon.png4.0 KB · 180×180Download

Android / PWA icon

android-light-192.png4.3 KB · 192×192Download
android-dark-192.png4.1 KB · 192×192Download

PWA icon

android-light-512.png14 KB · 512×512Download
android-dark-512.png14 KB · 512×512Download

Maskable icon

android-maskable-light-512.png12 KB · 512×512Download
android-maskable-dark-512.png12 KB · 512×512Download

Other files

safari-pinned-tab.svg638 B · 128×128Download
WEBMANIFESTsite.webmanifest867 BDownload
ZIPfavicon-set.zip85 KBDownload
android-maskable-light-192.png3.7 KB · 192×192Download
android-maskable-dark-192.png3.6 KB · 192×192Download

Digital & web

Website & share images

Download website & share images

Default page title: UserXperia — Understand how people really use your product
Meta description: UserXperia transforms user interactions and feedback into actionable insights for better digital product experiences.