Skip to main content

Title

CANVAS Style Guide

Web style guides work in a similar manner to brand or identity guidelines; the only difference being that you’re not creating an identity for a brand but rather an identity for a website. In this case, the brand is the website and, as such, a style guide must set out to create consistency and unity within a site’s design. 

Below you’ll find all the graphic standards and guidelines for the CANVAS interface elements such as color usage, buttons, imagery, typography, link styles, and interactive design elements like menus or carousels that you will need during the design phase of your CANVAS project.

 

Responsive Layout

CANVAS sites fluidly respond across three distinct breakpoints for an optimal viewing experience on multiple devices.

Color Palette

Adhering to a color palette makes your brand site more visually consistent.

Typography

Fonts and font sizes should be consistent across all headers, headlines and body copy.

Imagery

Whether it’s people, places or products, imagery should bea clean, modern extension of your brand.

Interactive Elements

Buttons, links, drop-downs and accordions respond the same across all of your pages.

Carousels

Carousels are a great way to display a variety of content in one place.

Touts & Callouts

Touts or callouts are flexible objects reserved for featured content and can be displayed using a variety of layouts.

Menus

Menus can take on many forms in CANVAS to help users find the content they are looking for.

See examples of page layouts, features and functionality in CANVAS.

Our demo provides a glimpse of the flexibility of CANVAS and its templates.