Component Microcopy¶
1. Buttons (CTAs)¶
Buttons should be action-oriented and specific.
| Context | Recommended Copy | Why? |
|---|---|---|
| Contact Form Submit | Send message |
Specific action, avoids generic "Submit". |
| Newsletter Signup | Subscribe |
Clear and standard. |
| Download Report | Download PDF |
Tells the user exactly what they are getting. |
| Learn More (General) | Discover / Read more |
"Discover" fits the premium/exploration vibe. |
| Job Application | Apply now |
Direct and active. |
| Navigation (Mobile) | Menu |
Standard and clear. |
| Close Modal | Close |
Simple and direct. |
2. Forms¶
Labels should be concise. Placeholders should provide examples or instructions if necessary, but labels are primary.
Contact Form¶
- Name:
Full name - Email:
Email address - Subject:
Subject - Message:
Message - Button:
Send message
Newsletter¶
- Email Input:
Email address - Button:
Subscribe - Success Message:
Thanks for subscribing!
3. Error Messages¶
Error messages should be helpful and avoid blame.
| Scenario | Recommended Copy | Why? |
|---|---|---|
| Missing Field | Enter your [field name]. |
Direct instruction. e.g., "Enter your email." |
| Invalid Email | Check your email address. |
Avoids "Invalid" which can feel robotic. |
| Server Error | Something went wrong. Try again. |
Simple, avoids technical jargon. |
| Page Not Found (404) | Page not found. |
Standard, clear. Follow with a link to Home. |
| Form Submission Fail | Message not sent. Try again. |
clear status update. |
4. Navigation Labels¶
Based on the site architecture.
HomeAboutProductsTransition & ImpactsBuild TogetherContact