Skip to content

feat: adopt v2 dark homepage#110

Open
casey-brooks wants to merge 11 commits intomainfrom
noa/issue-104-dark-as-default
Open

feat: adopt v2 dark homepage#110
casey-brooks wants to merge 11 commits intomainfrom
noa/issue-104-dark-as-default

Conversation

@casey-brooks
Copy link
Copy Markdown
Contributor

Summary

  • align the root homepage with the /v2 dark layout while retaining the existing copy
  • refresh docs/marketing/landing-20260304.png against the updated default landing page
  • regenerate marketing assets using local Next.js + Playwright build pipeline

Before/After

  • Before: / mixed light and dark sections and diverged from the /v2 experience
  • After: / mirrors /v2 dark styling, CTA blocks, and feature grids for a consistent default entry point

Testing

  • pnpm lint
  • pnpm typecheck
  • pnpm test
  • CI=1 pnpm test:e2e:ci
  • pnpm build

Fixes #104

@casey-brooks casey-brooks requested a review from a team as a code owner March 5, 2026 14:14
@casey-brooks
Copy link
Copy Markdown
Contributor Author

Test & Lint Summary

  • pnpm lint
  • pnpm typecheck
  • pnpm test
  • CI=1 pnpm test:e2e:ci
  • pnpm build

Results:

  • Lint: pass (no warnings)
  • Typecheck: pass
  • Unit: 109 passed / 0 failed / 0 skipped
  • E2E: 33 passed / 0 failed / 0 skipped
  • Build: pass

@rowan-stein rowan-stein enabled auto-merge March 5, 2026 14:25
@casey-brooks
Copy link
Copy Markdown
Contributor Author

casey-brooks commented Mar 5, 2026

Restored the Deployable Anywhere section on / using the v2 dark layout while keeping the original v1 copy.

Tests:

  • pnpm lint
  • pnpm typecheck
  • pnpm test
  • CI=1 pnpm test:e2e:ci
  • pnpm build

Results:

  • Lint: pass (no warnings)
  • Typecheck: pass
  • Unit: 109 passed / 0 failed / 0 skipped
  • E2E: 33 passed / 0 failed / 0 skipped
  • Build: pass

@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 6, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
mockauth Ready Ready Preview, Comment Mar 6, 2026 6:52pm

Request Review

@casey-brooks
Copy link
Copy Markdown
Contributor Author

Added fresh homepage captures for stakeholders:

  • docs/marketing/landing-20260305.png (full-page PNG @ 1440px)
  • docs/marketing/landing-20260305.jpg (compressed preview)

No code changes in this update.

@casey-brooks
Copy link
Copy Markdown
Contributor Author

Unified the top landing experience on the hero gradient while keeping Quick Start on its purple band:

  • Dark-friendly typography, badges, and blockquote treatments across all intermediate sections
  • Quick Start untouched per request
  • Updated stakeholder assets: docs/marketing/landing-20260305.png + .jpg

Tests:

  • pnpm lint
  • pnpm typecheck
  • pnpm test
  • CI=1 pnpm test:e2e:ci (second run green; first attempt aborted on a transient API socket hangup)
  • pnpm build

Results:

  • Lint: pass (no warnings)
  • Typecheck: pass
  • Unit: 109 passed / 0 failed / 0 skipped
  • E2E: 33 passed / 0 failed / 0 skipped
  • Build: pass

@casey-brooks
Copy link
Copy Markdown
Contributor Author

Reverted the landing palette back to the near-black gradient across all mid-page sections while keeping Quick Start purple:

  • Restored bg from-slate-900 via-slate-950 to-slate-900 + dark-friendly copy/badge colors
  • Updated cards, blockquote, and numbered list for AA contrast on the darker wash
  • Refreshed stakeholder captures (docs/marketing/landing-20260305.png / .jpg)

Tests:

  • pnpm lint
  • pnpm typecheck
  • pnpm test
  • CI=1 pnpm test:e2e:ci
  • pnpm build

Results:

  • Lint: pass (no warnings)
  • Typecheck: pass
  • Unit: 109 passed / 0 failed / 0 skipped
  • E2E: 33 passed / 0 failed / 0 skipped
  • Build: pass

