CDA.org Design System
- Catherine Foss (Unlicensed)
This template is brought to you by InVision, a digital product design platform.
Design
Getting started
Design principles
Principle one | Principle two | Principle three |
|---|---|---|
|
Visual language
Color
DO:
DON'T:
Typography
DO:
DON'T:
Sizing & spacing
DO:
DON'T:
Icons & illustrations
DO:
DON'T:
Writing
Cheat sheet
Word | Rule |
|---|---|
| |
|
|
Style, spelling, grammar
House rules
Capitalization
DO:
DON'T:
Punctuation
DO:
DON'T:
Formatting
DO:
DON'T:
Abbreviation & acronyms
DO:
DON'T:
Numbers & percentages
DO:
DON'T:
Dates and times
DO:
DON'T:
Lexicon
Word | Rule |
|---|---|
| |
|
|
Build
Best practices
Accessibility
DO:
DON'T:
Browser support
Browser | Version | Priority |
|---|---|---|
| ||
|
|
|
Actions
<Element name (e.g., Button)>
Name | Required | Type | Allowed value | Default values | Description |
|---|---|---|---|---|---|
Yes / No |
|
|
| e.g., Changes the visual styling of the Button | |
|
|
|
|
|
|
<Element name (e.g., Link)>
Name | Required | Type | Allowed value | Default values | Description |
|---|---|---|---|---|---|
Yes / No |
|
|
| ||
|
|
|
|
|
|
Forms
Name | Required | Type | Allowed value | Default values | Description |
|---|---|---|---|---|---|
Yes / No |
|
|
| ||
|
|
|
|
|
|
Feedback
Name | Required | Type | Allowed value | Default values | Description |
|---|---|---|---|---|---|
Yes / No |
|
|
| ||
|
|
|
|
|
|
Navigation
Name | Required | Type | Allowed value | Default values | Description |
|---|---|---|---|---|---|
Yes / No |
|
|
| ||
|
|
|
|
|
|
Accessibility
Name | Required | Type | Allowed value | Default values | Description |
|---|---|---|---|---|---|
Yes / No |
|
|
| ||
|
|
|
|
|
|