eccto
ECCTO
Duration: 3 months
Role: Brand Designer, Visual Designer
Target User: Microsoft ECCTO Team, Lorraine Bardeen (VP & CTO)
Contribution: Expressive logo, illustration library, swag, presentation
+ email templates
Charter: We empower organizations to fully realize the value of industry cloud solutions as we synthesize customer business and technology requirements to deliver validated prototypes, narratives, reference environments, and architectures that are adopted and extended by Microsoft engineering, field, services, and partner teams.
LOGO ANATOMY
We like to believe we’re soft yet firm, so we’ve rounded out to corners a bit throughout the logo’s apex. 2. The top of the t is reduced and chopped to create a “signal”, following the natural 18° angles in the font Segoe.
LOGO – EXTENDED
The ECCTO logo should be used primarily with a color signal in the yellow color specified. A solid black or white version can be used in a secondary context.
LOGO – EXPRESSIVE
In special circumstances, you can use icon imagery to replace the signal. This is best done sparingly, with clear intent and purpose to celebrate an occasion, value, or achievement meaningful to ECCTO.
COLOR
ECCTO’s visual language uses a spectrum of color combined into light and dark gradients and broken out into tonal color families. We also use a range of tonal black + grey to support this system.
COLORS APPLIED
ECCTO’s color palette features gradients that work well as backgrounds and washes utilizing colors that represent clarity, innovation, and leadership. These washes work well as backgrounds or as section dividers. The “light angle” featured in these washes is 18°, which is the same as the angle of the signal in the ECCTO logo.
ILLUSTRATION LANGUAGE + ANATOMY
I developed the illustration language for ECCTO pulling features directly from the logo including the 18° angle, as well as honing key-characteristics in illustrations in the “signal” yellow
