Skip to main content
eSSENTIAL ACCESSIBILITY Crisis Centre

Buttons

This section is only for advanced usage and CSS implementation. Please contact webteam@uoit.ca for proper use cases.

Default button

Default button

Button sizing

Tiny Small Medium (default) Large

Button colours

Default/Primary Secondary Tertiary Accent

Grey Medium grey Light grey

Green Pink Yellow Purple

FBIT FED FESNS FEAS FHS FSCI FSSH GRAD

Success Alert Warning


Hollow (inverted) button colours

Light blue Dark blue Grey Green Pink purple

Buttons with icons

Map icon Directory icon Question icon

View examples of available icons

University of Ontario Institute of Technology logo