Skip to main content

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