Design System v1

Welcome to Bow Valley College's Design System.

This guide guides the development of user experiences and interfaces on digital platforms, promoting cohesion, usability, and accessibility. It ensures intuitive, visually engaging, and user-centric interfaces reflecting the college's excellence.

General

border_inner

Borders

Box border Top border Botton border Left border Right border

smart_button

Buttons

Buttons Radius Size Icon Buttons Icon & Text Buttons

palette

Colors

Background Colors Neutral Background Colors Transparent Background Colors Neutral Transparent Background Colors Text colors Emphasis text

school

Icons

Introduction Material icons Sizes Colors

chat

Feedback

Tooltip Alert Modal

checklist

Forms

Inputs Textarea Form Toggles

calendar_view_week

Layout

Spacing Scale Spacing Padding Classes Spacing Margin Classes

smart_button

Links

Links Icon Links

near_me

Navigation

Inputs Textarea Form Toggles

dashboard

Spacing

Spacing Scale Spacing Padding Classes Spacing Margin Classes

pivot_table_chart

Tables

General Table heading Rows

text_fields

Typography

Herarchy Heading Subheding Body text Lists Lists with an icon Alignment

Widgets

smart_button

Feedback

Herarchy Heading

dns

Navigation

BVC colors background Neutral colors background

school

Icons & Buttons

Introduction Material icons

dashboard

Layout & Spacing

Spacing Scale Spacing Padding Classes

Design System

Welcome to Bow Valley College's Design System.

General

Borders

Buttons

Colors

Icons

Feedback

Forms

Layout

Links

Navigation

Spacing

Tables

Typography

Widgets

Feedback

Navigation

Icons & Buttons

Layout & Spacing

Connect with us

Follow us