Scotiabank Digital Styleguide

Scotiabank Digital Styleguide

In an effort to unify different Scotiabank creative teams touching North American properties, we created the Scotiabank Digital Style Guide.  The Style Guide contained specific experiential, architectural and aesthetic rules written by both the User Interface and User Experience teams in a detailed and easy to follow way.

Content

The style guide was filled with robust examples which ranged from architectural design to visual color pallet choices. These examples often had measurements and mark-up for developers to follow as well as live-coded html examples to show interactions.  We also included an interactive overlay where users can click on individual elements and get their specific measurements, colors and styling.

Visual Rules

As mentioned before the style guide also covered various visual rules such as color pallets designated to different elements and typography just to name a few examples.

Accessibility

As mentioned before the style guide also covered various visual rules such as color pallets designated to different elements and typography just to name a few examples.

Categories: