1. Layout & Grid

Breakpoint Check: Does the content stay trapped in a 1140px/1200px container at a screen resolution of 1920px?

Viewport Usage: We check whether the layout is rigidly centered or uses modern units like vw (Viewport Width) or dvh (Dynamic Viewport Height) to truly fill the screen — or whether max-width is set to 1140 or 1600px?

Alignment: Are asymmetric grids used, or does everything follow the classic "header-content-footer" centering?

Whitespace Ratio: Is the ratio of content to whitespace balanced, or does the page feel "cramped"?

2. Typography Scale

Base Font Size: Is the default body text smaller than 18px?

Fluid Typography: Are fixed values (px) used for fonts, or modern CSS functions like clamp() for fluid scaling?

Line Height and Width: Is the line spacing in the range of 1.5 to 1.6 for optimal readability? Is the line length aligned to the grid and comfortable to read?

3. Motion Dynamics

Is the site a poster on the internet or a dynamic experience?

Scroll Experience: Is smooth scrolling (e.g. Lenis) implemented, and have images been enhanced with subtle appear-on or parallax effects cubic-bezier.

Micro-Interactions: Do interactive elements (buttons, links) have a hover state that goes beyond a simple color change (e.g. scale, magnetic effect)? We look for cubic-bezier or transform snippets?

Entry Animations: Is content actively loaded in on scroll via scroll triggers / GSAP, or is it statically present?

Page Transitions: Are technologies in use, such as event listeners popstate, that allow smooth transitions between pages?

4. Asset Fidelity

Format Check: Are outdated formats (.jpg, .png) used instead of modern formats (WebP, AVIF)?

Resolution: Are images optimized for 4K displays?

Vector Usage: Are icons loaded as raster graphics or cleanly as inline SVGs?

Background Media: Are heavy video files loaded, or highly optimized, silent loops (< 2MB)?

5. Tech Stack & Performance

An audit also looks under the hood, because slow pages destroy the user experience.

LCP (Largest Contentful Paint): Does the largest visible element load in under 2.5 seconds?

CLS (Cumulative Layout Shift): Does the content "jump" while loading? (Target: < 0.1).

TTFB (Time to First Byte): Does the server respond in under 200ms?

Runtime Performance: Does the framerate stay constant at 60 FPS during animations?

6. Interaction Depth

Click Depth: Is all relevant business information reachable in a maximum of 3 clicks?

Input Friction: Do forms have more than 5 fields without clear logic?

Touch Targets: Are click areas on mobile at least 44x44px?