73.93/100
Good

Solid Foundation - Ready to Level Up

Strong brand presence with room for systematic improvements

https://stripe.com

Score Breakdown

Visual Hierarchy75.49
Typography72.69
Color & Contrast79.35
Spacing & Rhythm72.47
Micro-interactions68.99
Component Consistency73.58

Summary

Stripe's design demonstrates professional execution with excellent gradient implementation and clear brand identity. Your color work and visual hierarchy create strong user guidance, but systematic improvements to typography and interactions could elevate this to elite status.

Strengths

Exceptional gradient background maintains readability while creating strong brand presence

Clear visual hierarchy guides users effectively from headline to CTA

Consistent component patterns across buttons and interface elements

Areas for Improvement

Major
Micro-interactions

Micro-interactions Issue 1

CTAs have good visual prominence with clear button styling

Recommendation

Add more subtle hover and focus states to improve interaction feedback and accessibility

Minor
Visual Hierarchy

Visual Hierarchy Issue 1

The main headline 'Financial infrastructure to grow your revenue' creates a strong focal point with excellent size contrast

Recommendation

Consider increasing the contrast between the Sessions 2026 banner and main content to reduce competing focal points

Minor
Typography

Typography Issue 1

Strong use of Sohne variable font creates good brand consistency and readability

Recommendation

Establish a more systematic type scale with clearer mathematical progression between heading levels

Minor
Color & Contrast

Color & Contrast Issue 1

Excellent gradient background creates strong brand presence while maintaining text readability

Recommendation

Consider slightly increasing contrast on some secondary text elements for improved accessibility

Minor
Spacing & Rhythm

Spacing & Rhythm Issue 1

Good responsive adaptation between desktop and mobile with appropriate spacing adjustments

Recommendation

Implement more consistent vertical rhythm with a systematic baseline grid approach

Minor
Component Consistency

Component Consistency Issue 1

Strong consistency in button styling and overall component patterns

Recommendation

Ensure all iconography follows the same visual style and weight consistency across the interface

Screenshots Analyzed

Desktop
Desktop screenshot
Mobile
Mobile screenshot

Ready to level up your design?

Get a full design audit with code-level recommendations from our experts.