Card Patterns

Cards are a common feature used on websites to display content related to a particular topic, theme, or area of interest in a visual box. To ensure that related content is easily distinguishable and accessible for screen readers, it is essential to use clear and descriptive card titles. These titles can also serve as anchor text when creating jump-to menus or directing users to a specific section.

Using card patterns can enhance the design and presentation of content while also breaking up larger information sections. Up to three rows of card patterns can be used on a specific page without appearing too busy. We recommend alternating between solid rows of cards and patterned rows to draw viewers' attention when exceeding three rows of patterns. For reference, the OISE Alumni Association website provides an excellent example of mixing cards without making the page appear too busy or distracting.

Only alternating dark and light blue cards are approved. Using other colour combinations is not approved on our websites.