The Flow logo should always appear in a single color on a neutral background, or in white on a solid color background. The icon-only version should only be used for small content areas, like social media icons and avatars.
The width of the capital “F” in the logo designates the minimum clearspace—it should never be cropped smaller than or have content within this bounding box.
The Circular font family is Flow’s primary brand typeface. Flow is used in both Book and Bold weights.
Circular Book is the main typeface and is used for larger copy and small body text.
Circular Bold is primarily used for headers and text that highlights key information.
Proxima Nova should be used in Google slides and documents, where Circular Pro cannot be used or uploaded.
These colors should be used as the primary tones for digital and physical brand assets.
These colors should be used as accents or highlights in text, links, background colors, illustrations, charts, and diagrams. They should complement, not overpower, our primary colors.
The full tonal range for each color can be found in the Material Design Color Palette.
Our core illustration style features flat, geometric objects in white on a colored background that draws from our palette. Opacity should be varied to add depth or distinction between parts of the illustration—in the examples to the left, white at 50% opacity is used to create the second tone.
You can also use icons to create illustrations, using the resources linked in the Iconography section.
Icons should be visually simple, quickly recognizable, and easy to understand. They are almost always used in context with descriptive text and function to reinforce the message of that text.
In lieu of building our own icon library from scratch, use downloadable assets from the resources linked below.