Visual elementsContent style
Resources

Visual elements

Textline views design as one of its most powerful tools. High-quality designs and visuals are core to what we do. Our visual elements help us deliver a clear message, create an easy-to-use product, and reinforce our credibility as the market's most secure business texting service.

Typography

Typography makes written words legible, visually appealing, and on-brand. This design element builds personality, creates a visual hierarchy, provides website balance, and ensures readability.

Meet the font family

The Textline font family comprises three core typefaces.

Neuzeit Grotesk

Our primary typeface is Neuzeit Grotesk. It’s a geometric sans serif that’s simple, practical, and captures attention.

Freight Sans Pro

Our secondary typeface is Freight Sans Pro. It’s clean, poised, and invitingly legible.

Freight Text Pro

Freight Text Pro is another secondary typeface. It’s fresh and professional, but also projects familiarity.

Color combinations

White text on a blue background is used in small doses.

Black text on a white background is our primary and classic color combination.

White text on a black background is used sparingly.

When you mix blue and black ensure it’s balanced and tasteful.

Hierarchy

Typographic hierarchy helps guide the reader through a page of text. It ensures the layout is reader-friendly as it’s scannable and visually categorized. It will show the reader which information is the most important and which is supporting text using visual cues.

h1 - neuzeit grotesk bold - 67/67
This is our primary headline
h2 - neuzeit grotesk Bold - 51/57
This is our secondary headline
h3 - neuzeit grotesk bold - 38/40
This is our tertiary headline
h4 - neuzeit grotesk bold - 28/28
This is our quaternary headline
h5 - neuzeit grotesk bold - 21/28
This is our quinary headline
h6 - freight sans pro SEMIbold - 16/24
This is our senary headline
Quote - Neuzeit Grotesk Regular  - 28/36
“All I can say is that we have way more people responding to texts than emails.”
WEBSITE PAGES
PARAGRAPH - FREIGHT SANS PRO book - 16/24
With texting, companies can connect with their customers and leads in a more convenient and responsive communication channel. Many Textline customers also use email and phone, but find contacts most often reply to their texts.
WEBSITE PAGES
PARAGRAPH SMALL - FREIGHT SANS PRO MEDIUM -14/24
With texting, companies can connect with their customers and leads in a more convenient and responsive communication channel. Many Textline customers also use email and phone, but find contacts most often reply to their texts.
tag - freight sans pro semibold - 12/21
sales, customer support, Texting 101
subhead - Neuzeit Grotesk Light - 21/29
Text messaging with customers will become a key revenue driver for businesses.
BLOGS AND LONG-FORM CONTENT
EDITORIAL - FREIGHT TEXT PRO Medium - 21/34
Texting patients is a bit more nuanced than texting friends or family. Healthcare is governed by rules to keep protected health information secure. It’s essential to understand proper healthcare texting etiquette.
PARAGRAPH FINE PRINT- FREIGHT SANS PRO medium - 12/18
Given the strict security requirements, HIPAA-compliant texting plans are available for an additional fee. Contact our sales team to learn more about getting a HIPAA-compliant Textline plan.
Taxonomy - freight sans bold - 10/16
filter topics

Imagery

Textline is a highly visual brand. Illustration and photography are the building blocks of our visual identity and help support our content. This section explains how Textline uses imagery to capture our relatable and signature style.

Elements

These design elements are carried across both illustration and photography.

Ilustration

Our illustrations work to compliment the message our content delivers. This section explains how illustration styles and demensions should be applied.ography.

Styles

Textline illustrations express our brand through a range of styles and textures.

Dimensions

Our illustrations have the freedom to live in multiple demensions.

Photography

The photography we use always supports our content. This section breaks down our photography principles and stylization.

Principals

We value consistency in the photos we select to represent our brand.

Stylizing

We make images new by splashing with blue.

Graphic components

Graphic components help readers and customers visually understand the Textline product and website content. We use product visuals to showcase the product, benefits, and functionality. Icons serve as visual aids and space-savers. This section shares the guidelines for using graphic components like product visuals, icons, and more.

Product visuals

