---
url: /foundations/content-design/style-guide/grammar-and-punctuation.md
description: UI text should be understandable by anyone, anywhere
---

# Style guide

UI text should be understandable by anyone, anywhere

[UX writing best practices](ux-writing-best-practices.md) · [Word choice](word-choice.md) · **Grammar and punctuation**

This style guide is specific to English-language UX writing. Google generally follows [Associated Press (AP) style](http://www.apstylebook.com/).

### Skip periods and unnecessary punctuation

To help readers scan text, avoid using periods and other unnecessary punctuation. 

Avoid using periods to end single sentences, particularly in:

* Labels
* Tooltip text
* Bulleted lists
* Dialog body text
* Hyperlinked text

Use periods on:

* Multiple sentences
* Long or complex sentences, if it suits the context

::: tip Do
![Example of a period removed at the end of a short sentence on a snackbar.](/assets/f3e39cbb-lvw1bx75-1_do.DSeXSGhf.webp)

Omit punctuation on single-line sentences
:::

::: danger Don't
![Example of a period used at the end of a short sentence on a snackbar.](/assets/3e592155-lvw1cb1g-2_don-t.CyzPZcYE.webp)

Avoid using periods to end single sentences
:::

### Use contractions

Contractions can make a sentence easier to understand and scan.

However, sometimes "do not" can give more emphasis than "don't” when caution is needed.

::: tip Do
![Dialog with the title "You can't edit".](/assets/8be9497a-lvw1cv3h-3_do.B9kEjc10.webp)

Avoid spelling out words that can be contractions
:::

::: danger Don't
![Dialog with the title "You cannot edit".](/assets/529f1b6b-lvw1dc07-4_don-t.BEYVJqs9.webp)

Phrases that aren’t contracted can feel stiff or overly formal
:::

### Use serial commas

Use the serial (or Oxford) comma, except before an ampersand.

Always place commas inside quotation marks.

::: tip Do
![Serial comma used in an information text containing 3 items.](/assets/8a636b0f-lvw1dyhn-5_do.OCivmpFF.webp)

Use a serial comma in lists of three or more items
:::

::: danger Don't
![Serial comma not used in an information text containing 3 items.](/assets/1d9d9851-lvw1ed7j-6_don-t.CjxJ7qIV.webp)

Don’t skip serial commas before “and”
:::

### Use commas for numbers between 1,000 and 1 million

Use commas for numbers over 1,000. Don’t use commas when identifying something, such as a:

* Street address
* Radio frequency
* Year

For numbers over 1 million, comma use depends on context. “Million” can be abbreviated with with “M” and the value can be rounded when the intent is to give people a sense of the volume, rather than the exact numbers.

::: tip Do
![Music app showing song with 23 million views, which is abbreviated to 23M](/assets/054d6ffb-m8oz05jn-21.Mw-fmK4M.webp)

Abbreviate “million” with “M” and don’t use commas when giving people a sense of volume
:::

::: tip Do
![Restaurant with 1,185 reviews, without abbreviation](/assets/8812685e-m8oz1etk-22.CnQvS0J3.webp)

Use commas in numbers between 1,000 and 1 million
:::

### Skip colons in headings

For headings on lists of items, do not use colons. For lists within body text, use a colon.

![Colon used after the introduction statement for a list.](/assets/84121956-lvw1foj4-7.YUtd9KFu.webp)

Use colons for lists within body text

### Use exclamation points sparingly

Exclamation points can come across as shouting or overly friendly. Some exceptions include greetings or congratulatory messages.

::: tip Do
![Exclamation mark used after "Congratulations".](/assets/e59ef6d0-lvw1gcch-8_do.CuSpTavh.webp)

Exclamation marks can be used to emphasize celebratory moments
:::

::: danger Don't
![Exclamation mark used after a general statement.](/assets/7633cdee-lvw1gqon-9_don-t.DGerQ_m0.webp)

Avoid using exclamation marks for empty states and common tasks. Save it for bigger accomplishments.
:::

### Use ellipses sparingly

<br>Use ellipses to indicate an action in progress or incomplete text. Truncated text may appear with ellipses, but check with your engineering partners before implementing, as this often happens automatically.<br><br>Don’t add a space before ellipses. Omit ellipses from menu items or buttons that open a dialog or start a process.

::: tip Do
![A process indicator shows a 45% completion state.](/assets/e555a606-lw6vvbq3-10.BMRwUvBI.webp)

Ellipses show an action in progress
:::

::: danger Don't
![A button as part of a form has text saying "Saving" following by an ellipses.](/assets/c76c4a3a-lw6vvnys-11.isMyKWRo.webp)

Don’t use ellipses in buttons or menu items
:::

### Use parentheses to define terms

Parentheses can be used to define acronyms or jargon or when referencing a source. They shouldn’t be used when adding a side note or an afterthought of a sentence.

::: tip Do
![Parentheses used to define an acronym.](/assets/eb48472e-lvw1iyrb-12_do.CdbV1jpt.webp)

Use parentheses to define terms and jargon
:::

::: danger Don't
![Parentheses used for adding an additional thought to a statement.](/assets/75a50b03-lvw1jbk8-13_don-t.vvP6p3oq.webp)

Don’t use parentheses to add extra thoughts. If information is needed, include it in the sentence without parentheses for easier scanning and improved comprehension.
:::

### Skip ampersands in body text

The “&” symbol can be used instead of “and” in headlines, column headers, table headers, navigation labels, and buttons. However, when there’s room, spelling out “and” can improve readability and make scanning easier.

“And” should be spelled out in sentences and paragraphs, before the final item in a 3+ item list, and in email subject lines.

::: warning Caution
![Ampersand used in a heading.](/assets/2101bafb-lvw1k4wr-14_do.D1dE95KM.webp)

Ampersands can be used in headlines where there's limited space
:::

::: danger Don't
![Ampersand used in an email subject line.](/assets/4f9175bc-lvw1kjxl-15_don-t.BpqMOGDp.webp)

Avoid ampersands in email subject lines
:::

### Use dashes with caution

Dashes and hyphens can interrupt a sentence and lead to a fragmented experience, so they should be used with caution. There are three kinds of dashes:

* Em dash: —
* En dash: –
* Hyphen: -

Em dashes are best avoided in UX writing, as they indicate a break in the flow of a sentence that could be simplified using a comma, period, or new sentence. 

Use an en dash without spaces to indicate a range, such as 9 AM–Noon.

![En dash used for time range.](/assets/de1a7c1a-m0ph4v50-16.VneB-OWh.webp)

Use an en dash without spaces for ranges

### Use hyphens with care

Hyphens can help readers better understand how words relate to each other by binding closely related words. They can also be used to represent negative numbers, such as -100. Spaces should never be used surrounding hyphens.<br><br>Refer to the [Associated Press (AP) style guidelines](http://www.apstylebook.com/) if you are unsure whether an adjective or noun phrase needs a hyphen.

| **Rule**                                                                                                                          | **Examples**                                                                                                | **Why**                                                                                                                                                                                                                                                                                                                                                                                                         |
| --------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Hyphenate adjective phrases<br>**                                                                                               | Case-by-case basis<br>Best-in-class performance<br>Once-in-a-lifetime opportunity                           | When multiple words are used together as an adjective, they should be hyphenated                                                                                                                                                                                                                                                                                                                                |
| **Hyphenate adjective phrases<br>**                                                                                               | Cell phone number<br>Chocolate chip cookie                                                                  | However, proper nouns and common, easily understood adjective phrases don't need to be, such as "cell phone number" or "chocolate chip cookie"                                                                                                                                                                                                                                                                  |
| **Hyphenate noun phrases**<br>A noun phrase is two or more words acting as a noun. These phrases are hyphenated in certain cases: | Sign-off<br>Drive-through<br>Go-ahead                                                                       | Hyphenate a noun phrase if it contains a verb followed by an adverb                                                                                                                                                                                                                                                                                                                                             |
| **Hyphenate noun phrases**<br>A noun phrase is two or more words acting as a noun. These phrases are hyphenated in certain cases: | Higher-up<br>Most-read                                                                                      | Hyphenate an adjective phrase that is functioning as a noun                                                                                                                                                                                                                                                                                                                                                     |
| **Hyphenate noun phrases**<br>A noun phrase is two or more words acting as a noun. These phrases are hyphenated in certain cases: | Jack-of-all-trades<br>Stick-in-the-mud                                                                      | Some noun phrases, especially long or complicated ones, are always hyphenated                                                                                                                                                                                                                                                                                                                                   |
| **Don't hyphenate verb phrases**<br>A verb phrase is two or more words acting as a verb. These should not be hyphenated.          | Look out for falling rocks<br>Please drive in and drop off your car<br>Check in to the room when you arrive | Don't hyphenate a verb followed by an adverb or preposition if it's functioning as a verb phrase. For example, "check in" would not need a hyphen when used as a verb, such as "check in to the room," rather than as a noun, like "the next check-in." Also, note that since "in" is a part of the verb, it can't be combined with "to" to form "into," since check into doesn't mean the same as check in to. |

### Use italics sparingly

Italics typically aren't easy to read. When emphasizing text, use bold weight instead.  

However, italics can provide unique emphasis when applied to a single word or phrase, like a name or title.<br>

::: tip Do
![Dialog with Home Laptop in italics while rest of supporting text is not italicized.](/assets/ad86a863-m4iwaqly-17.u1OywXD3.webp)

Italicize a word or phrase
:::

::: danger Don't
![Dialog with all supporting text in italics.](/assets/6712fcb3-m4iwaxan-18.SWCwViBE.webp)

Don’t italicize a sentence
:::

### Don’t use caps blocks 

Avoid using caps blocks altogether; they're not accessible.

::: danger Don't
![UI for Maps showing description of a location with a single word in a caps block.](/assets/157d4067-m4iwb45j-19.DUPSZXh2.webp)

Don't use caps block. Use sentence case for all product text.
:::
