Omar SobhandClaude Opus 4.8
48730abd78
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]>
54 lines
3.1 KiB
Markdown
54 lines
3.1 KiB
Markdown
# 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.
|