Framer-sivustoni
3
Color
Index
3.1
3.2
3.3
3.4
4.5
Brand Color
Shades
Gradient
Proportion
Example
3.1
Brand Color
The following values represent our core palette. These are used most often in the system and should be relied on when the color palette must be limited.
3.2
Shades
Our color system uses 10 defined shades to ensure visual consistency across all applications. This structured range simplifies color usage, making it easier to maintain harmony and balance throughout the brand.
Shades logic
Apply to all colors
3.3
Gradient
Gradients are used as an occasional color option to add depth and energy to the brand. They should be applied selectively to highlight key moments or visuals, while maintaining balance with the core color system.
3.4
Proportion
The logo is our primary identifier. It contains both the Coco symbol and our name in the wordmark. It should be used most often to represent our brand, especially to an unfamiliar audience.
3.5
Digital vs Print
When working with print, the five brand colors will appear more desaturated and muted than on screen. Use them carefully and prioritize black and white for most applications. Always review CMYK conversions to ensure accurate and consistent color reproduction.
3.6
Application
Depending on its placement, the elements can serve a different purpose in a composition. Consider both the audience and application when choosing the right placement. For more informative or direct uses, use corner placements. For more expressive uses, use center placements.