FORGE Inspect: UI Consistency & Design Audit Tool by Talia PrzybyszewskiFORGE Inspect: UI Consistency & Design Audit Tool by Talia Przybyszewski

FORGE Inspect: UI Consistency & Design Audit Tool

Talia Przybyszewski

Talia Przybyszewski

Overview

FORGE Inspect is a web-based UI analysis tool that scans live websites and evaluates frontend consistency, design cohesion, and system quality. It sits inside the broader FORGE ecosystem as an auditing and diagnostics layer.
The idea came from a common problem in digital products: teams ship interfaces that slowly drift over time. Inconsistent spacing, fragmented typography, duplicate components, poor visual hierarchy, weak design-system discipline. The usual entropy.
Instead of checking code quality or page performance, Inspect focuses specifically on product UI quality.

How It Works

Paste any public URL. FORGE Inspect fetches the HTML and linked stylesheets, extracts frontend visual signals, and scores the interface across multiple dimensions:
Colour consistency — detects every colour in use, groups by frequency, flags palette bloat
Typography hierarchy — extracts every font size and family, flags scale fragmentation
Spacing rhythm — pulls spacing values from padding, margin, and gap usage, scores for consistency
Component drift — identifies repeated button, link, and card shapes to surface inconsistent component signatures
Border radius consistency
Visual system cohesion across sections
The output is a UI Consistency Score — a deterministic audit with no AI guesswork. It helps teams identify weak areas in their design system and frontend implementation.
FORGE Inspect dashboard
FORGE Inspect dashboard

How It Fits FORGE

Where FORGE.ui helps build better interfaces and FORGE.motion improves interaction polish, Inspect focuses on analyzing what already exists and surfacing improvements. It bridges design engineering and product quality.
FORGE Inspect scan results
FORGE Inspect scan results

Tech Stack

Next.js + React TypeScript — app framework
Tailwind CSS — styling
Zustand — state management
Framer Motion — UI transitions and interaction
Supabase — auth, saved scans, user accounts
Stripe — subscription and monetisation flow
The scanning layer parses layout structure, extracts colour and palette usage, detects typography behaviour, compares spacing patterns, identifies reusable or duplicated UI structures, and scores visual consistency. The goal was never accessibility scoring like Lighthouse — it was design-system intelligence.

Pricing Model

Free tier (5 audits/month, up to 5 saved reports) and Pro at £9/month (50 audits, unlimited history, drift comparison over time). No account needed for the first scan.
Like this project

Posted May 25, 2026

A frontend auditing tool that analyzes live websites for UI consistency, design cohesion, and reusable system quality.