Files

T

Omar SobhandClaude Opus 4.8 48730abd78 docs: design specs + reference assets; move roadmap into docs/

Add the WorkClaw design-reference docs (specs, manifests, tokens, motion,
icon/asset references, gifs) under docs/, and move the platform
spec/PRD/roadmap from the repo root into docs/.

Co-Authored-By: Claude Opus 4.8 <[email protected]>

2026-06-12 22:55:57 -05:00

3.1 KiB

Raw Blame History

WorkClaw — UI Icon & Image Bundle (workclaw-ui-icons.zip)

21 reusable SVG icons/illustrations + integration glyphs. Filenames flatten the path ("__" = "/"). AGENT MASCOT ART AND BRAND LOGOS DELIBERATELY EXCLUDED (see bottom).

INCLUDED (reusable UI assets)

Trust-badge / inline icons

images__marketing__icon-credits.svg — "$100 free credits" badge icon
images__marketing__icon-no-card.svg — "No credit card required" icon
images__marketing__icon-soc2-pill.svg — SOC II pill icon
images__marketing__icon-soc2.svg — SOC 2 security-section icon

Feature line-icons (hand-drawn style)

images__marketing__badge-secure.svg — "Secure"
images__marketing__badge-customizable.svg — "Customizable"
images__marketing__badge-easy.svg — "Easy to use"
images__marketing__badge-teams.svg — "Built for teams"

Security-section icons

images__marketing__icon-admin.svg — Admin controls
images__marketing__icon-vault.svg — Custom-built vault
images__marketing__icon-separation.svg — Separation of data

Skills-section illustrations

images__marketing__skills-center-desktop.svg — large product mockup (~511 KB)
images__marketing__skill-side-top.svg
images__marketing__skill-side-bottom.svg

Decorative / background

images__moon.svg — moon graphic ("Always on" section)
images__marketing__faq-bg.svg — FAQ section background
images__marketing__dot-pattern.svg — dot/noise texture overlay
images__marketing__footer-team.svg — footer team illustration

Integration logos (official 3rd-party brand marks — use OFFICIAL versions, do not recolor)

images__marketing__icon-slack.svg — Slack mark (marketing)
services__chrome.svg — Chrome/Browser app icon (Computer panel)
services__slack.svg — Slack app icon (Computer panel)

NOT downloaded as files but referenced elsewhere

In-app UI glyphs use lucide-react (ISC licensed): message-circle, plus, zap, folder, bell, settings, globe, alert-circle, etc. → install lucide-react, don't copy individual SVGs.
Computer-panel integration logos come from /s.v0/app_*/logo/orig (per-integration official logos) → source from each vendor's brand kit.

EXCLUDED — agent mascot art & brand identity (per your instruction)

These are the proprietary red-muppet agent characters / brand wordmark — REPLACE WITH OUR OWN:

/_next/image hero photo ("four claw characters working at laptops")
/_next/static/media/workclaw-logo-full.*.svg (WorkClaw wordmark/logo)
/images/marketing/footer-logo.svg (footer brand logo)
/images/marketing/security-hand-key.png (mascot hand illustration)
/images/marketing/skills-left.gif, skills-right.gif, key-snap.gif (animated mascot clips)
All agent avatar images in the app (WorkClaw / Morpheus / Sage Claw / Tank Claw faces)

Licensing note

Trust badges, feature line-icons, and decorative graphics are WorkClaw's own marketing assets — treat as references to recreate in our own style, not drop-in production assets, unless we redraw them. Integration logos (Slack/Chrome/etc.) are third-party trademarks: use each vendor's official brand asset and follow their brand guidelines. lucide-react is ISC-licensed and free to use.

3.1 KiB Raw Blame History