Gradients
We use gradients to bring a dynamic energy to our designs while staying consistent with our brand colors. When using a gradient in a graphic or any other design, start with the lighter color in the bottom left. Exceptions may be made, as needed, to aid accessibility of the text, but must always be approved by the Communications Team.
Gradients are not used on the Accion logo.
When using Accion’s orange gradient, adjust the ratio of the darker orange to the lighter color to around 3:1, to create more presence of darker orange in the graphic. This ensures Accion’s bright orange shines through most strongly and helps improve readability for any text overlays. Please note that neither orange shade at the ends of the gradient is an exact match for Accion’s primary shade of orange, though the gradient effect they produce includes the primary shade. For any standalone orange designs outside of the gradient, please continue to use Accion’s primary colors found in the Color section of the Style Guide.
Dots
Accion and CFI use dot patterns to add texture to designs, as needed. These dots can be used on top of solid-colored backgrounds, images, or videos. However, when used with photography and videos, we should be careful that they do not cover faces or overwhelm people in the visual. The dots can be used vertically or horizontally, within certain parameters. In most cases, these dots should be used as emphasis or design breaks with 3-6 columns or rows of dots at a time. For Accion, orange or white dots are preferred depending on the background. Green or grey dots may also be used. The dots should not be resized unless needed for a large design, which will need to be approved by the Communications Team. Any other variation must also be approved by the Communications Team.
The Accion arrow
As the Accion arrow is a form of our logo, it should follow the Logo guidelines outlined in this Style Guide for most uses. However, in some instances, it may be used as a background pattern employing our dark green color or a light gray over white.
Iconography
Icons help users orient themselves in our digital and physical spaces. All approved icons on the Accion website are from Flaticon by Freepik. New icons can be sourced from this repository and must be approved by the Communications Team. Icons can be used in Accion’s brand colors, contextual colors, or in black or white.
