Content and Writing

Voice, capitalisation, and the copy patterns for headings, buttons, errors and empty states, plus the length each component slot is designed to hold.

Voice

Write the way a competent colleague explains something. Direct, specific, and short enough to finish.

  • Lead with the point. The first sentence carries the meaning.
  • Use the active voice and a real subject.
  • Say what a thing does before saying what it is called.
  • Cut adjectives that carry no information. "Powerful", "seamless" and "innovative" tell the reader nothing.
  • Prefer the plain word. "Use", not "utilise". "Help", not "facilitate".

Sentences

  • One idea per sentence. Two clauses at most.
  • Twenty-five words is long. Break it.
  • Address the reader as "you". Refer to the organisation as "we" only when the actor genuinely matters.
  • Expand an acronym the first time it appears, then use it.

Capitalisation and formatting

  • Sentence case for headings, buttons, labels and navigation. Title Case is reserved for proper nouns.
  • No trailing full stop in a heading, a button label or a single-line list item.
  • Numerals for numbers, including one through nine. They scan faster in an interface.
  • Spell dates out to avoid ambiguity across regions. "9 September 2026", not "09/09/26".
  • Use a proper ellipsis character and curly quotes in body copy.

Copy patterns

ElementPatternExample
Primary buttonVerb plus object, 1 to 3 wordsStart a project
Secondary buttonLower-commitment verbSee how it works
LinkDescribes the destination, never "click here"Read the token reference
Section headingA claim, not a category labelShips in days, not quarters
ErrorWhat happened, then how to fix itThat email is already registered. Sign in instead.
Empty stateWhy it is empty, then the first actionNo projects yet. Create one to get started.

Never blame the reader in an error message, and never expose an internal code without a plain-language explanation beside it.

Length

Components are laid out for a range, and copy outside that range breaks the design rather than merely reading badly.

  • Eyebrow: 1 to 4 words.
  • Heading: under 60 characters. Longer headings wrap into a block that stops looking like a heading.
  • Subheading or intro: 1 to 2 sentences, under 160 characters.
  • Card body: 2 to 3 lines. Cards in a row need copy of similar length or the grid looks broken.
  • Stat label: 1 to 3 words, sitting under a number that does the work.

Each component declares its own limits in the component catalog. Where a limit is declared there, that value wins over the guidance here.

Alt text

  • Describe the information the image carries, not the image itself. Skip "image of" and "photo of".
  • Decorative images take an empty alt, so assistive technology skips them.
  • A chart's alt text states the trend. Put the numbers in a table nearby.
  • Keep it under about 125 characters. If more is needed, the image needs a caption.

Inclusive language

  • Write for a reader who is new to the subject and does not share your context.
  • Avoid idiom and sports metaphor. They do not translate.
  • Use gender-neutral phrasing by default. "They" is fine in the singular.
  • Avoid language that assumes ability, such as "see below" or "just click".
  • Avoid "simply", "just" and "obviously". If it were obvious, the sentence would not be needed.

Before publishing

  • Read it aloud. Anything you stumble over gets rewritten.
  • Check that headings alone tell the story.
  • Confirm every link text makes sense read out of context.
  • Run a spellcheck set to the locale the site actually uses.