This template is brought to you by InVision, a digital product design platform.
🎨 Design
Getting🎨 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
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
e.g., Changes the visual styling of the Button
<Element name (e.g., Link)>
Name
Required
Type
Allowed value
Default values
Description
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
Forms
Name
Required
Type
Allowed value
Default values
Description
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
Feedback
Name
Required
Type
Allowed value
Default values
Description
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
Navigation
Name
Required
Type
Allowed value
Default values
Description
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
Accessibility
Name
Required
Type
Allowed value
Default values
Description
| Status | ||||
|---|---|---|---|---|
|