Typography
Aria typography is operational and legible. Type should preserve input rhythm before brand flourish.
Type roles
Section titled “Type roles”| Role | Use |
|---|---|
| UI body | stream rows, controls, settings |
| Display | brand pages, public read title, rare hero text |
| Mono | agent logs, IDs, API keys, code context |
| Data label | status, scope, source, assignee |
- Do not scale font size with viewport width.
- Letter spacing defaults to
0. - Display type is used with restraint.
- Stream row text must stay readable at work-tool density.
- Labels are short, stable, and action-oriented.
- Korean and English copy should share the same hierarchy instead of becoming separate visual systems.
Brand site font
Section titled “Brand site font”The brand site currently self-hosts Pretendard Variable and maps it through Tailwind’s sans and heading font flow. Page-level arbitrary font-family should be avoided so bsite, docs, and content pages keep the same rhythm.
Copy tone
Section titled “Copy tone”Aria copy is plain and action-oriented.
| Context | Preferred |
|---|---|
| Empty stream | 첫 줄 쓰기 |
| Agent queued | Agent queued |
| Agent needs review | 결과 검토 |
| Publish done | Published |
| Scope failure | 이 workspace는 해당 note에 접근할 수 없습니다 |
Avoid “all-in-one”, “Notion alternative”, and vague AI magic language.