From the course: UX Foundations: Style Guides and Design Systems

Unlock the full course today

Join today to access over 24,700 courses taught by industry experts.

Visual elements

Visual elements

- The part of style guides that typically gets the most attention is the section that describes your visual identity. There's a good reason for this. Visual inconsistency is glaringly obvious, and although often users can work around this inconsistency, they recognize the differences and sometimes if those differences are big enough, they lose trust and abandon the site. Visual identity covers where and how the company logo or logo type can be used, what the main brand colors are and any other secondary colors in the approved palette. Typography such as which font faces, weights and sizes are acceptable and layout issues such as the grid that's used in any standard print formats. Most often, the visual identity section will also cover how to handle media like photography and illustration styles, how audio and video elements are integrated and when and how movement or animation are used. There might even be rules for how third…

Contents