Design System
Foundations · Voice & tone

Voice & tone.

Voice is who we are — one consistent personality across every surface. Tone is how we say it in the moment — calmer in errors, warmer in empty states, tighter in menus. Both serve one goal: make the product feel like a capable teammate, not a vendor.

Voice pillars

Three things the voice is, three things it isn't. These don't change — they're the personality, regardless of surface or situation.

01

Plain.

We say what we mean. Short sentences, concrete nouns, active verbs. A user should understand the first time, without re-reading.

isdirect, specific, human isn'tcorporate, jargony, vague
02

Calm.

Even when things break, we don't panic. We don't shout. We name what happened, tell the user what to do next, and move on.

ismeasured, matter-of-fact isn'tbreathless, exclamatory, alarmist
03

Respectful.

We assume competence. We don't apologize reflexively, or talk down, or crack jokes when someone is trying to get work done.

iscandid, trusting, useful isn'tcutesy, chatty, condescending

Tone spectrum

Voice holds steady; tone flexes by context. The default is neutral — warmer when onboarding, tighter when destructive, lighter only for genuine moments of celebration.

Celebratory
Warm & brief

"Welcome back — 3 projects updated since Friday."

Onboarding, first-run, milestones. Never for routine moments.

Helpful
Guiding

"Workspaces hold projects and members. Create one to get started."

Empty states, coach marks, tooltips that teach.

Neutral · default
Plain & clear

"Workspace saved."

90% of UI copy — menus, buttons, confirmations, status.

Serious
Precise

"This will revoke access for 9 members. You can't undo this."

Destructive actions, warnings, billing changes.

Concerned
Calm & specific

"Couldn't save — network timed out. Your changes are still here."

Errors, outages, recovery moments.

Do & don't

Side-by-side rewrites. The same situation, said two ways — one on-voice, one drifting off it.

Don't
Empty state — too chatty
"Whoops! 🎉 Looks like you haven't created any workspaces yet. Don't worry, we'll help you get there! Just click the shiny button below to begin your journey."

Emoji, exclamations, and "journey" language are doing the work the content should do. Also: five sentences for a job that needs two.

Do
Empty state — plain & useful
"No workspaces yet. Workspaces hold projects, members, and settings — create one to get started."

Names what's empty, explains the concept, tells the next step. No decoration.

Don't
Error — alarmist
"Oh no! Something went terribly wrong! ⚠️ Error code 500: Internal Server Error. Please try again or contact our support team immediately!"

Panics the user, dumps a raw error code, and puts recovery on them. "Immediately" is doing nothing useful.

Do
Error — calm recovery
"Couldn't save the workspace. Your changes are still here — try again, or reload if it keeps failing."

Names what failed, reassures about data, offers two paths forward. No code unless the user asked for one.

Don't
Destructive — too soft
"Are you sure you want to delete this? This action may have some effects on your data."

"May have some effects" is vague enough to be wrong. Users deserve to know exactly what will happen.

Do
Destructive — precise
"Delete acme-studio? This permanently removes 24 projects and revokes access for 9 members. You can't undo this."

Names the target. Names the consequences with numbers. Ends with the undo-status. The user makes a real decision.

Error formula

Every error follows the same structure. If a message can't fit it, the error is probably the wrong shape — or it's a bug we should fix, not surface.

01 · WHAT
Name what failed

Specific, not generic. "Couldn't save the workspace" beats "Something went wrong".

02 · WHY
Briefly, if it helps

Only when the cause is actionable. Skip stack traces and error codes unless debugging.

03 · NEXT
One concrete action

"Try again", "Reload", "Check your connection". A button beats a sentence.

Bad An unexpected error occurred. Please contact support.
Good Couldn't import the CSV — row 14 is missing an email. See the file →
Bad Error 403: Forbidden.
Good You don't have permission to edit this workspace. Ask an admin →

Button copy

Buttons are verbs. Users should know what happens when they click — not guess. Label the outcome, not the process.

Name the outcome

A button says what it will do, in plain terms.

Avoid generic verbs

"OK", "Submit", "Proceed" — always replaceable with something specific.

Match the risk

Destructive buttons name the destruction. Never just "Delete".

Short — but complete

1–3 words. Sentence case, no end punctuation, no trailing ellipsis unless truly indefinite.

Mechanics

The small rules that keep copy consistent: casing, punctuation, numbers, dates, and the words we always spell the same way.

RuleUseDon't
Sentence case Create workspace Create Workspace
Title case only for product names Akku · Design System Akku design system
Oxford comma projects, members, and settings projects, members and settings
No end punctuation in UI labels Workspace saved Workspace saved.
Contractions are fine you can't undo this you cannot undo this
Numbers — digits from 1 9 members, 24 projects nine members, twenty-four projects
Dates — abbreviated, no ordinals Jan 14 · 2:30 PM January 14th, 2:30pm
Relative time for recent 2 min ago · Yesterday 2 minutes and 14 seconds ago
Percentages use the symbol 62% · 100% 62 percent
Em dash — not hyphen Your changes are still here — try again. Your changes are still here - try again.
Avoid emoji in UI copy Saved Saved ✨🎉
Never use "please" Enter an email address. Please enter an email address.

Glossary

When there are two ways to say the same thing, pick one and stay with it. These are ours.

Product words

sign inTwo words, lowercase. Not "login" or "log in".auth
sign outMatches sign in. Not "log out" or "exit".auth
workspaceAlways singular when possessive: "your workspace", not "workspaces".nouns
memberPeople in a workspace. Not "user" (too technical) or "team member".nouns
projectThe main unit of work. Never "file", "doc", or "board".nouns
settingsAlways plural. "Open settings", not "open setting".nouns
savedPast tense for completion. Not "saving…" unless it's still in flight.state
AkkuNever "akku", "AKKU", or "Akku.app". The product name is the product name.brand