Getting started
TL;DR
Fast reference. For enforceable component rules, see design-system.sportingscouter.com/voice.
Voice
Authoritative, direct, authentic, community-minded, professional on B2B surfaces. Organizer-first audience.
Mechanics
- Sentence case everywhere (buttons, labels, headers)
- No trailing periods on buttons, labels, tooltips, or headers
- Primary CTA = verb + noun ("Create event", not "Submit")
- Destructive = "Delete [item]"; modal title = question; Cancel = "Cancel"
- Ellipsis character
…, not three dots - En dash
–for ranges, not hyphen
Errors
- Say what happened and what to do next
- Never blame the reader — avoid "you" in errors
- Every error has a recovery action
Forbidden
Exclamation marks
Emoji
Oops · Uh oh · Something went wrong
Simply · just · easy · quick
Please in errors
Title Case On Buttons
Users · Content (for reviews)
Certified (use Verified)
Density
| Density | Surface | Copy |
|---|---|---|
| comfortable | www, /business/ | Full sentences. Explain, then act. |
| default | app, business | Labels and fragments. One line of help max. |
| compact | feedback | "Retry" · "Skip" · "Done" |
| widget | embeds | Almost none. Data is the content. |
Locales
Source: en-GB. Ship all four: en-GB, en-US, pt-PT, pt-BR before release. See translation.
Sporting Scouter Content Style Guide
Component-enforceable rules: design-system.sportingscouter.com/voice. Tokens from
packages/config/tailwind/theme.css.