Design Atlas❝UX writing
Microcopy, error messages, button labels — principles for the words on screen. — 18 entries
Microcopy마이크로카피
The short bits of text scattered across a screen — labels, helper lines, button copy. A word or two decides what the user does next.
Error Message에러 메시지
The text that says what went wrong and how to fix it. "An error occurred" isn't an error message — it's an evasion.
Empty-State Copy빈 상태 문구
The text shown when a list has nothing in it. "No data" is a dead end; "create your first one" is a starting line.
Button Label버튼 라벨
"Delete file" instead of "OK" — a verb + object that tells you what happens before you click.
Placeholder vs. Label플레이스홀더 vs 라벨
A placeholder vanishes the moment you type — why it can't substitute for a label. Watch it happen in a real <input>.
Confirmation Dialog Copy확인 다이얼로그 문구
"Are you sure?" tells you nothing — say exactly what is affected and why it can't be undone.
Voice and Tone보이스와 톤
Voice is a brand's personality (constant); tone is its expression in the moment (calm on error, upbeat on success).
Plain Language쉬운 말
Writing that's understood on the first read — no jargon, no passive voice, no nested clauses trying to sound smart.
Inclusive Language포용적 언어
Avoiding copy that quietly excludes a user from the default — like a gender field with only two options.
Progressive Copy점진적 문구 공개
Instead of explaining everything in one paragraph, lead with a one-line summary and tuck the detail behind "more."
Success Message성공 메시지
"Done" isn't enough — say what happened and, if useful, what to do next.
Loading Copy로딩 문구
"Loading..." on repeat starts to feel frozen. Saying what's loading and how much shrinks the perceived wait.
Tooltip Copy툴팁 문구
A tooltip that just repeats the icon's name is dead weight — it should explain what the icon can't.
Onboarding Copy온보딩 문구
Instead of "Welcome! Let's start your amazing journey," tell the user exactly what to do first.
Notification Copy알림 문구
"You have a new notification" forces an open just to find out what it means. Put the who and what in the notification itself.
Destructive Action Copy파괴적 행동 문구
Irreversible actions like delete or cancel need a specific warning about what's lost, not just "are you sure?"
Number Formatting숫자 로케일 포맷
Don't hand-splice commas and currency symbols into numbers — format with Intl.NumberFormat and let the locale decide. Watch ko-KR and en-US diverge live.
Sentence Case문장식 표기
Capitalize only the first word — "Save your changes now" — instead of Title-Casing Every Word.