Arctx Landing Page
Description
Public landing page for arctx.ai — dark graphite/amber, ledger-as-save-file identity, waitlist. Built via Claude Code with 21st.dev components, directed from Claude.ai through projecto.
Charter
## What this is
The public landing page for Arctx (arctx.ai) — "Every LLM project. One stateful home." / alt: "The save button for AI work."
## Design system (non-negotiable skin; graft all 21st.dev components into this)
- Palette: bg #101214, surface #17191D, surface-2 #1D2025, border #262A30, text #E7E4DD, muted #8B9096, accent amber #E8A33D (single accent), good #7BB26A
- Type: display grotesk for headlines (Space Grotesk or similar via Google Fonts), Inter body, IBM Plex Mono for labels/ledger/terminal
- Signature: section eyebrows styled as ledger entries, mono, e.g. "arctx · hero · 01"; the page reads like a save file
- Dark only. Amber used sparingly: status dots, CTA, ledger highlights. No gradients-everywhere; restraint.
## Approved copy
- Headline: "Every LLM project. One stateful home."
- Subhead: "Start a project anywhere — Claude Code, Codex, Cursor, or inside Arctx — and every tool picks up exactly where the last one left off."
- Pain hook: "AI has no save button. Arctx is the save button."
- Callout 1 "Build inside Arctx." full AI workspace — chats, plans, documents, tasks — any model assigned to any job.
- Callout 2 "Stay in sync everywhere." connect any tool via MCP or CLI; every session resumes exactly where the last ended.
- Callout 3 "One timeline, every tool." see what each AI did, when, on which branch — one ledger.
- Rhythm phrase: "any model, any tool, any machine". CTA: join the early access waitlist.
## Sections (build order)
1 Nav (minimal) · 2 Hero + waitlist input · 3 Problem strip (pain hook) · 4 /save terminal demo (signature) · 5 Three callouts (bento) · 6 Cross-tool ledger visual (use real entries: claude-code note -> manus decision -> manus session_summary, from the Daigo project today) · 7 Works-with logo strip (Claude Code, Claude Desktop, Codex, Cursor, Manus, "anything with MCP") · 8 Early-access CTA · 9 FAQ (what is it / how does it connect / is my data safe / which models / when does it launch) · 10 Footer
## Constraints
- Stack: single Next.js app (or static export), Tailwind; deploys to Vercel project "arctx-landing"; domain arctx.ai after approval
- Waitlist: collect email; no email provider wired yet — store to a simple table or log; do NOT wire Resend (no account)
- User will supply 21st.dev components per section (Magic MCP in Claude Code); adapt each into the design system above — never ship a component with its stock palette/type
- Pronunciation line near footer: "Arctx — say ark-tex."
Tasks
- todoWire waitlist storage (simple table or log, NO Resend)
- todoScaffold repo arctx-landing (Next.js + Tailwind), deploy to Vercel
- todoS10 Footer + pronunciation line
- todoS9 FAQ accordion — 5 questions in charter
- todoS8 Early-access CTA banner
- todoS7 Works-with logo strip — MCP clients
- todoS6 Cross-tool ledger visual — timeline component with real entry data
- todoS5 Three callouts — bento grid
- todoS4 /save terminal demo — signature section; animated terminal component
- todoS3 Problem strip — 'AI has no save button.'
- todoS2 Hero — headline/subhead/waitlist input; user supplies 21st.dev hero
- todoS1 Nav — minimal, logo wordmark 'arctx' in mono + amber
Timeline — every tool, one ledger
- claude-ai · session_summary · 2026-07-31 14:49SESSION CLOSE (claude-ai, design director + builder). LANDING PAGE SHIPPED AND ITERATED LIVE: https://arctx-landing-jeremy-harts-projects.vercel.app | repo github.com/jeremynhart/arctx-landing (Vercel project arctx-landing). Page: merged hero w/ animated 'arctx save' terminal, bridge line ('AI has no save button. Arctx is the save button.'), bento callouts, scroll-reveal cross-tool ledger, works-with chips, CTA band, 5-question FAQ, footer w/ ark-tex pronunciation. HEADLINE evolved through 7 user-directed versions; FINAL (v7, live + committed): four lines, each on its own row (hline blocks): 'Create, Save, Connect, Synchronize / & Manage ALL of Your Ai Projects / Across Multiple LLM & IDE Platforms / From One Centralized Workspace.' — amber accent on 'Save'. Subhead (user copy): 'Start a project anywhere; Claude Code, Codex, VS Code, Kimi, Cursor, or inside the Arctx AI Project Management Platform itself.' + in-sync line + single-source-of-truth line. Browser title matches v7. All versions committed; latest commits 8aea7df (title) + page.tsx v7 commit. IMPORTANT PRODUCT GAP LOGGED: 'arctx save' does NOT exist yet — spike has log_session_summary only; save_project MCP tool + arctx CLI are Phase 1 spec (proposal section 7.1 + MCP tools). User asked; answered honestly; offer open to add real save_project tool to spike as thin orchestrator over existing primitives. NEXT STEPS: (1) optional: build save_project into spike this week; (2) point arctx.ai domain at Vercel arctx-landing (Settings->Domains); (3) waitlist upgrade path: Neon table then Resend (currently logs to Vercel function logs); (4) VS Code+Kimi chips could be added to works-with strip for consistency w/ subhead (open suggestion); (5) Phase 1 kickoff: platform repo + ARCHITECTURE.md + Arctx Platform project + 'Arctx' Project Group containing landing+platform.
- claude-ai · session_summary · 2026-07-31 03:34Landing page v1 BUILT AND DEPLOYED by claude-ai (design director built directly rather than handing to Claude Code, per user go-ahead). Live at https://arctx-landing-jeremy-harts-projects.vercel.app — Vercel project arctx-landing. Code pushed to github.com/jeremynhart/arctx-landing @ 8694b7f. Implemented per charter: merged hero with animated /save terminal, bridge line, bento callouts, scroll-reveal ledger (real cross-tool entries), works-with chips, CTA band, FAQ, footer w/ pronunciation. DIVERGENCES from charter (deliberate, revisitable): hand-rolled CSS instead of Tailwind (zero-dep precision; Claude Code can Tailwind-ify when adding 21st.dev components); components hand-built rather than pulled from registries (Magic UI Terminal etc. remain the upgrade path per shortlist decision). Waitlist posts to /api/waitlist and logs to Vercel function logs — upgrade path documented in the route file. NEXT: user visual review; then either iterate copy/design here, wire waitlist to real storage, or point arctx.ai domain at the Vercel project.
- claude-ai · note · 2026-07-30 17:52REPO (empty, ready for first push): https://github.com/jeremynhart/arctx-landing (private, default branch main, no initial commit). Build session should: git init in the local folder, scaffold Next.js + Tailwind, then `git remote add origin https://github.com/jeremynhart/arctx-landing.git` and push main. All commits to this repo. NOTE / spike gap: project was created without repo_url and no MCP tool exists to update it — Phase 1 backlog: update_project tool (repo_url, description, charter edits).
- claude-ai · decision · 2026-07-30 17:47HERO FINAL (user approved): S2 and S4 are MERGED. Hero = minimal centered layout — headline, subhead, single waitlist input, generous whitespace — with the Magic UI Terminal (@magicui/terminal) as the hero visual directly beneath, scripted to show /save running: typing '/save', then animated capture lines (session summary, 3 decisions, 2 documents, git position main@a1b2c3d), ending 'Saved. Resume from any tool.' Revised section order: S1 Nav, S2 Hero+Terminal (merged), S3 bridge line 'AI has no save button. Arctx is the save button.', S5 bento callouts, S6 ledger, S7 marquee, S8 CTA, S9 FAQ, S10 footer. No separate S4 section — mark the S4 task merged-into-S2 during build.
- claude-ai · decision · 2026-07-30 17:14Component shortlist (design-director approved): S2 hero = 21st.dev text-forward hero (user picks); S3 = Aceternity Text Generate Effect or pure type; S4 /save demo = Magic UI Terminal (@magicui/terminal) scripted to show /save capturing session state — SIGNATURE SECTION; S5 = Magic UI Bento Grid; S6 ledger = Aceternity Timeline OR Magic UI Animated List (prefer Animated List for live feel); S7 = Magic UI Marquee logo strip; S8 CTA + nav + footer = Tailark blocks; S9 FAQ = Origin UI accordion. Motion budget: animation ONLY in S4 and S6; all else still. All components must be restyled to charter tokens (graphite/amber/mono) — never stock palette.
- claude-ai · decision · 2026-07-30 16:49Workflow: Claude.ai (chat) is design director and drives via projecto; Claude Code executes the build with 21st.dev Magic MCP for components; user pulls/approves components per section. All session ends: log_session_summary. Design system and copy in the charter are approved and final unless the user changes them here.