The new Digital Design System for AT&T aligns and unifies our design and digital experiences through a comprehensive collection of responsive, code-based UI patterns, toolkits, and usage guidelines for creating simplified, consistent digital experiences.
Guidance on digital design foundation, design principles, and brand elements such as Color, Iconography, Imagery, and Typography along with Development overview documentation are contained within the Hub site.
This is the core of the Hub containing a comprehensive collection of foundational UI patterns with code snippets (Angular JS and jQuery), specifications, developer notes, and various usage guidelines such as accessibility, editorial, interaction and others.
Users can download code, PSD UI toolkits, access Axure and Visio stencils, and other documentation.
Each pattern page documents usage, placement, interactions and transitions, variations and restrictions, accessibility criteria, related patterns, along with interactive demos of each UI element.
Detailed design specifications for each of the defined breakpoints are documented with the Specs tab.
Code snippets for both jQuery and Angular JS along with developer notes and version history are contained under the Code tab.
Training resources, best practices, FAQs, and other modules for building understanding and expertise of the Digital Design System are documented within the Knowledge Center.
Playbook toolkit with templates and usage guidelines for aligning the design and creative execution for seasonal online campaigns.
Dynamic YouTube masthead showcasing the thrills and exciting of the LG Thrill 4G phone. Design and concept developed to engage gamers with the nature of the video content.
Video compilation of digital marketing campaigns for banner advertising, marquees, home page re-design concepts, social, and landing page animations.