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.
Digital Design Hub: Home
Digital Design Hub: Design Foundation
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.
Digital Design Hub: Pattern Landing Page
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.
Digital Design Hub: Button Pattern UI
Each pattern page documents usage, placement, interactions and transitions, variations and restrictions, accessibility criteria, related patterns, along with interactive demos of each UI element.
Digital Design Hub: Button Specs
Detailed design specifications for each of the defined breakpoints are documented with the Specs tab.
Digital Design Hub: Button Code
Code snippets for both jQuery and Angular JS along with developer notes and version history are contained under the Code tab.
Digital Design Hub: Knowledge Center
Training resources, best practices, FAQs, and other modules for building understanding and expertise of the Digital Design System are documented within the Knowledge Center.
Fall 2012 Digital Campaign Playbook
Playbook toolkit with templates and usage guidelines for aligning the design and creative execution for the Fall 2012 online campaigns.
Digital Marketing Compilation: Autumn 2013
Video compilation of seasonal digital marketing campaigns featuring myAT&T animated marquee and landing page experience as well as the Holiday Campaign Playbook.
Digital Marketing Campaign Video Compilation
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.
YouTube Masthead Takeover
Digital Marketing Compilation: Winter 2014
Video compilation of digital marketing campaigns for banner advertising, marquees, home page re-design concepts, social, and landing page animations.