Omar SobhandClaude Opus 4.8
df589b70d4
Re-scanned the live workclaw.com (same content as our prior capture; they redeployed but shipped no landing changes) and rebuilt our landing to mirror its full structure section-for-section, keeping Clawmates branding and honest claims (no borrowed customer logos, no unverified SOC 2). Now matches the real layout: sticky pill nav (Product/Blog/Pricing/FAQ + Sign In + dark Get Started) · light-blue hero with the claws-at-desk art · crew strip (honest stand-in for the customer-logo marquee) · "Multiply your brainpower…" + four trait badges · One-click setup with the create-claw card (Sandy Clawson) · Works where you do with the 13-app icon grid + Slack conversation mockup · Always on (dark, moon + composite art) · Your work, your way skills tiles · Enhanced security (hand-key + key-snap, 4 icon columns) · FAQ on the textured field · two-tier footer (Build your AI crew + dark footer with socials). - Pulled the WorkClaw assets the public capture missed (claws-at-desk, support-claw, slack-convos/cards, always-composite, 13 app icons, security icons, footer-team). Dropped WorkClaw's own logo mark for our PawPrint. - Honest substitutions where WorkClaw's claims aren't ours: no SOC 2 (4th security column is "Air-gappable"; trust pill is "Self-hostable & air-gapped"), and the FAQ keeps our self-host/air-gap positioning. - A11y: consolidated to AA-safe coral-strong (#d23a3a) for button fills and small coral text; axe reports zero serious/critical. - Regenerated the marketing visual baseline. typecheck/lint/build green · p7-marketing (render + a11y) green · @visual green · deployed via Compose and verified live on :3000. Co-Authored-By: Claude Opus 4.8 <[email protected]>
15 lines
2.3 KiB
XML
15 lines
2.3 KiB
XML
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g id="Frame">
|
|
<path id="Vector" d="M19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path id="Vector_2" d="M7.5 8C7.77614 8 8 7.77614 8 7.5C8 7.22386 7.77614 7 7.5 7C7.22386 7 7 7.22386 7 7.5C7 7.77614 7.22386 8 7.5 8Z" fill="var(--fill-0, black)" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path id="Vector_3" d="M7.8999 7.89844L10.5999 10.5984" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path id="Vector_4" d="M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z" fill="var(--fill-0, black)" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path id="Vector_5" d="M13.3999 10.5984L16.0999 7.89844" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path id="Vector_6" d="M7.5 17C7.77614 17 8 16.7761 8 16.5C8 16.2239 7.77614 16 7.5 16C7.22386 16 7 16.2239 7 16.5C7 16.7761 7.22386 17 7.5 17Z" fill="var(--fill-0, black)" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path id="Vector_7" d="M7.8999 16.0984L10.5999 13.3984" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path id="Vector_8" d="M16.5 17C16.7761 17 17 16.7761 17 16.5C17 16.2239 16.7761 16 16.5 16C16.2239 16 16 16.2239 16 16.5C16 16.7761 16.2239 17 16.5 17Z" fill="var(--fill-0, black)" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path id="Vector_9" d="M13.3999 13.3984L16.0999 16.0984" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path id="Vector_10" d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z" stroke="var(--stroke-0, black)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</g>
|
|
</svg>
|