Product visuals introduce customers and website visitors to our product’s functionality. It’s essential to display examples to familiarize people with Textline’s features and how the platform works.

Accurate UI

Accurate UI are untouched screenshots that display the product exactly the way it appears to customers. We place these screenshots in device mockups to bring product examples to life. This way, customers can see how our product looks when it’s used on a computer, phone, or tablet.

Conceptual UI

Conceptual UI is a simplified version of our product. We use thoughtful subtraction to communicate a visual message that’s easily digested. We intentionally craft these images to show our product to prospective customers in a way that is true-to-product without any clutter.

Iconography

Textline icons are visual aids that guide users to where they need to go, help save space, and break up important text. They’re simple, informative, and build on the visual language of the design system.

Styles

Textline uses multiple icon styles. They’re used in different places and scenarios.

Content style

When it comes to content creation, Textline’s mission is to inform and entertain. We use our content to add value, build relationships with our audience, answer common questions, and describe our product. Our content reinforces our credibility as the most secure and easy-to-use business texting platform on the market.

Voice and tone

The key to sounding like Textline is understanding our voice and tone. This section describes the difference between the two and shares rules to ensure you embody Textline when communicating.

While voice and tone are easy to confuse, they are different. Voice communicates a brand’s personality and values. It’s a constant reflection of the brand.

Unlike voice, which remains constant, tone may vary depending on the audience, context, and information communicated. For example, although your personality stays the same, you would likely use a different tone when communicating with your boss vs. your best friend.

These differences hold true at Textline. Our voice is constant, while our tone changes.

Writing tips

Here are 10 tips to help you write and sound like Textline.

Editorial style

In this section, we describe our rules surrounding grammar and mechanics. We use these rules to make our content readable, consistent, and professional in appearance.

Note

In general, Textline writers and editors use AP style. But we deviate with our own house rules in some instances. Our house rules, and some of our most-used AP guidelines, can be found below.

Abbreviations and acronyms

If you believe the reader won’t recognize the shorthand acronym or abbreviation, spell it out on the first reference. Use the short version on subsequent references.

See the following examples:

  • First use: Federal Communications Commission
  • Second use: FCC
  • First use: Telephone Consumer Protection Act
  • Second use: TCPA

There are some exceptions to this. If your reader would know the abbreviation, such as ASAP or VIP, you can abbreviate on the first reference.

Ampersand

Do not use the ampersand as a shorthand for “and” unless it’s in an official company name.

Bolding words

Bold sparingly; use it only to call attention to a particular stat, word, or sentence.

Bullet lists

We love bulleted lists. When using them:

  • Add periods if the bullets are full sentences.
  • Omit periods if the bullets are fragments or singular words.
  • Capitalize the first letter of the first word in the list.

Capitalization

Capitalize all Textline-specific features. This includes Announcements, Automations, Shortcuts, Routes, Whispers, API, and more.

Honor companies’ names for themselves and their products. For example, use lowercase and uppercase capitalization for iPhone and iPad.

See more capitalization rules under job titles and headlines.

Collective nouns

When referring to collective nouns, use singular verbs and pronouns like “it” or “its.” Some common words that are collective nouns are:

  • Company
  • Organization
  • Brand
  • Team
  • Family
  • Group
The company said it wants a new texting number.
The company said they want a new texting number.

Colons

Capitalize the first letter after a colon when it begins a complete sentence or is included in a headline.

Commas

Use the oxford or serial comma.

Contractions

Use contractions! They’re more concise and help convey an approachable tone.

Dates

Guidelines for writing out the date differ between marketing and within the Textline product.

For marketing:

When listing a month and year, spell out the full month.

October 2022

When listing a month and date, spell out the full month.

October 13

When listing a full date, spell out the full month, date, and year.

October 13, 2022

When listing a day of the week, month, and date, spell it out in full.

Thursday, October 13

If there is a character restraint like in SMS examples, you can abbreviate longer months.

Oct. 13
For product:

In the Textline product, we use numerals for the date.

10/13/22

Emojis

We love emojis at Textline! After all, we are a texting company 😉 While emojis are a great way to illustrate the tone and show personality, there are a few guidelines to keep in mind.

