For designers
Design System components for Alberta.ca in Figma
Standard components designed for the GoA primary digital communications tool.
Design System components in Figma
Basic characteristics and how to use GoA web application components.
For developers
Core stylesheet
Core Styles: Colour, Fonts, Iconography, Logo, Buttons, Checkboxes, Colour Palette, Dividers, Drop Down List, Images, Links, Radio Buttons, Tables, Text Field, Typography
Components stylesheet
Standard Components: Callouts, Cards, Disclaimer, Form, Hero Banner, Notification Banner, Pagination, Quotes, Search Box, Social Links, Social Share
Component library
Interactive components for building GoA Websites in common JavaScript frameworks.
HTML templates
Page layout templates in HTML and CSS.
Previous
Visual quality