JM Family Design System
Content standards

Grammar & Mechanics

The mechanical rules JMF writing follows: punctuation, lists, contractions, abbreviations, acronyms, voice, and emphasis. A lookup, not a lecture.

Punctuation

Small marks, consistently applied, never decorative. Where two marks could work, pick the one that adds less visual weight.

MarkRuleExample
PeriodEnd of full sentences. Skip on fragments in buttons, labels, and short list items.“Vendor saved.” / Button: “Save changes”
Em dash (—)Use sparingly for parenthetical thoughts in prose. Do not use in UI strings.“The vendor — once approved — appears in search.”
En dash (–)Use for numeric and date ranges only.Jan 5–Jan 9, 2026
Hyphen (-)Use for compound modifiers and hyphenated phrases.First-class support
Curly quotes (“ ”)Always curly in prose. Straight quotes only in code.“We’re shipping.”
Curly apostrophe (’)Curly in prose. Possessives standard.Vendor’s compliance
CommaUse the Oxford comma.Vendors, suppliers, and partners
ColonIntroduces a list or related clause. Capitalize what follows only if it is a full sentence.“Choose one: vendor, supplier, or partner.”
SemicolonUse sparingly. Joins two related independent clauses. Almost never in UI.“We saved the vendor; the change is live.”
Exclamation pointAlmost never. Reserved for genuine celebration. Never in errors.“Welcome to The Hub” (no exclamation)
Ellipsis (…)Use the single character. Indicate truncation or async pause.“Loading…”
ParenthesesAsides only. If the aside is essential, rewrite without them.“Vendor (status pending) saved.”
Slash (/)Avoid. Spell out “and” or “or” when possible.“Vendor or supplier” not “Vendor/supplier”
Ampersand (&)UI shorthand only (page titles, navigation). Never in body prose.“Voice & Tone” (page title) / “vendors and suppliers” (prose)

Lists

Every list needs three things in place: the right shape, parallel structure across items, and consistent punctuation.

  1. Use a numbered list when order matters. Steps in a process, ranked priorities.
  2. Use a bulleted list when order does not matter. Options, features, optional reading.
  3. Keep items parallel. Every item starts with the same part of speech: verb, noun, or adjective.
  4. Capitalize the first word of each item. Sentence case.
  5. Period at the end if the item is a complete sentence. No period for fragments. Stay consistent within a single list.

Parallel structure

Don’t
  • Add vendor
  • Compliance tracking
  • You can also export reports
Do
  • Add vendors
  • Track compliance
  • Export reports

On the left, the three items mix a verb phrase, a noun phrase, and a full sentence. On the right, every item starts with an imperative verb. The list becomes scannable.

Contractions

Contractions sound human. Use them where the tone is conversational. Spell them out where the tone is formal or where the contraction could be misread.

WhereRuleExample
Product UI and conversational copyUse contractions.“We couldn’t save your changes.”
Help text, tooltips, notificationsUse contractions.“You’ll get a confirmation email.”
Policy, compliance, legal copySpell out.“You will receive a confirmation email.”
Documents quoting policy verbatimMatch the source.Preserve the original phrasing.

Watch-outs

  • “It’s” (it is) vs. “its” (possessive). Mix-ups are common; reviewers should flag.
  • “You’re” vs. “your.” Same.
  • Avoid stacked contractions like “we’d’ve” or “shouldn’t’ve” in any context.

Pronouns and voice

Two rules, almost no exceptions.

ElementRuleExample
Pronoun for the reader“You.” Singular, second person. Never “the user.”“Add a vendor to your watchlist.”
Pronoun for the company“JM Family” or “the company.” Avoid “we” speaking for the enterprise.“JM Family vendors must submit insurance.”
VoiceActive voice in instructions. Passive only when the actor is genuinely unknown.“Submit your request.” not “Requests should be submitted.”
TensePresent for state. Imperative for instructions.“Your request is pending.” / “Click Save.”

Abbreviations

Spell out in titles, first sentences, and policy text. Abbreviate in data-dense UI and informal copy when the abbreviation is more common than the expansion.

AbbreviationUseAvoid
e.g.Inline examples in body prose.Headings, titles, button labels.
i.e.Clarifying restatement in body prose.UI strings; rephrase instead.
etc.End of a non-exhaustive list.When the list IS the answer.
vs.Compact comparison.Formal copy.
approx.Data-dense UI.Body prose; say “about.”
min., max.Data-dense UI labels.Body prose; spell out.
am, pmTimes. Lowercase, no periods.“AM/PM” capitalized.
US, UKRegion labels. No periods.“U.S.A.,” “U.K.”

Acronyms

Spell out an acronym the first time it appears on a page, with the acronym in parentheses, then use the acronym from there. Skip the expansion only for acronyms that are more recognized than the spelled-out form for the JMF audience.

Worked example: “Personal Time Off (PTO) requests over five days require manager approval. Submit PTO at least two weeks in advance.”

Canonical JMF acronyms (skip the expansion)

AcronymExpansion (for reference)
PTOPersonal Time Off
HRNowHR Now
ITNowIT Now
SSOSingle Sign-On
MFAMulti-Factor Authentication
VPNVirtual Private Network
KBKnowledge Base
ETAEstimated Time of Arrival

Always spell out on first use

  • SETF (Strategic Enterprise Task Force)
  • RGM (Regional General Manager)
  • Any acronym with fewer than three published uses across the JMF intranet

Quotation marks and emphasis

Curly quotes always. Emphasis is rare and load-bearing. If everything is bold, nothing is.

MarkUseAvoid
Curly quotes (“ ”)Quoted speech, titles of short works, scare quotes (sparingly).Straight quotes outside code.
ItalicsProduct names on first reference, titles of long works, technical terms on first reference.Italics for emphasis as a default; bold serves emphasis better.
BoldUI elements being referenced in instructions, emphasis on a single key word.Bolding whole sentences or every important word.
UnderlineNever in prose. Underline means “link” everywhere else on the web.Underlining for emphasis or titles.
ALL CAPSAcronyms only. Section labels and headings use sentence case with type weight.Caps for emphasis (reads as shouting).