Buttons
Using Buttons - Tips & Guidelines
Website buttons are a great way to direct your website visitors' attention towards important content. They can be used to link to various internal and external web pages, social media profiles, documents, forms, resources, and more. Buttons provide a quick and easy way to make essential information readily available to your website visitors.
It is important to note that all buttons used on our website must comply with the AODA guidelines. Therefore, ensuring that the language used in all call-to-actions and buttons on the website is inclusive and descriptive is necessary. Rather than using terms like "Read More," "View More," or "Learn More," it is recommended to use simple language to describe what is being accessed.
Standalone Buttons (Grey Background)
Standalone Buttons (White Background)
Buttons with Text (Grey Background)
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque. Curabitur molestie augue dictum, blandit nisl tincidunt, vehicula dui. Ut volutpat tempus erat, a consequat tortor finibus sit amet. Aenean elementum maximus dignissim. Etiam nibh nibh, tempus a eleifend a, laoreet id lacus. Etiam porta lorem a semper rutrum. Curabitur sed nibh non risus condimentum mollis. Quisque sit amet ex vehicula, pulvinar neque at, porta ante. Mauris lobortis consequat massa sagittis dictum. Pellentesque commodo egestas dui in ultricies.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque. Curabitur molestie augue dictum, blandit nisl tincidunt, vehicula dui. Ut volutpat tempus erat, a consequat tortor finibus sit amet. Aenean elementum maximus dignissim. Etiam nibh nibh, tempus a eleifend a, laoreet id lacus. Etiam porta lorem a semper rutrum. Curabitur sed nibh non risus condimentum mollis. Quisque sit amet ex vehicula, pulvinar neque at, porta ante. Mauris lobortis consequat massa sagittis dictum. Pellentesque commodo egestas dui in ultricies.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque. Curabitur molestie augue dictum, blandit nisl tincidunt, vehicula dui. Ut volutpat tempus erat, a consequat tortor finibus sit amet. Aenean elementum maximus dignissim. Etiam nibh nibh, tempus a eleifend a, laoreet id lacus. Etiam porta lorem a semper rutrum. Curabitur sed nibh non risus condimentum mollis. Quisque sit amet ex vehicula, pulvinar neque at, porta ante. Mauris lobortis consequat massa sagittis dictum. Pellentesque commodo egestas dui in ultricies.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue.
Buttons with Text (White Background)
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque. Curabitur molestie augue dictum, blandit nisl tincidunt, vehicula dui. Ut volutpat tempus erat, a consequat tortor finibus sit amet. Aenean elementum maximus dignissim. Etiam nibh nibh, tempus a eleifend a, laoreet id lacus. Etiam porta lorem a semper rutrum. Curabitur sed nibh non risus condimentum mollis. Quisque sit amet ex vehicula, pulvinar neque at, porta ante. Mauris lobortis consequat massa sagittis dictum. Pellentesque commodo egestas dui in ultricies.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque. Curabitur molestie augue dictum, blandit nisl tincidunt, vehicula dui. Ut volutpat tempus erat, a consequat tortor finibus sit amet. Aenean elementum maximus dignissim. Etiam nibh nibh, tempus a eleifend a, laoreet id lacus. Etiam porta lorem a semper rutrum. Curabitur sed nibh non risus condimentum mollis. Quisque sit amet ex vehicula, pulvinar neque at, porta ante. Mauris lobortis consequat massa sagittis dictum. Pellentesque commodo egestas dui in ultricies.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque. Curabitur molestie augue dictum, blandit nisl tincidunt, vehicula dui. Ut volutpat tempus erat, a consequat tortor finibus sit amet. Aenean elementum maximus dignissim. Etiam nibh nibh, tempus a eleifend a, laoreet id lacus. Etiam porta lorem a semper rutrum. Curabitur sed nibh non risus condimentum mollis. Quisque sit amet ex vehicula, pulvinar neque at, porta ante. Mauris lobortis consequat massa sagittis dictum. Pellentesque commodo egestas dui in ultricies.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue. Nulla dictum augue nunc, eget vulputate mauris pretium at. In metus massa, porttitor scelerisque neque a, fringilla consectetur sem. Etiam sit amet lectus vitae mi posuere vulputate vel eget neque.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue.
CTA Title
CTA Description: Cras et varius lorem. Morbi congue justo velit, non porttitor libero elementum vel. Nullam sed blandit dui, vitae tempor arcu. Aenean placerat, nisl id facilisis dapibus, augue nunc volutpat leo, et accumsan velit urna eu augue.
