What We Check
"Does my site look modern?" is a question most people answer with gut feel. We answer it with data — by analyzing CSS techniques, visual patterns, page builder signatures, and technology stack.
Modern CSS Signals
We detect CSS Grid, Flexbox, custom properties (CSS variables), clamp() for fluid typography, aspect-ratio, gap in flex contexts, and modern color functions. Each signal indicates contemporary development practices.
Dated CSS Signals
Float-based layouts, fixed pixel widths, excessive !important declarations, table-based layouts, and vendor-prefixed properties that are no longer needed. These techniques worked in 2012 — they signal a site that hasn't been updated.
Page Builder Era Detection
We identify Divi, Elementor, WPBakery (Visual Composer), Beaver Builder, and other page builders by their CSS class patterns and DOM structure. Each builder has a recognizable 'era' that dates your site.
Visual Pattern Analysis
Modern design signatures: subtle box shadows, micro-animations, card-based layouts, rounded corners, gradient accents, glassmorphism effects, and generous whitespace. We score presence and execution.
Era Classification
Based on all signals combined, we classify your site into a design era with a year range (e.g., '2016-2018 era'). This gives you an objective answer to the question 'does my site look dated?'
Technology Signals
Modern frameworks (React, Vue, Next.js, Tailwind) vs legacy stacks (jQuery UI, Bootstrap 3, Foundation). The underlying technology often determines the visual ceiling of what's achievable.
What You Learn
You get a clear era classification, a modernity score, and specific signals that date your site. Here's what real findings look like.
Design era: 2016-2018 — 'late page builder era'
Your site uses Divi 3.x layout patterns, full-width section dividers, and parallax background images — all hallmarks of mid-2010s design. Modern visitors associate these patterns with outdated businesses, even if your content is current.
0 modern CSS signals detected, 12 dated signals found
No CSS Grid, no custom properties, no clamp(). Instead: float-based columns, fixed 960px container, 47 !important declarations, and 23 vendor-prefixed properties. Your CSS is working harder than it needs to and producing a less flexible result.
Visual modernity score: 28/100
The score combines CSS modernity (weighted 30%), visual patterns (30%), page builder era (20%), and technology stack (20%). At 28, your site is in the bottom quartile. The median score across our audits is 54. Sites scoring above 75 consistently report higher conversion rates.
Why This Matters
Stanford's Web Credibility Research found that 75% of people judge a company's credibility based on their website design. Not the content, not the product — the design. An outdated site doesn't just look bad; it actively undermines trust.
The challenge is that design ages invisibly. You see your own site every day, so the gradual shift from "current" to "dated" goes unnoticed. Parallax scrolling felt cutting-edge in 2015. By 2020, it signaled a site that hadn't been touched in years. The same pattern is happening now with other design trends.
Our analysis gives you an objective benchmark. Instead of debating whether a redesign is needed, you have data: "Your site's visual language matches the 2016-2018 era. Sites in your industry that score above 60 on visual modernity see 23% higher time-on-site." That's a conversation backed by evidence, not opinion.
Related Features
Brand Consistency
Modernity is one dimension. Consistency is another. See how your brand holds up across pages.
View Brand Consistency →