Q.com Style Guide

Welcome to the Questrade.com Style Guide.

This Style Guide was created to ensure a consistent and efficient front-end development workflow for the website. It provide instructions and sample HTML for layout types such as Grid and Flexbox as well as core elements like Typography, Colors, Spacing.

This new version of the style guide is still a work-in-progress, however examples of its use can be seen on the following pages:

• https://www.preprod.questrade.com/self-directed-investing/fractional-shares
  
• https://www.preprod.questrade.com/self-directed-investing/active-trader
  
• https://www.preprod.questrade.com/3-percent-cashback/Action/Edit/en (this page was deliberately unpublished as the campaign has ended, but can be viewed in Preview or Editor mode)
  

This style guide includes the following section (also accessible from the sidebar):