Typography is important when establishing a strong design system. When established, it can help to create balance and hierarchy of textual information. By creating structure within a page, text becomes enjoyable and appealing to read. We aim to ensure type within our product complies with WCAG 2.0 AA standards.
Page Title (H1)
@include ca-type-ideal-page-title;
Title (H2)
@include ca-type-ideal-title;
Display (H3)
@include ca-type-ideal-display;
Heading (H4)
@include ca-type-ideal-heading;
Lede (Intro)
@include ca-type-ideal-lede;
Body
@include ca-type-ideal-body;
Body Bold
@include ca-type-ideal-body-bold;
Small
@include ca-type-ideal-small;
Small Bold
@include ca-type-ideal-small-bold;
Notifications
@include ca-type-ideal-notification;
Labels
@include ca-type-ideal-label;
Control Action
@include ca-type-ideal-control-action;
@include ca-type-ideal-button;
A pleasure to read
Should make sense, visually and informationally
Be overwhelming
Difficult to read