The Chief Data Organization at AT&T developed a number of websites and web applications based generally around the same style, but due to not working from a single style guide there were a lot of variations on the implementation. Designs had been created in Adobe Photoshop and XD but never aggregated into a single set of concise libraries. Some work had been done on a design system site which had some differences to the Photoshop and XD designs.
My goal was to create a set of Sketch libraries and associated design system website to increase the efficiency of the designers and support the creation of reusable code. This would allow developers to share components across projects to dramatically reduce delivery time. Extensive research was done on design systems from other major companies and frameworks such as Storybook and Diez.
Due to organizational changes the design system could not be completed, but many foundational sections were developed.
• New brand color scheme guidelines
• Neutral color range added
• Grid and spacing system
• Typography
• Layers
• Depth
