Style

The Style layer is concerned with emotion, tone, and visual vocabulary. Because it is the most visible and concrete aspect of an interface, it typically accounts for people’s first impression of a product. Style is influenced by the use of color,the design of icons throughout the interface and the use of typography. Elements of the Style layer also support the Organizational Model in the form of labels, the Viewing and Navigation layer in the form of the names of the input and navigational controls, and the User Assistance layer in the form of alert messages and notifications.

The following style elements provide a palette to express your own unique vision while preserving the shared design vision.

Use colors consistently.
Ensure backgrounds and edges honor the design vision.
Icon design and use should be consistent throughout the interface.
Use low level animations to support usability.
Treat typography with the same care as any other aspect of the visual design.