A set of assets and guidelines for building a consistent and positive user experience across the website.
This color is used for all Headings and Icons
Secondary colors come from alternative brand colors. This color is used for variation
This color is used for all important interactive elements like Buttons, CTAs, links
Gray tones are the essence of the UI. Used for text or cards, etc
Alerts are four colors used to indicate certain situations
Base color used for the background color of sections, cards
Base color used for divider, border, etc
Flexible typography scale works perfectly for all breakpoints – desktop, tablet and mobile.
A collection of widgets used as sample of the use of color and typography.
Collection of buttons used in website ui design with variations
Counting numbers that rotate and stop at a certain value to show an achievement in numbers
Highlighted special sentences that form a series as an expression or statement
Chilliwack ElderCollege helps keep me active and thinking sharp.
~ Andrej Karpathy