09
Gradients
Soft, flowing backgrounds made only from brand colors.
Gradients blend the brand colors into soft backgrounds. Make your own with Gradient Studio below: any setting is fine as long as the result follows these rules.
09.1
Rules
Brand colors only
Chalk, Sky Blue, Angry Flamingo and Yellow Sea. The 50 to 900 UI scales aren't approved for gradients yet.
Backgrounds only
Full backgrounds for posts, stories, covers, slides and web sections.
Optional
Gradients can be smooth or grainy. Both are on brand.
Inside the Cubes, text or logo
A gradient is always the background, never the fill of something on top of it.
Enough contrast for what sits on top
Place text and logos on an area of the gradient with enough contrast. See 03 Logo and 05 Color.
Starting points, not rules
The presets in Gradient Studio are a place to start. They are not official gradients.
09.2 · Tool
Gradient Studio
Pick brand colors, shape the gradient, add grain and export it as an image or a looping video. Presets are starting points, not official gradients. Keep to the four brand colors.
Gradient Studio works best on a larger screen.
Open it in its own tab, or come back on a laptop to use it here.