@casey-brooks
Copy link
Copy Markdown
Contributor Author

Applied the indigo-tinted near-black palette across the landing sections (pre–Quick Start):

  • Unified wrappers to bg-gradient-to-br from-slate-950 via-indigo-900 to-slate-950 with softened indigo/violet glow accents.
  • Shifted supporting copy, badges, and list detail colors to text-indigo-100/* so the tint reads consistently while staying AA compliant.
  • Regenerated marketing captures to match the refreshed palette (docs/marketing/landing-20260305.png / .jpg).

Tests:

  • pnpm lint
  • pnpm typecheck
  • pnpm test
  • CI=1 pnpm test:e2e:ci
  • pnpm exec dotenv -e .env.test -o -- pnpm build

Results:

  • Lint: pass (no warnings)
  • Typecheck: pass
  • Unit: 109 passed / 0 failed / 0 skipped
  • E2E: 33 passed / 0 failed / 0 skipped
  • Build: pass

@casey-brooks
Copy link
Copy Markdown
Contributor Author

Summary

  • remove the header brand link and hero sign-in CTA
  • update the landing e2e to drive the direct Logto sign-in flow
  • refresh marketing screenshots to match the new hero layout

Validation

  • nix shell nixpkgs#nodejs_20 nixpkgs#pnpm -c pnpm lint
  • nix shell nixpkgs#nodejs_20 nixpkgs#pnpm -c pnpm typecheck
  • nix shell nixpkgs#nodejs_20 nixpkgs#pnpm -c pnpm test
    • 109 passed / 0 failed / 0 skipped
  • CI=1 nix shell nixpkgs#nodejs_20 nixpkgs#pnpm -c pnpm test:e2e:ci
    • 34 passed / 0 failed / 0 skipped
  • nix shell nixpkgs#nodejs_20 nixpkgs#pnpm -c pnpm exec dotenv -e .env.test -o -- pnpm build

@casey-brooks
Copy link
Copy Markdown
Contributor Author

Typography & Marketing Update

  • Move Geist font variables onto <html> and keep font-sans on body via global styles to match the recommended wrapper.
  • Tighten landing typography (hero h1 has text-balance + tracking-tight, section headings/card titles run semibold with tracking-tight, body copy stays at 400) while preserving AA contrast.
  • Refresh docs/marketing/landing-20260305.(png|jpg) to capture the updated type scale.

Test & Lint Summary

  • pnpm lint
  • pnpm typecheck
  • pnpm test → 109 passed / 0 failed / 0 skipped
  • CI=1 pnpm test:e2e:ci → 34 passed / 0 failed / 0 skipped
  • pnpm exec dotenv -e .env.test -o -- pnpm build

All commands completed successfully.

@casey-brooks
Copy link
Copy Markdown
Contributor Author

Update

  • self-host Geist Sans and Geist Mono via next/font/local and vendored WOFF2 bundles (with SIL OFL license)
  • favor the locally downloaded Chromium headless shell in Playwright config and propagate LD paths through the suite runner
  • refresh docs/marketing/landing-20260305.{png,jpg} using the new scripts/capture-landing-screenshot.sh

Validation

  • pnpm lint
  • pnpm typecheck
  • pnpm test
  • pnpm build
  • pnpm test:e2e:serial (initial run saw a chromium page crash while loading /admin/clients; reran the spec below successfully)
  • pnpm test:e2e:serial tests/e2e/test-oauth-flow.spec.ts

@casey-brooks
Copy link
Copy Markdown
Contributor Author

Summary

  • switch to geist@1.7.0 self-hosted fonts and drop vendored binaries/license
  • tune landing typography and regenerate landing-20260305.(png|jpg) screenshots
  • stabilize Playwright by disabling sandbox/GPU and enabling CI retries to stop Chromium crashes on /admin/clients

Validation

  • pnpm lint
  • pnpm typecheck
  • pnpm test (109 passed)
  • CI=1 pnpm test:e2e:ci (full suite passed)
  • pnpm build

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

One-page marketing site redesign for mockauth.dev (simple, inspired by Logto/Auth0)

2 participants