UX
(and how to use it...)

Our brand

We've created this handy guide to help you find and download our brand assets, and feel confident using them. Go explore!

Our personality

Our three personality attributes inspire how we behave and present ourselves to the world. In everything we do, they are a collective reflection of the best of who we are:

Color

Our brand palette is built on a foundation of three neutral colors (Navy, White and Light Grey) and supported by three accents which form our brand gradient:

Neutrals

Navy
RGB: 22, 24, 60
HEX: #16183C
White
RGB: 255, 255, 255
HEX: #FFFFFF
Light Grey
RGB: 234, 234, 234
HEX: #EAEAEA

Accents

Pink
RGB: 253, 169, 255
HEX: #FDA9FF
Purple
RGB: 201, 184, 255
HEX: #C9B8FF
Aqua
RGB: 77, 255, 229
HEX: #4DFFE5

Brand gradient

Typography

Our voice is brought to life with two carefully paired typefaces, Moret and Suisse Int:

Moret Semibold

Moret is our headline typeface and should be used for headings and pull-out statements.

Siusse Int'l

Suisse Int'l is a classic sans serif suitable for large bodies of text and smaller titles.

Light Regular Semi Bold

Hello
Adora!

Meet Adora, an adorable Adorabilis (Google it!) who helps us spread our message and brings a huge dollop of cuteness to our brand.

Adora winking

Facial expressions

Like the rest of us, Adora experiences a range of emotions and they have a number of facial expressions as a result:

Feeling happy
Feeling flirty
Feeling inspired
Feeling sad
Feeling amazed
Feeling cheeky
Feeling shocked
Feeling unimpressed

Light/dark mode

Adora's one of those annnoying "early-bird" types, but also enjoys a spot of night life too. We don't know how they do it:

Light mode
Dark mode