Punctuation
Periods
Skip periods
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
Use periods
Multiple sentences
Long or complex sentences, if it suits the context
Any sentence followed by a link.
Links themselves should not be full sentences.
Colon
Skip colons
After labels in headings
For headings on lists of items, do not use colons
Use colons
For lists within body text
Comma
Use the oxford comma, except before an ampersand (&)
Your emails, chats, and drafts aren’t available
Your emails, chats and drafts aren’t available
Contractions
Contractions can make a sentence easier to understand and scan.
However, sometimes "do not" or "cannot" can give more emphasis than "don't” or "can't" when caution is needed.
You're so close to claiming your first candy reward
You are so close to claiming your first candy reward
You can't undo this action
You cannot undo this action
Abbreviations
Use abbreviations sparingly
Spell out words whenever possible. Shortened forms of words can be difficult for people to understand and screen readers to read. Avoid Latin abbreviations in UI text such as e.g. or etc. Instead, use full phrases like "for example," or "and more."
Collect candy to redeem NFTs, books, etc.!
Collect candy to redeem NFTs, books, and more!
Exclamations
Use exclamation points sparingly
Exclamation points can come across as shouting or overly friendly. Some exceptions include greetings or congratulatory messages.
Exclamation marks can be used to emphasize celebratory moments
Avoid using exclamation marks for empty states and common tasks. Save it for bigger accomplishments.
Congratulations! You added your first coin
No coins found! Add a coin to your portfolio
Ellipses
Use ellipses sparingly
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.
Omit ellipses from menu items or buttons that open a dialog or start a process
Don’t use ellipses in buttons or menu items
Don’t add a space before ellipses
Loading...
Loading ...
Parentheses
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.
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.
Use parentheses to define terms and jargon
Clickthrough rate (CTR) measures how often people click your ad after it’s shown to them
At work and at home (and even on the go), your data is private and secure
Ampersands
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.
Coins & NFTs
Find data on the crypto projects that interest you
Create a price alert
You can create custom price alerts for coins & NFTs
Dashes
Use dashes 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.
Hyphens
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.
Refer to the Associated Press (AP) style guidelines if you are unsure whether an adjective or noun phrase needs a hyphen.
Last updated