Brand Device
BRAND DEVICE
Overview
AVI-SPL’s brand device uses arrows inspired from our logo mark to suggest guidance, leadership and progress. Our device is flexible in direction and color to imply adaptation and challenging conventions for better results. Our customers come to us looking for a solution that is continuously evolving — and our brand device delivers on that promise of confidence.
BRAND DEVICE
Overview
AVI-SPL’s brand device uses arrows inspired from our logo mark to suggest guidance, leadership and progress. Our device is flexible in direction and color to imply adaptation and challenging conventions for better results. Our customers come to us looking for a solution that is continuously evolving — and our brand device delivers on that promise of confidence.
Brand Device
Construction
The AVI-SPL brand system is derived from the logomark. The arrow is a core element of the AVI-SPL brand and represents the guidance, leadership and innovation that inspires our clients. Keep the following guidelines top of mind when moving into design.
Weight
Arrows should have equal stroke weight and use a pointed tip in each application.
Shape
The tail of the arrow can be manipulated in both length and curvature depending on the composition or layout.
Color
Arrows can be applied in a variation of brand colors, but never use gradients or multiple colors within a single arrow. The tip and the stem should always be the same color.
Direction
Arrows can face any direction. Use them to create hierarchy and direct the user’s eye to important content, or simply as a graphic element within layouts.
Brand Device
Dos and Don'ts
Use the arrow consistently throughout layouts in order to build brand equity in the device.
When combining the arrow with other elements like logos or icons, maintain a balanced composition.
Use the arrow as a bold graphic background element to add texture and depth within your layouts.
Don't overuse the arrows within a single layout. Layouts should remain clean and easy to read.
Don't cover any faces or important information with the arrows.
Do not stretch or distort the arrow in any dimension. Maintain the arrow's proportions when resizing.
Brand Device
Plus Grid
AVI-SPL’s plus grid is a graphic element, created from the tips of two arrows, that represents the foundational guidance they provide. When combined with an arrow, the grid showcases how AVI-SPL helps their customer navigate challenges towards innovative technology solutions. The plus grid can be layered into photography or used as a graphic background element. It can be used with arrows and without arrows. If arrows are used with it, they should align to pluses on the grid.
Brand Device
CTA Button Style
Buttons should use title case. Buttons should look consistent but color can vary based on layout. Ensure you're using high-contrast pairings to ensure buttons are accessible and easy to read.
Primary Button
Secondary Button
Brand Device
Alt Button Styles
Tertiary Button
Tertiary Button - Hover
