feat(landing): V5 redesign — Cowork parity table, Connect & Cloud pages, Den-style enterprise analytics - #3567
feat(landing): V5 redesign — Cowork parity table, Connect & Cloud pages, Den-style enterprise analytics#3567benjaminshafii wants to merge 3 commits into
Conversation
…le enterprise analytics - Home: EL-inspired system (light display type, tonal cards, hairline grids with corner ticks), split hero, segmented demo panel, provider strip, Cowork parity table with OPENWORK-ONLY gateway row, bento, gateway diagram, three-doors get-started, audience router, light CTA - New /connect: gateway flow, how-it-works, animated terminal-to-teammate publish story, copy-morph URL bar - New /cloud: dashboard positioning, Den-faithful console mock (BYOK panel, real nav, hover + status-pulse interactions), Connect/Web/MCP pillars - Enterprise: self-sovereign narrative, SOC 2 in-progress chips, Den-pattern analytics oversight panel, SSO/SCIM card, self-host command bar, compliance grid - Shared lp-* kit (primitives, brand logos, parity table, gateway diagram, copy bar, CTA); nav gains Connect + Cloud; sitemap + agent markdown updated Design source: Paper file 'OpenWork Extensions — Latest' (Home V5 / Connect / Cloud / Enterprise artboards + motion spec). Motion respects prefers-reduced-motion.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
|
![diff-warden[bot]](https://avatars.githubusercontent.com/u/118544361?s=60&v=4){kind=small}
There was a problem hiding this comment.
Warden security clearance: clear. No blocking findings (security or desktop↔den sync) in this diff (3bfd6979aeb810aadc070bcb571c4bc483088b66). Automated clearance satisfies the required-review gate only — a human still reviews and merges. Analysis run
- Replace fixed full-viewport shader with hero-scoped 980px layer fading into the page color — every section below sits on clean ground at any scroll position (matches the approved Paper design) - Bento grain card gains a bottom scrim behind its caption; one-line chat pill copy - CTA heading balanced at 640px (kills orphan wrap); solid tonal demo panel shell; provider logos 70% base opacity; hero support lines bumped to body gray - ::selection, focus-visible rings, and 150ms hover transitions on all lp pills; tokenized footer hairline; SSO tiles equal height; terminal story colors matched to spec
Polish pass (
|
| Home | Connect |
|---|---|
 |
 |
| Cloud | Enterprise |
|---|---|
 |
 |
Grain→content seam after the fix (provider strip on clean white, hairlines + corner ticks crisp):
Re-verified: tests 4/4, zero type errors in changed files, all four routes 200 + visually inspected at three scroll depths each. (The FK Raster words render with the raster-stripe texture by design — same as "alternative." on the live site today.)
There was a problem hiding this comment.
Warden security clearance: clear. No blocking findings (security or desktop↔den sync) in this diff (68d81f55ddcbf097e1d86a53f46b2b749b7b0c9f). Automated clearance satisfies the required-review gate only — a human still reviews and merges. Analysis run
Fold completion:
- Hero CTA is now OS-aware ('Download for macOS') with real per-OS release
links and Windows/Linux alpha options
- Agent-install prompt card (typing caret + copy) restored to the fold,
above the demo panel, with a 'Powered by opencode' strip
Layout corrections:
- Removed the hairline-divided cell blocks that read as spreadsheet tables
and visually dead-ended (get-started doors, provider strip, parity header);
doors and providers are now tonal cards/band, connect steps are pure
typography with pixel numerals
- Eliminated the mt-auto voids inside cards (~110px of dead space per cell)
- One primary pill per section; all pills in a row share height and baseline
- Icons standardized to lucide 20px/1.75 in white chips (were bare, spindly);
Globe replaces Earth
Edge discipline (one treatment per element):
- Accent cards use inset rings instead of borders so rows share box metrics
- Cloud pillars, deploy cards, SSO card, terminal story: tonal fills, no
stacked border+shadow+fill
- Enterprise contact form no longer double-boxed
- Legacy gray/slate palette classes replaced with --lp-* tokens
Verified: no dead links (all routes 200, /docs 308 rewrite, #product,
#comparison, #book anchors present), 0 type errors in changed files,
tests 4/4, all four pages inspected fold-by-fold.
Round 3 (
|
| Cloud pillars | Enterprise deploy | Connect steps | Enterprise form |
|---|---|---|---|
 |
 |
 |
 |
No dead ends — every link audited
Collected all 38 unique hrefs across the four pages and hit each one: all internal routes 200 (/docs is the intended 308 Mintlify rewrite), anchors #product, #comparison, #book all present in the DOM, download links resolve to real v0.18.16 release assets, app.openworklabs.com for cloud CTAs, Cal URL for sales. Zero href="#" placeholders.
Verification
tsc --noEmit: 0 errors in changed files (unchanged pre-existingpackages/*React-types conflict remains, same as cleandev)pnpm test: 4/4 pass, 50 assertions- DOM audits: nested-chrome count 0, legacy-palette grep empty, all pill rows height/baseline-matched
- All four pages inspected fold-by-fold at multiple scroll depths
There was a problem hiding this comment.
Warden security clearance: clear. No blocking findings (security or desktop↔den sync) in this diff (17fc81cea35ee96fb766a02891c35557890d497a). Automated clearance satisfies the required-review gate only — a human still reviews and merges. Analysis run
1 participant
What
Full redesign of the marketing site (
ee/apps/landing) — ElevenLabs-inspired design system on the OpenWork palette, a Cowork parity table, and two new product pages that make the MCP Gateway and Cloud dashboard first-class.Design source of truth: Paper file "OpenWork Extensions — Latest" → page "Landing — openworklabs.com" (artboards Home V5, Connect / MCP Gateway, Cloud / Central Management, Enterprise / Self-Sovereign AI, plus the Motion Spec legend with numbered pins).
Pages
//connect(new)/cloud(new)den-web'sorg-dashboard-shell, BYOK panel, hover-reveal Manage links, staggered status pulses), Connect / Web / everything-speaks-MCP pillar router/enterprise(rework)den-web's realanalytics-screen.tsxpatterns (StatCard borders/tones/typography, pure-div trend chart), SSO/SCIM connection card, self-host command bar, compliance grid. Cal/contact wiring preservedShared kit:
lp-primitives,lp-brand-logos(inline currentColor SVGs),lp-parity-table,lp-gateway-diagram,lp-copy-bar,lp-cta,lp-terminal-story,lp-cloud-console,lp-analytics-panel,lp-sso-card. Nav gains Connect + Cloud; sitemap +agent-markdownupdated. All motion respectsprefers-reduced-motion.Screenshots (local dev render)
Note: screenshots are tall-viewport captures at scrollTop 0, so the fixed grain shader appears at full strength further down the page than real scrolling shows (it fades over the first 500px of scroll via the existing scroll-timeline).
Validation
Ran (from a fresh worktree off
origin/dev, filtered installpnpm install --filter @openwork-ee/landing...):pnpm --dir ee/apps/landing test→ 4/4 passtsc --noEmit -p ee/apps/landing→ 0 errors in changed/new files (pre-existing env errors inpackages/*unchanged, see below)next dev+ headless-Chrome render of/,/connect,/cloud,/enterprise→ all 200, visually verified against the Paper artboards (screenshots above)Known pre-existing failures — identical on clean
origin/devin the same environment, not introduced here (verified by stash-and-rebuild):next buildfails typecheckingpackages/email/src/render-email.ts:8(React 18/19 catalog type clash). Vercel'svercel.jsonbuildCommand (email build → ui build → next build) is the deploy path.scripts/check-connect-installer-parity.mjsasserts "Cloud onboarding must copy the public /mcp/agent endpoint" on clean dev — flagging for whoever owns that guard.Testkit evidence: not applicable —
evals/specs/**covers the OpenWork app runtime; this PR touches only the marketing site. Validation is the type/test checks + rendered-page verification above.Copy claims to confirm before merge