v3 page index 9 pages · self-contained Download zip
v3 — full rebuild

Every page rebuilt
with real care.

Nine self-contained HTML files. Shared visual vocabulary — Cabinet Grotesk × Instrument Serif, the lime → sky split for seeker → employer, custom SVG logo, Lucide iconography throughout. Each card opens its v3 file in a new tab.

9 pages 1 brand 2 accent colors 0 emoji-as-iconography ~250KB per page (uncompressed)
Marketing surface
/ index Hero 01
Landing index.html
Editorial asymmetric hero, animated score visualization, varied-weight bento, dramatic Instrument Serif moments.
herobentoscoring viz
/ employer Hiring 02
Employer employer.html
Sky-accented to signal the other side. Live shortlist mock, three-step flow, pricing, FAQ, distinct chrome.
B2BpricingFAQ
/ jobs 1,040 portals 03
Jobs jobs.html
ATS family sidebar with counts. Featured cards at the top, list view with floating multi-select bar for auto-apply.
filter sidebarfeaturedmulti-select
Auth
/ login Split-screen 04
Login login.html
Editorial poster pane left, form right. Email + phone OTP + OAuth. Forgot-password, redirect-back, sensible empty state.
posterOAuthphone OTP
/ signup Role pills 05
Signup signup.html
Role pills (seeker / employer). Live password strength meter. Step indicator. Same OAuth + phone surface as login.
role pillsstrength meterstep row
Logged-in app · shared rail navigation
/ dashboard Workspace 06
Dashboard dashboard.html
Full sidebar + topbar shell. KPI cards with sparklines, pipeline + activity panel, three editorial insight cards.
sparklinesKPIsactivity
/ evaluate 240px italic A 07
Evaluate evaluate.html
Sticky JD input left, massive italic grade letter right. 10-dimension grid, reasons/concerns/negotiation, history.
signature moment10 dims
/ resumes Paper docs 08
Resumes resumes.html
Paper-card gallery with rendered document previews on each card. Real ATS score pill, keyword chips, diff-review modal.
paper previewATSdiff modal
/ agent Chat + tasks 09
Agent agent.html
Task-sidebar with plan gating. Bespoke renderers — cover letters as letters, prep as Q&A cards. No raw JSON.
task-shapedplan gatesbespoke

To commit these to the repo.

Each file is a drop-in replacement. They reference the original auth + service modules — paths preserved.

  1. Each v3 file imports from /src/services/AuthService.js, /src/lib/supabase.js, /src/lib/ui.js and the rest — same paths as the originals, no breakage.
  2. Logo + mark sit under assets/. Copy them to /public/assets/ or inline the SVG (it's tiny — already inlined in every page).
  3. Anthropic calls still route through /api/agent. The evaluator demo path is a placeholder — wire it to your server proxy before shipping.
  4. Drop the -v3 path and replace the originals on a new branch (design-v3). The zip preserves filenames so it's a one-shot overwrite.
  5. Smoke test on each page: sign-in flow, navigation rail, modal open/close, keyboard focus.