bd495be965
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 12s
- Sidebar: dynamic brand-accent colors, brainstorm section restyled - AI chat general: popup panel with expand/collapse, hides when contextual AI open - AI chat contextual: tabs reordered (Actions first), X close button, height fix - Settings: all tabs restyled, 6 new color presets (sage, terracotta, iron, etc.) - Global color cleanup: emerald/orange hardcoded → brand-accent dynamic - Brainstorm page: orange → brand-accent throughout - PageEntry animation component added to key pages - Floating AI button: bg-brand-accent instead of hardcoded black - i18n: all 15 locales updated with new AI/billing keys - Billing: freemium quota tracking, BYOK, stripe subscription scaffolding - Admin: integrated into new design - AGENTS.md + CLAUDE.md project rules added
77 lines
1.7 KiB
Markdown
77 lines
1.7 KiB
Markdown
# Tone of Voice - Output Template
|
|
|
|
Use this template to document the final Tone of Voice in the Product Brief.
|
|
|
|
```markdown
|
|
## Tone of Voice
|
|
|
|
**For UI Microcopy & System Messages**
|
|
|
|
### Tone Attributes
|
|
|
|
1. **[Attribute 1]**: [Brief description]
|
|
2. **[Attribute 2]**: [Brief description]
|
|
3. **[Attribute 3]**: [Brief description]
|
|
|
|
### Examples
|
|
|
|
**Error Messages:**
|
|
- ✅ "Hmm, that doesn't look like an email. Check for typos?"
|
|
- ❌ "Error: Invalid email format"
|
|
|
|
**Button Text:**
|
|
- ✅ "Let's get started"
|
|
- ❌ "Submit"
|
|
|
|
**Empty States:**
|
|
- ✅ "Nothing here yet. Ready to add your first item?"
|
|
- ❌ "No results found"
|
|
|
|
**Success Messages:**
|
|
- ✅ "You're all set! We've sent a confirmation to your email."
|
|
- ❌ "Operation completed successfully"
|
|
|
|
### Guidelines
|
|
|
|
**Do:**
|
|
- [Tone-appropriate practice 1]
|
|
- [Tone-appropriate practice 2]
|
|
- [Tone-appropriate practice 3]
|
|
|
|
**Don't:**
|
|
- [Tone-inappropriate practice 1]
|
|
- [Tone-inappropriate practice 2]
|
|
|
|
---
|
|
|
|
*Note: Tone of Voice applies to UI microcopy. Strategic content (headlines, feature descriptions, value propositions) uses the Content Creation Workshop based on page-specific purpose and context.*
|
|
```
|
|
|
|
## Example Microcopy Format
|
|
|
|
When presenting examples, use this comparison format:
|
|
|
|
```
|
|
Example UI Microcopy:
|
|
|
|
Error Message:
|
|
❌ Generic: "Error: Invalid input"
|
|
✅ Our Tone: [Rewritten in proposed tone]
|
|
|
|
Button Text:
|
|
❌ Generic: "Submit"
|
|
✅ Our Tone: [Rewritten in proposed tone]
|
|
|
|
Empty State:
|
|
❌ Generic: "No results found"
|
|
✅ Our Tone: [Rewritten in proposed tone]
|
|
|
|
Form Label:
|
|
❌ Generic: "Email address"
|
|
✅ Our Tone: [Rewritten in proposed tone]
|
|
|
|
Success Message:
|
|
❌ Generic: "Operation successful"
|
|
✅ Our Tone: [Rewritten in proposed tone]
|
|
```
|