PixelMint — Concept Device Landing Page A scroll-based concept case study for a reimagined handheld device, built on a reusable React template that deploys to Cloudflare with zero config. Live Preview PixelMint is a concept case study exploring what a favorite handheld device could look like if it were rebuilt around habit, not novelty. The page walks through the idea in layers... the lock screen, the branding system, the coin economy, the settings panel... each treated as its own small design problem rather than a single hero shot.

Beyond the visual design, this project was also an exercise in shipping infrastructure. It's built on a template designed to deploy to Cloudflare Workers with close to zero configuration, so a client could connect the repo and go live without touching a build pipeline by hand. That included:

- A single flat repo, one Cloudflare Worker with static assets, no unnecessary monorepo overhead - A working contact form backed by D1, with spam protection, IP rate limiting, and email notifications via Resend, all optional and none of it requiring manual setup - A self-healing database schema that brings itself up to date on first submission, so a first deploy never depends on remembering a migration step - A real performance pass, not just eyeballed... measured before and after, landing at 99 to 100 on Performance and a clean 100 across Accessibility, Best Practices, and SEO on both mobile and desktop

The contrast fixes alone were a good reminder that fixing accessibility by eye isn't the same as fixing it by measurement. The first pass looked better and didn't move the score. The real fix came from actually rendering computed colors to a canvas and reading the pixels back, since Tailwind v4's oklch color format quietly breaks naive contrast checkers.