1. Drive cohesive user experience across devices and product ecosystem
2. Lay a foundation for design innovation and execution throughout the Commercial line of business and beyond
3. Support internal and external Capital One teams through a centralized design and development system of re-usable components
4. Apply the benefits of Atomic Design to our development teams, such as improvements to reusability, consistency, updatability,
modularity, minimalism, and perceivability.
The commercial LOB needed a design execution system. The first iteration of this system is the creation of this document, the
ICCE Web Style Guide, which will house global components for the ICCE Web product and T&E mobile apps. Global stylesheets can
mimic the aesthetics and intended interactions of these designed components consistently. While accounting for every possible
scenario is difficult at best, having many pre-built components, written in HTML and CSS, on hand helps keep a product consistent.
Assuming that we’ve covered every aspect of a site's design is easy. Too easy. We've found that people familiar with a design can miss
the obvious. This style guide will take precedence and override the individual design mockups, reducing the need for pixel-perfect
prototypes and allow for wider use of mid-fidelity wireframes. Here is where you’ll find guidance, information, and resources for
creating those delightful experiences.