Skip to content
Mavrick Blackburn
All projects

Case study

DesignLens

Audit any website against 336 design rules.

Role
Design and build
Status
Building
Visit designlens.mavrickblackburn.com (opens in a new tab)

01/02

  • The landing page: one URL in, and an audit of what makes the page look generated back.
    The landing page: one URL in, and an audit of what makes the page look generated back.
  • A finished audit of vercel.com — a score per category, the page rebuilt as an inspectable copy with every issue pinned to the element that caused it, and the findings listed with the measured numbers behind them.
    A finished audit of vercel.com — a score per category, the page rebuilt as an inspectable copy with every issue pinned to the element that caused it, and the findings listed with the measured numbers behind them.

Overview

Paste a URL and it renders the page in a real headless browser, measures it against 336 research-backed design rules, and pins every issue to the element that causes it. The output is not a score — it is a fix prompt you can hand straight to a coding agent.

Technology

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Motion
  • Cloudflare Workers
  • Wrangler
  • Domains & DNS
  • Git & GitHub