Skip to main content

Title

Your Website's Visual Design

About Our Visual Design 

It’s time to lay out the final content and determine the look-and-feel for your website! With CANVAS, you have the flexibility to tailor yourdesign from changing colors, updating fonts, styling navigation, adjusting the layout of content, and so much more! 

CANVAS page templates are responsive by design, which means that your website will be optimized to your users’ desktop, tablet, and mobiledevices. No pinch and zoom necessary!

View all Templates

 

Your Brand’s Web Style Guide 

Think of this as a brand identity exercise, only you’re coming up with an identity for a website. We’ve created a Canvas Style Guide section for you to explore and gain a better understanding of CANVAS’s default styles, guidelines, dependencies and customization examples. The Style Guide will help you select global style values for your site fonts colors and spacing.

Once you’ve explored the Style Guide, you can then choose global styles for your site and record them in the Brand Style Guide Worksheet

Learn About Canvas Styles 

 

Design Tips & Best Practices

Here’s what you should consider if you’re redesigning or building a website.

Don’t Jump The Gun

Avoid the potential design pitfall of the “Ready, Fire, Aim” approach. The most crucial part of website projects is the planning. Know what you’re doing, why you’re doing it, and for whom you’re doing it before starting to design your site.

User Experience Is Key

Start and end the project with your users’ interests in mind. If the site doesn’t provide useful and easy to use content and features to the audience, nothing else matters.

Think Beyond the “Typical” User

Everyone’s different! Design with the varying ages, experience levels, physical or sensory limitations, and technical circumstances of your users in mind.

 


Once the Visual Design phase has been completed, your site will be built, tested, and pushed live in the Configuration and Test & Launch phases.

As a reminder, the previous step in the process was Information Architecture.

 

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

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