## Design Context

### Users

Developers testing transactional email sending — verifying sign-up flows, password resets, magic links, receipts, and notification templates against real delivery. Sessions are short and utilitarian: create inbox, paste address into the app under test, watch mail arrive, walk away. Nobody lingers.

### Brand Personality

**Sharp. Anonymous. Fast.**

The product is a disposable lighter for developers — flick it, run your test, toss it. No attachment, no ceremony, no SMTP dance. The interface should feel like a tool that doesn't waste your time and doesn't remember you.

References:

- **jam.dev** (the sharp knife) — clean hierarchy, generous whitespace, playful professionalism that stays developer-credible
- **charm.land** (the sugar high) — personality injected into developer tooling without being childish, irreverent copy that makes tools feel alive

The sweet spot: knife precision with a flash of personality. Not sterile, not cute.

### Aesthetic Direction

- **Theme**: Dark mode (devbin.tools ecosystem standard; correct for the developer-at-desk context)
- **Accent**: Orange/flame (`#f97316`) — fire still applies: short-lived inboxes, burn-after-testing, urgency. Different audience, same metaphor.
- **Tone**: Industrial-utilitarian with sharp edges. The app should feel like opening a utility knife, not browsing a design portfolio
- **Typography**: Hanken Grotesk (body) + Space Grotesk (display) + JetBrains Mono (code) — current stack fits the sharp personality
- **Anti-references**: SaaS marketing pages, testimonial carousels, illustration systems with stick figures, glassmorphism, gradient text, neon-on-dark "hacker" aesthetic
- **Simplicity is the feature**: This is a one-job tool. Polish the few screens that exist rather than adding more

### Accessibility

- **Astigmatism-first dark mode**: Lifted canvas (`#1f1f22`), body weight 450, no thin/light font weights. ~33% of people have some degree of astigmatism — this isn't an edge case, it's the default consideration
- **No font-light or font-thin**: Ever. Halation makes thin strokes unreadable on dark backgrounds
- **Minimum contrast**: WCAG AA as baseline
- **Reduced motion**: Respect `prefers-reduced-motion`. Staggered reveals and scale-fades should degrade gracefully

### Design Principles

1. **Disposable means fast** — every interaction should feel instant. Optimistic UI over loading spinners. One step over multi-step.
2. **Simplicity is the product** — don't add visual complexity to compensate for a small feature set. Polish existing surfaces.
3. **Sharp, not sterile** — precision in spacing and typography, but allow moments of personality in copy, micro-interactions, and empty states that make it feel human-made.
4. **Anonymous by design** — the interface shouldn't feel like it's tracking you or building a relationship. No onboarding, no user profiles, no "welcome back." You're a stranger every time.
5. **Burn after reading** — the fire/disposal metaphor subtly informs design decisions (transience, impermanence, urgency) without being literal about it.