Brand & design

How the Ozvelo logo, colours and motion are built, and how to use them.

The idea behind the mark

An “O” drawn as an open ring. The gap at the top right is the moment before a post goes out; the mint dot closes it. When a post is published the circle is complete.

Logo

Full logo

App icon, three sizes

On brand colour

Using the logo

Keep clear space around the mark equal to the height of the dot.
Use the full logo wherever there is room; the icon alone for tabs, avatars and tight headers.
Do not stretch, recolour, rotate or add shadows. On busy backgrounds use the white mark on the purple tile.

Logo files

Original SVG files of the logo. Use the white versions on dark backgrounds.

Colour

Purple is the voice for Post; green is the voice for Reply. Mint is reserved for the dot and for success.

Purple (accent)

#5b4dff

Violet

#9a5cff

Mint

#7ff0d6

Green (Reply)

#0fae8c

Ink

#15142b

Background

#f6f6fb

Type

The system font (SF Pro on Apple devices), tight tracking on large headings, generous space around text. Calm surfaces, thin lines.

Post & Reply on autopilot.

Motion

Motion explains what is happening: loading turns the ring, publishing completes it. Every animation stops for people who prefer reduced motion.

Brand loader

The ring turns, the dot pulses in the gap. Loops.

Small spinner

Inside buttons and rows.

Published

The ring draws itself, the dot springs into the gap and a ripple spreads.

Account connected

You can publish posts now.

Celebration

The icon pops, the clap waves.

Confetti

Falls from three sides for about 3 seconds.

Hello Ozvelo

Fade-up

Cards rise gently into place.

Flow line

Dashed line running along a connection in the map.

Hot flow

A glowing, faster line on the active link.

Pulse ring

A ring spreading from a node.

Focus ring

A beating frame around the selected node.

Kiosk listening

Rings spread while the voice assistant listens.

Kiosk typing

Three dots bounce in turn.

Platform logos

Always shown in the platforms' own colours, on a white tile so they stay readable in dark mode.

instagram

messenger

facebook

google

bluesky

mastodon

threads

youtube

tiktok

wordpress

site