Recording of the visual regression run on www.distinktai.com · Distinkt — brand strategy walkthrough.

In this video· click a step to jump to it

W
Passed ✓

Test recording

Distinkt — brand strategy walkthrough

25,277 ms · 0 pixels changed · matches baseline

We built this regression test for www.distinktai.com — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against www.distinktai.com. 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) => page.screenshot({ path: screenshotPath.replace('.png', `-${n}-${slug}.png`), fullPage: true });

  // Block analytics noise that causes console errors
  await page.route('**/*posthog*/**', r => r.abort());
  await page.route('**/*google-analytics*/**', r => r.abort());
  await page.route('**/*googletagmanager*/**', r => r.abort());
  await page.route('**/*hotjar*/**', r => r.abort());

  // Step 01: Home page (public marketing)
  stepLogger.log('01 - home page');
  await page.goto('https://www.distinktai.com', { waitUntil: 'domcontentloaded' });
+91 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
✓
Text
—
DOM
✓
Network
—
Console
✓
A11y
C
Perf
✓
URL
✓
Variables
—
Full report
Log in →
0
Diff px
25s
Duration
C
Accessible
WCAG 2.2 · 73
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

Distinkt is a brand strategy AI tool for designers and consultants. The onboarding interview walks through 8 focused questions to generate a differentiated brand position. The UX is clean and intentional — minimal chrome, strong typography, grid-based layout. The dashboard shows existing strategies as cards with Open/Delete actions. The interview is a linear state machine at /interview with a progress bar, one question at a time, example answers on demand, and a disabled Next button until all fields are filled. The primary interaction is completing the 8-question interview; once done, a brand strategy document is generated automatically.

Highlights
  • Clean authenticated dashboard
    Step 3 shows the brand strategies list with saved strategy cards and a prominent + New Strategy CTA in the top nav.
  • Progressive interview UX
    Steps 5-13 walk through all 8 interview questions at /interview. Progress bar, example toggles, and a disabled Next button until fields are filled keep users on track.
  • Two-field Q1 entry
    Q1 uniquely has both a business name input and a free-form We help __ by __... textarea — sets up the positioning frame for the rest of the interview.
  • Three-quote Q4 surface
    Q4 captures three real customer voice quotes using separate input fields — the raw material for the brand voice section.
  • Strategy save confirmed
    After completing all 8 questions the strategy is saved and appears on the dashboard as a card with name + date.

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
tests
all passing
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,257 test runs recorded · 1,158 products tested with Lastest

This test was built for www.distinktai.com — 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.