Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

(tick) DO:

(error) DON'T:

Typography

(tick) DO:

(error) DON'T:

Sizing & spacing

(tick) DO:

(error) DON'T:

Icons & illustrations

(tick) DO:

(error) DON'T:

✏ Writing

Cheat sheet

...

Word

...

Rule

Style, spelling, grammar

House rules

Capitalization

(tick) DO:

(error) DON'T:

Punctuation

(tick) DO:

(error) DON'T:

Formatting

(tick) DO:

(error) DON'T:

Abbreviation & acronyms

(tick) DO:

(error) DON'T:

Numbers & percentages

(tick) DO:

(error) DON'T:

Dates and times

(tick) DO:

(error) DON'T:

Lexicon

...

Word

...

Rule

👩‍💻 Build

Best practices

Accessibility

(tick) DO:

(error) DON'T:

Browser support

...

Browser

...

Version

...

Priority

Actions

<Element name (e.g., Button)>

...

Name

...

Required

...

Type

...

Allowed value

...

Default values

...

Description

...

Status
colourBlue
titleYes
/
Status
colourRed
titleNo

...

e.g., Changes the visual styling of the Button

<Element name (e.g., Link)>

...

Name

...

Required

...

Type

...

Allowed value

...

Default values

...

Description

...

Status
colourBlue
titleYes
/
Status
colourRed
titleNo

Forms

...

Name

...

Required

...

Type

...

Allowed value

...

Default values

...

Description

...

Status
colourBlue
titleYes
/
Status
colourRed
titleNo

Feedback

...

Name

...

Required

...

Type

...

Allowed value

...

Default values

...

Description

...

Status
colourBlue
titleYes
/
Status
colourRed
titleNo

Navigation

...

Name

...

Required

...

Type

...

Allowed value

...

Default values

...

Description

...

Status
colourBlue
titleYes
/
Status
colourRed
titleNo

Accessibility

...

Name

...

Required

...

Type

...

Allowed value

...

Default values

...

Description

Status
colourBlue
titleYes

...

In this section, you will find the templates we are using with Google tools.

Make sure to check the sub-pages to this section. They contain graphic elements such as icons and illustrations that you can use in your slides.

Note

Don’t forget to check our design guidelines page so we can maintain our visual elements coherent.

Which templates are you looking for?