Grammar and Mechanics
This section outlines how we use punctuation, capitalization, and other technical elements to communicate clearly and consistently across Thumbtack
Acronyms
We spell out unusual acronyms the first time we use them and put the acronym in parentheses alongside it. From then on, we use solely the acronym. (Exception: if an acronym is commonly used by the users, there's no need to write it out.)
For time zones, we use the two-letter format with a space preceding the acronym.
Active vs. passive voice
When writing in an active voice, the subject of a sentence performs the action. Use active voice by default. Using an active voice helps our product sound more conversational.
When writing in a passive voice, the subject of the sentence receives the action. (Tip: words like “was” and “by” often indicate a passive voice.)
Passive voice can be helpful when we want to:
- Avoid blaming the user or system
- Avoid referring to Thumbtack and instead put users in the spotlight
Addresses
We abbreviate addresses as much as possible:
Alt text
Text alternatives (alt-text) should be written for several types of non-text content:
- Short equivalents for images, including icons, buttons, and graphics
- Description of data represented on charts, diagrams, and illustrations
- Brief descriptions of non-text content such as audio and video files
- Labels for form controls, input, and other user interface components
UX copy for text alternatives should follow specific guidelines:
- Don’t write alt-text for purely decorative, non-text content.
- Provide a short, clear description of the information or function of the non-text content.
- Use punctuation. (To avoid having words run together, add space characters in the alt-text when there’s no space character between the image and adjacent text.)
- Don’t include words like “image,” “icon,” or “picture” in the alt-text (screen readers will announce the presence of an image).
Ampersands (&)
For headings and CTAs, we may use ampersands to stay within a hard character limit. We don't use ampersands in full sentences or after commas.
Asterisks (*)
We use asterisks to show if a field is required.
Capitalization
We use sentence casing for most user-facing content, including:
- Headlines, headers, and subheads
- Body copy
- Buttons and links
- Form field titles and hint text
- Job categories
Exception: We use Title Casing for fully branded product names.
Tip: Use this handy capitalization tool to double-check your case work.
Colons
We use colons to introduce bulleted lists, numbered lists, and lists within a sentence. We don’t use them to introduce radio buttons or checkboxes. We don’t capitalize the first word after a colon.
- Get an estimate
- Compare pros
- Hire a pro
Contractions
We use contractions to sound conversational and save space. That said, avoid using conditional contractions (examples: could’ve, should’ve, would’ve) as they’re more difficult to understand.
Dashes
Hyphen (-)
Use hyphens to connect two or more words that should be understood together. Don’t hyphenate the word “very” and most words that end in -ly.
- Auto-pay
- Higher-intent customers
- Highly responsive pros
- Autopay or Auto pay
- Higher intent customers
- Highly-responsive pros
En dash (–)
En dashes are used in ranges and shouldn’t have spaces on either side.
Em dash (—)
Use em dashes to separate words in a compound adjective or phrase. We don’t use em dashes to separate words in a compound noun.
Use em dashes to:
- Show a break in a sentence
- Separate a noun or series of nouns from the rest of the sentence
- Show an open range, such as a date with no end date
- Emphasize a point
E.g. and i.e.
We don’t use e.g. or i.e. because they can increase cognitive load. Instead, we use the actual words (like replacing “e.g.” with “example” or “like”).
Ellipses
We only use ellipses for truncation.
Emojis
We rarely use emojis and only when the tone is celebratory. We don’t use them more than once per page and never to replace a word.
Exclamation marks
It’s easy to overuse exclamation marks, so we only use them in moments of celebration (but never more than once per page).
First vs. third person
In the product, default to using the first-person plural when referencing Thumbtack.
We sometimes use the third-person when referencing Thumbtack in:
- Brand copy (example: “Thumbtack is here to help”)
- Legal copy (example: “Thumbtack securely stores data”)
- Help center content (example: “Here’s how to become a pro on Thumbtack”)
- Relation to our customers, pros, and products (example: “Hire a Thumbtack pro”)
Header formatting
Using the right header tags helps people scan the information on their screens quickly so they can move forward with their tasks. Here are some best practices for using header tags:
- Use H1 tags to communicate the title of the page.
- Use only one H1 per page.
- Use H2 tags for second-level headings.
- Use H2 tags for third-level headings sparingly.
- Don’t skip heading levels.
- Try not to use full sentences (and thus, periods) in headers.
Links
Link (hyperlink) text should be meaningful. It should specifically describe the destination of the link. Don't link punctuation if the CTA is inline at the end of a sentence.
Learn more about using inclusive language.
Learn more about using inclusive language.
Learn more about using inclusive language.
Learn more about using inclusive language.
Lists
Improve readability by breaking up large chunks of text into lists. We follow this guidance:
- Use a colon to introduce items in a list.
- Limit lists to six items or less.
- Order list items logically.
- Make sure list items are of similar length.
- Don’t end list items with commas.
- Use a numbered list if the order matters.
Work with Thumbtack to:
- Find high-intent customers
- Experience reduced competition
- Spend less time on admin
Work with Thumbtack to:
- Find high-intent customers
- Experience reduced competition
- Spend less time on admin so you can have more time doing what matters
Next steps for your project are:
- Contact a pro
- Get an estimate
- Book the job
Next steps for your project are:
- Contact a pro
- Get an estimate
- Book the job
Oxford comma
We use an Oxford (or serial) comma to break up a series of three or more elements.
Numbers
We stick to the following guidance:
- Spell out small numbers in a sentence.
- Use a numeral if the numbers are in a form field or a chart.
- Use the numeral for numbers 100 and up.
- For very large numbers, combine the numeral and word ($32 million).
- Use the % sign for percentages.
Currency
Round to the nearest dollar amount in:
- Headings and subject lines
- Sentences
- User inputs, like bidding mechanisms
Use the entire dollar amount (including cents) to:
- Communicate payments and earnings
- Maintain alignment in the UI
Dates
Whenever possible, we spell out dates instead of using the numerical format. We only use shorthand if there’s a restricted character limit.
- Plenty of space: September 16, 2025
- Limited space: Sep. 16, 2025 (Abbreviate the month using the three-letter format, followed by a period.)
- Restricted space: 9/16/25
- Within a sentence: We can’t wait to see you on September 16th at our next Top Pro event. (Use an ordinal and omit the year.)
Phone numbers
Use the format (xxx) xxx-xxx. Whenever possible, the phone number should be linked.
Time
We stick to the following guidance:
- Use lowercase “am” or “pm” with a space before.
- Use :00 when the time is on-the-hour and is listed alongside other times.
- Use “to” for a range when there’s enough space, otherwise use an en dash.
- Omit the first “am” or “pm” if a time range is within the same part of the day
- When a time zone is needed, use the two-letter abbreviation.
Periods
Periods should only be used at the end of complete sentences. Avoid using periods in headers (so try to change full sentences into phrases).
Semicolons
We never use semicolons. Use an em dash instead or consider rewriting the sentence.
Text formatting
Bolding
We occasionally use bolding to emphasize a point or to refer to navigation (example: By selecting Continue you agree to these terms of use.)
Italics
We don’t use italics in the product, but italics are used in help center content.
Underline
We only underline links.
Strikethrough
We don’t use strikethrough text as it isn’t accessible.