Skip to content
File

Blob: .impeccable.md

Markdown43 lines

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.