See what your users see.

Only 2° of your visual field is sharp. The rest is peripheral — blurred, desaturated, crowded. Scrutinizer renders that reality so you can design for the glance, not the screenshot.

Open source. macOS (Apple Silicon). v2.7.0

FOCUS HERE

FOCUS HERE

Move cursor to simulate foveal vision

How It Works

Scrutinizer models how spatial resolution, color sensitivity, and visual crowding change with distance from where you're looking.

Cortical magnification

Half the visual cortex processes the central 2° of vision. Resolution drops off with eccentricity following a log-polar mapping. Scrutinizer renders this falloff using hardware MIP-chain pooling — each MIP level halves spatial resolution, approximating how receptive fields grow with distance from fixation.

Chromatic pooling

Color perception narrows in the periphery. S-cones (blue) are sparse outside the fovea, and the parvocellular pathway that carries fine color information loses resolution with eccentricity. Scrutinizer models this as selective chrominance pooling in Oklab color space, preserving luminance structure while color bleeds and shifts.

Visual crowding

In the periphery, objects aren't invisible — they're unidentifiable. Flanking elements merge with targets, making it impossible to isolate individual items. Scrutinizer renders this as position jitter scaled to integration field size, following the Texture Tiling Model (Rosenholtz et al.).

Scrutinizer browser with a real-time congestion score overlay on a design-systems blog article, alongside the Scrutinizer Pro Figma plugin showing visual clutter simulation and a foveation heatmap
Scrutinizer browser with live congestion score readout (left) and the Scrutinizer Pro Figma plugin (right) — both running on real product

The science, in one image.

Share why foveation matters — sized for LinkedIn, free to download, science-accurate.

Scrutinizer foveation explainer: only 2° of your visual field is sharp. The rest is peripheral — blurred, desaturated, crowded. Scrutinizer renders this on your designs.

Foveation explainer

Only ~2° of your visual field is sharp. The rest is peripheral — blurred, desaturated, crowded. This infographic stacks three panels: where sharpness lives on the retina, how fast acuity falls off with eccentricity, and what four eccentricities actually look like at 0°, 5°, 15°, and 30°.

Portrait 1080 × 1920 — optimized for LinkedIn and X vertical cards. WCAG 8:1 text contrast. The acuity-chart markers are themselves progressively blurred and desaturated, so they embody the phenomenon they measure. SVG source and Python generator on GitHub.

Download PNG

Use Cases

Design Inspection

Check whether your primary CTA is visible from likely fixation points. Verify that visual hierarchy survives peripheral degradation — if users have to foveate every element to find what they need, the layout isn't working.

UX Research

Simulate foveal-restricted viewing without an eye tracker. Useful for early-stage scan path analysis, evaluating information scent, and identifying where peripheral clutter competes with the task. Research precedents →

Vision Science

Open source, configurable rendering pipeline. Eccentricity-dependent spatial pooling, chromatic degradation, and crowding simulation with adjustable parameters. Citation-ready screenshot exports embed full pipeline config for reproducibility.

Get Scrutinizer

Electron Browser

A standalone browser with the full foveated rendering pipeline. Browse any site with real-time peripheral simulation, saliency maps, congestion analysis, and mobile device emulation.

Figma Plugin Updated

Apply foveated rendering to your Figma frames without leaving the editor. Copy static renderings to canvas or browse with live simulation.

Measure your own foveal radius

A quick calibration tool that maps your fovea in pixels at your current viewing distance. Takes about 30 seconds.

Launch Foveal Calibrator