File
Blob: .impeccable.md
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
- Disposable means fast — every interaction should feel instant. Optimistic UI over loading spinners. One step over multi-step.
- Simplicity is the product — don't add visual complexity to compensate for a small feature set. Polish existing surfaces.
- 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.
- 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.
- Burn after reading — the fire/disposal metaphor subtly informs design decisions (transience, impermanence, urgency) without being literal about it.