Omit punctuation if the emoji is at the end of the sentence.

Congratulations on your new job offer 🎉
Congratulations on your new job offer. 🎉

Keep to one emoji per sentence.

 Thanks for stopping by the store today 😊
Thanks for stopping by the store today 😊😊😊😊

Don’t use emojis in place of words.

Don’t get blocked 🚫
Don’t get 🚫

Know the meaning of an emoji before you use it.

Great work, give me five ✋
Great work, high five 🙏

Stick to the default skin tone as it has the same appearance in light and dark modes.

Emojis and SMS go hand-in-hand 🤝
Emojis and SMS go hand-in-hand 🤝🏻

Understand that sometimes no emoji is better.

Sorry we made a mistake.
Sorry we made a mistake 😢

Em-dashes

Em-dashes are used to set off examples, descriptive phrases, or supplemental information. They can be used in lieu of commas, parentheses, or colons.

We follow AP style; always insert a space before and after the em-dash.

The Telephone Consumer Protection Act  — passed in 1991 — was designed to restrict unsolicited marketing messages.
The Telephone Consumer Protection Act —passed in 1991—was designed to restrict unsolicited marketing messages.

En-dashes

Don’t use en-dashes.

Headlines

Write all headlines and subheads in sentence case. Don’t use punctuation at the end of a headline or subheading.

How to identify a fake text message in 2022
How to Identify a Fake Text Message in 2022
6 types of mobile messages explained
6 types of mobile messages explained!

Hyphens

Use a hyphen without spaces for compound modifiers or when two connected words precede a noun. Don’t use a hyphen when the modifier follows the noun.

My apartment is off campus.
My apartment is off-campus.
I have an off-campus apartment.
I have an off campus apartment.

Job titles

Capitalize job titles when they come before or after a person’s name. Unlike AP Style, this includes when the job title is offset by commas.

When referring to a job title without a person’s name, don’t capitalize the job title.

Kristen Smith, Managing Editor of Finance, said that today.
Kristen Smith, managing editor of finance, said that today.
Managing Editor of Finance Kristen Smith said today.
managing editor of finance Kristen Smith said today.
A finance managing editor said that today.
A Finance Managing Editor said that today.

Numbers

For headlines, headers, and subheads:

Always use numerals.

7
Seven
For body copy:

Spell out numbers less than 10. Use numerals for numbers greater than 10. There are two caveats.

One is when a number begins a sentence. In those instances, you’d spell out the number no matter what.

The other is before percent. You’ll always use the numeral, except if the percentage begins a sentence.

Seven
7
74
Seventy-four
7 percent
Seven percent

Percentages

For headlines, headers, and subheads:

Use the % symbol.

%
percent
For body copy:

Spell out “percent” and use numerals except if it begins a sentence. You may use the symbol in graphics if space is an issue.

9 percent
9%

Phone numbers

  • Write out the full number
  • Use hyphens without spaces
  • Use parentheses around the area code
(555)-444-3333
555-444-3333
555444333

Possessives

For simplicity, we differ from AP style. If a singular or plural noun ends in “s,” add an apostrophe.

Business’
Business’s
Gorgias’
Gorgias’s

Ranges

Don’t use the en-dash or hyphen to offset ranges. Instead, spell out “to.”

10 to 30
10-30
7pm to 8pm
7-8pm

Spelling

Typically, check the Merriam-Webster dictionary for the preferred spelling of specific terms.

We also always honor companies’ names for themselves and their products. Use the spelling that is on their website.

Below we share a few words we use often and want consistently spelled across our website.

Cancelled
Canceled or canceling
Ecommerce
eCommerce or e-commerce
Email
E-mail
Healthcare
Health care
Toward
Towards

Time

Use the 12-hour clock.

8:00pm
0800

 Only include a time zone if necessary and ensure the time zone is capitalized.

3:00pm EST
3:00pm est

Don’t include a space after the last number.

5:15pm
5:15 pm

Use am or pm (no periods and lowercase)

am
a.m.
AM
pm
p.m.
PM

Versus

Abbreviate verses to vs. and always use a period.

vs.
vs