18 lines
1.6 KiB
Markdown
18 lines
1.6 KiB
Markdown
## Design Context
|
|
|
|
### Users
|
|
Developer-founders and indie hackers building SaaS products. They use Plunk to handle transactional and marketing email without the complexity of tools like Mailchimp or Customer.io. They notice tiny details — inconsistent spacing, placeholder text that adds no value, a button that doesn't communicate state. Context: professional environment, desktop-first.
|
|
|
|
### Brand Personality
|
|
Sharp, minimal, confident. The product earns trust by being simple and correct, not by being flashy. Testimonials emphasize "transparent UI", "easy setup", "clean design" — the brand is *care without noise*.
|
|
|
|
### Aesthetic Direction
|
|
Light mode only. Palette: black (`neutral-900`), neutral grays, white. No accent colors. No color for decoration — only for semantics (red = error, green = success). Backgrounds are near-white with subtle texture. Cards use white with a neutral border and light shadow. Typography should feel precise and legible, not editorial. Spacing should feel considered, not generous.
|
|
|
|
### Design Principles
|
|
1. **Every pixel earns its place.** If something doesn't communicate information or provide affordance, remove it.
|
|
2. **Neutral by default, semantic by exception.** Color is reserved for error/success/warning states, not decoration.
|
|
3. **Interaction should feel fast.** Loading states communicate exactly what's happening. No silent actions.
|
|
4. **Developer-grade precision.** Copy is short and direct. Placeholders only appear when they add value. Labels are unambiguous.
|
|
5. **Consistency is trust.** The same pattern everywhere. One way to show errors. One way to show success. No creative variation in functional UI.
|