Expert design reviews
on every PR.
Rams catches design issues in your code before they ship. Spacing, hierarchy, accessibility, and more, directly in your GitHub workflow.
acme/web-app #42 · Update pricing page
74/100 · 8 files · 12.4s
Button group uses identical styling for primary and secondary actions — both "Get Started" and "Learn More" are filled white buttons at the same size, so there's no visual hierarchy between the conversion action and the informational one.
Stats section uses hardcoded hex colors — style={{ color: '#22c55e' }} bypasses the design system. When you change your theme or add dark mode, these values won't update.
Feature grid cards are visually identical — all six cards share the same weight, color, and spacing. Nothing draws the eye to any single card, so users scan headings without absorbing content. Vary icon color or highlight one card to create an entry point.
How it works
Install the GitHub App, select your repos, and every pull request gets reviewed automatically. No config files, no CI setup, no workflow changes.
Install the Rams GitHub App
Select which repos to review
Open a PR and get a design review
From accessibility to
visual design
Over a hundred rules across 8 categories. Accessibility, color, typography, spacing, components, UX, motion, and AI-generated slop detection. Built from how senior design engineers actually review code, not how linters check syntax.
Works with your stack
Rams reviews JSX, TSX, Vue SFCs, Svelte components, and CSS/SCSS files. It understands Next.js app directory, SvelteKit routes, Vue pages, and React Native screens.
Don't see your framework?
Request support and we'll add it.
Pricing
One flat fee. No per-seat tax. Cancel any time.
For your next big idea. One project at a time.
For teams building real product. Every repo. One flat price.
For teams moving fast. 750 reviews a month.
For the whole organization. Custom rules. SSO and SLA.
Interactive design feedback in your AI editor · 500 installs