Brand assets

Logos, colours, screenshots and how to describe Quo.

Writing or making a video about Quo? Use anything on this page. Please don't change the logo's shape or colours, and don't use it in a way that suggests we endorse your product. Forks of the code need their own name and icon (see TRADEMARKS.md).

Download everything (.zip)

Logo

The mark is a speech bubble shaped like a Q, with an orbit around it. Use the full logo where there's room, and the mark on its own for small spaces and avatars. Leave clear space around it at least as wide as the Q's tail.

Logo
Logo
Logo, reversed
Logo, reversed
Mark
Mark
Mark, reversed
Mark, reversed
App icon
App icon
Mark, one colour
Mark, one colour

Colour

Electric indigo on a near-white or deep ink ground is Quo. Use solid indigo for one thing per view: the main action or the mark. Ink and Ground do everything else. In the apps, Cloud marks anything that runs off the device.

Indigo#3B2EFF
Ink#131522
Ground#F9FAFD
Dark#0D0F16
Cloud#006D8F

Type

Atkinson Hyperlegible Next for everything: heavy and slightly tight for headlines, Regular for text. Atkinson Hyperlegible Mono for code and figures. Both are free (SIL Open Font License) and bundled with the apps and this site, so nothing loads from a font service.

Name and description

Screenshots

Contact

Press and partnerships: [email protected].