74.15/100
Good

Strong Foundation, Ready for Elite Status

Your design scores 74/100 with excellent typography and visual hierarchy

https://shopify.com

Score Breakdown

Visual Hierarchy76.70
Typography76.71
Color & Contrast76.03
Spacing & Rhythm72.97
Micro-interactions67.29
Component Consistency73.57

Summary

Your website demonstrates strong professional design principles with sophisticated typography and clean visual hierarchy. The monochromatic palette creates a premium brand presence that's polished and cohesive. With a few strategic improvements, you're positioned to break into elite territory.

Strengths

Sophisticated Inter-Variable and NeueHaasGrotesk typography pairing

Excellent visual hierarchy with strong focal points and clear information flow

Clean monochromatic palette creates premium, professional brand positioning

Areas for Improvement

Major
Micro-interactions

Micro-interactions Issue 1

CTAs have clear button styling that suggests interactivity

Recommendation

Add hover states and micro-animations to enhance interactivity feedback

Major
Micro-interactions

Micro-interactions Issue 2

Overall polish level is high with clean, professional presentation

Recommendation

Implement loading states and transition effects for a more premium feel

Minor
Visual Hierarchy

Visual Hierarchy Issue 1

The hero headline 'Be the next big thing' creates a strong focal point with excellent size contrast

Recommendation

Consider adding more visual separation between sections to strengthen the layering

Minor
Visual Hierarchy

Visual Hierarchy Issue 2

Clear progression from main headline to subtext to CTAs establishes proper information hierarchy

Recommendation

The secondary headline could use slightly more breathing room from the primary CTA

Minor
Typography

Typography Issue 1

Inter-Variable and NeueHaasGrotesk create a sophisticated, modern pairing

Recommendation

Ensure the type scale follows a consistent mathematical ratio throughout all page sections

Minor
Typography

Typography Issue 2

Type scaling appears consistent across desktop and mobile views

Recommendation

Consider slightly increasing contrast for smaller text elements

Minor
Color & Contrast

Color & Contrast Issue 1

The monochromatic palette with whites, grays, and near-blacks creates sophisticated cohesion

Recommendation

Add subtle accent colors for CTAs to improve conversion potential

Minor
Color & Contrast

Color & Contrast Issue 2

Dark background with white text provides strong contrast for readability

Recommendation

Ensure all interactive elements have sufficient contrast ratios

Minor
Spacing & Rhythm

Spacing & Rhythm Issue 1

Good use of whitespace around the hero content prevents cramping

Recommendation

Implement a more consistent grid system for precise alignment

Minor
Spacing & Rhythm

Spacing & Rhythm Issue 2

Responsive spacing transitions well between desktop and mobile views

Recommendation

Consider increasing spacing between CTA buttons for better touch targets on mobile

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.