BrandingElement Design System
Establishing a visual identity for the Design System Release
A logo as dynamic as the system it represents.
Pulling inspiration from components within the design system lead naturally to treating the typography as components themselves. Framing the type in a card-likestructure visuallyties the logo directly to pieces that might be built by the design system.
A Truly Responsive Logo
Five breakpoints allow for the logo to be resized to fit comfortably anywhere needed. As the logo becomes smaller, it simplifies aesthetically until only the icon of the frame remains. Points of responsive articulation to be expanded within the needed space within each breakpoint.
Optimized for Accessibility
One of Element’s key features is the WCAG compliant accessible palette. The high contrast colors were chosen for their high accessibility ratio.
