In this video· click a step to jump to it
Test recording
VitaSpan — biological age scan demo walkthrough
20,183 ms · 23,216 pixels changed
We built this regression test for vitaspan.vercel.app — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against vitaspan.vercel.app. Claim it into your own workspace and re-run it on every deploy — free.
export async function test(page, baseUrl, screenshotPath, stepLogger) {
const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
const settle = () => page.waitForLoadState('networkidle').catch(() => {});
const base = baseUrl || 'https://vitaspan.vercel.app';
await page.route('**/*', (route) => {
const u = route.request().url();
if (/email-decode|cloudflareinsights|googletagmanager|google-analytics|hotjar|fullstory|posthog/.test(u)) return route.abort();
return route.continue();
});
stepLogger.log('Scenario 1: Hero — DECODE YOUR BIOLOGICAL AGE');Checks run
Notes from the demo run
AI-generatedVitaSpan (vitaspan.vercel.app) by u/SeasonCompetitive345 is a heavily-styled cyberpunk-aesthetic marketing site for a 'biological age from selfie' AI product, currently in early-access mode. Hero is 'DECODE YOUR BIOLOGICAL AGE' with 4 stat tiles (94.7% Accuracy / 48 Biomarkers / +12YR Avg Gain / 2M+ Records Trained). The page is structured into Protocol (3-step method) → Live Demo (interactive phone mockup with Initiate Biometric Scan) → Pricing (3 tiers: Free / Pro / Request Access) → Systems (4 feature blocks invoking Horvath/GrimAge epigenetic clocks) → Early Access waitlist signup. Every UI element uses the // monospace-comment styling — bold typographic identity.
- Interactive phone-mockup demo on the landing page — primary interaction visible without scrolling past the foldThe Live Demo section has a working phone-frame UI with home/scan/history/profile bottom nav and an 'INITIATE BIOMETRIC SCAN' button that triggers a real scan animation. Most pre-launch sites just show static screenshots; VitaSpan ships a clickable mock that shows the actual UX. Saves the visitor a 'wait, what does this do?' moment.
- Cyberpunk monospace identity is unusually coherentEvery heading reads '// SECTION NAME', stats are 'PROTOCOL', 'DEMO', 'SYSTEMS', '// THE METHOD', 'NEURAL LONGEVITY ENGINE v2.4'. Trade-press copy throughout ('Longevity Operators', 'EPIGENETIC CLOCK MAPPING'). The aesthetic alone signals 'this is for tech-bro biohackers' before you read a single feature — that's a strong audience-self-select.
- Specific scientific citations (Horvath / GrimAge clocks)Most consumer longevity products hide behind vague 'AI-powered' claims. VitaSpan references the actual epigenetic clocks (Horvath, GrimAge) — and explicitly says the model approximates them from facial photo data. That positions the product against a peer-reviewed benchmark and disarms the 'is this scientific or just vibes' question.
- Three pricing tiers with a 'Request Access' for the top tierFree / Pro / Request Access. The 'Request Access' tier signals there's a high-touch enterprise / coaching tier that won't fit a self-serve flow — smart for a longevity product where the high-LTV audience is health practitioners and clinics. Most $9/mo-only consumer landing pages leave the high-ticket money on the table.
- Hero CTA mismatch: 'SCAN NOW' in nav vs 'RUN SCAN' in hero vs 'INITIATE BIOMETRIC SCAN' in demoThree different verbs for the same action. The nav says 'SCAN NOW', the hero buttons say 'RUN SCAN' and 'HOW IT WORKS', and the live demo says 'INITIATE BIOMETRIC SCAN'. Pick one verb and use it everywhere — the user expects the same affordance label across the page.
- Stats tiles have no source / verification linked94.7% accuracy, 48 biomarkers, 2M+ records trained — striking numbers but no footnote, no methodology link, no citation. For a science-positioned product these claims need at least a 'See methodology' link below them or they read as marketing-grade hyperbole.
- Footer says '// 2025 VITASPAN INC - PRODUCT DEMO'Two issues: year is 2025 (we're in 2026), and the 'PRODUCT DEMO' suffix signals 'not ready' to serious evaluators. Update copyright + remove the demo qualifier once you're collecting waitlist emails for real.
5 visual changes
Share this run
Proof your app is not AI slop
This test was built for vitaspan.vercel.app — claim it free
One click copies the test and baseline screenshots into your own Lastest workspace. Re-run on every deploy and catch regressions before your users do — free, no card required.