DIAGNOSE YOUR FRONTEND READ THE VIBE PRESCRIPTION READY TYPOGRAPHY · COLOUR · TONE · SEO NO DATA STORED EVERYTHING STAYS LOCAL DIAGNOSE YOUR FRONTEND READ THE VIBE PRESCRIPTION READY TYPOGRAPHY · COLOUR · TONE · SEO NO DATA STORED EVERYTHING STAYS LOCAL
DESIGNRX // SYS_INIT
[SYSTEM]  Render engine init...OK
[NET]     Connection established. 12ms
[AI]      Model loaded. Claude Sonnet. OK
[PARSER]  Design DNA reader... ready
[USER]    Awaiting input...

Your design
is saying something.
Is it right?

Drop your frontend code. DesignRx reads your design DNA — typography, colour, tone, SEO — and tells you exactly what it's communicating. Then chat to fix what's off.

Run Free Diagnosis → No sign-up. No data stored. Stays local.
yoursite.com
SCANNING
READING DESIGN DNA ALIVE

01 // THE PROBLEM
01

You built it in Tailwind. It works. But it feels off.

02

You've tweaked the font three times. Still not right.

03

You can't describe what's wrong — you just know something is.

04

You ship it anyway. The vibe never gets fixed.

DESIGNRX // DIAGNOSIS OUTPUT
TYPOGRAPHY   DETECTED
  font: Space Grotesk
  hierarchy: SOLID
  
COLOUR DNA   ANALYSED
  primary: #060606
  accent:  #FF5722
  mood: dramatic / tech-focused
  
SEO PULSE    1 WARNING
  meta: OK  h1: OK  alt-text: MISSING
  
OVERALL VIBE
  "Modern, polished — needs a
   stronger narrative thread."
  
[USER] 

02 // HOW IT WORKS

Three steps.
One honest read.

01 — DROP
Paste your code

HTML, CSS, Tailwind, JSX, Vue, Svelte — anything frontend. Drop a file or paste directly.

DROP FILES HERE
02 — DIAGNOSE
Get your prescription

DesignRx reads your design DNA across 6 dimensions. Typography, colour, tone, SEO, components, and vibe.

TYPOGRAPHY 01 COLOUR DNA 02 SEO PULSE 04 VIBE 06
03 — FIX
Chat to improve

Tell it what you want to feel like. Get block-level prescriptions you can implement right now.

Make your hero font larger. Add contrast to CTA button. make it feel more confident → [USER] Awaiting input...
03 // SAMPLE OUTPUT

Your Design
Prescription

DIAGNOSIS COMPLETE
Typography 01
Font Identity
detected font
Space Grotesk

The typography feels modern, clean, and highly legible — conveying professionalism and sophistication.

Colour Palette 02
Colour DNA
060606
F5F5F5
FF5722
0C0C0C

Predominantly dark with a bold accent — dramatic, attention-grabbing. Suitable for creative or tech-focused work.

Content & Tone 03
What You're Saying

Well-structured and easy to follow, but some sections could benefit from cleaner headings and a stronger narrative flow to better engage the reader.

SEO Pulse 04
Visibility Health
Meta title
Meta description
H1 tag
Alt text on images
Semantic HTML
Component Fingerprint 05
How You Build
Navigation bar with hamburger menu Hero section with scroll indicator Grid-based layout for sections Button components with hover effects
Overall Vibe 06
The Honest Read

This website feels like a modern, tech-savvy portfolio — but could benefit from a stronger narrative thread and more attention to detail.


04 // WHO IT'S FOR

Built for people
who ship things.

Solo Developers

You build everything yourself. DesignRx is the design eye you don't have — catching what code can't tell you.

Freelancers

Before you deliver to a client, get a second read. Know exactly what your work is communicating before they do.

Founders

Shipping fast means no time for a design review. DesignRx gives you one in seconds, not days.

05 // READY

Your site has a vibe.
Let's read it.

Free. No sign-up. No data stored. Run a diagnosis in under 30 seconds.

Run Free Diagnosis →