Brand
ZeroClaw brand assets, color scheme, typography, and social links. Use for consistent marketing, swag, and partner materials.
Color scheme
Dark theme with electric blue accent and silver/grey text. All values as CSS variables in styles.css.
| Variable | Value | Use |
|---|---|---|
--bg | #0a0e14 | Page background |
--bg-elevated | #111820 | Cards, elevated surfaces |
--bg-card | #161d28 | Card backgrounds |
--text | #e2e8f0 | Primary text |
--text-muted | #94a3b8 | Secondary text |
--text-silver | #a8b5c4 | Tertiary, labels |
--accent | #00b8ff | Links, accent, CTA |
--accent-hover | #38c8ff | Hover state |
--accent-dim | rgba(0,184,255,0.15) | Subtle highlight |
--border | #1e293b | Borders |
--star | #f0c14b | Star badge, emphasis |
--radius | 10px | Corner radius |
--radius-sm | 6px | Small radius |
Theme color (meta, PWA): #0a0e14
Typography & fonts
Font stack: system-ui, -apple-system, Segoe UI, Roboto, sans-serif
System fonts for fast loading and native feel. No webfonts.
- Base size: 1rem (16px)
- Line height: 1.6
- Hero title: clamp(1.65rem, 4vw, 2.35rem), font-weight 700
- Section titles: ~1.5rem, font-weight 600–700
- Code: 0.85em, monospace implied via
codestyling - Small text: 0.85–0.95rem for muted/secondary
Assets — what to upload
Place files in landing/assets/. Ensure these exist for the site to render correctly.
| File | Size | Use |
|---|---|---|
zeroclaw_icon.png | 48×48 | Header logo, favicon fallback |
logo.png | 280×94 | Hero logo (armored crab, electric blue glow) |
zeroclaw_meta.png | 1500×900 | Open Graph, Twitter card |
favicon.ico | Various | Legacy favicon |
favicon.svg | Scalable | Modern favicon |
favicon-96x96.png | 96×96 | PNG favicon |
apple-touch-icon.png | 180×180 | iOS home screen |
web-app-manifest-192x192.png | 192×192 | PWA icon (maskable) |
web-app-manifest-512x512.png | 512×512 | PWA icon (maskable) |
Repo root (README): zeroclaw.png — 200px width for GitHub README.
Optional: zero-claw.jpeg — comparison/benchmark image.
Badge: "Powered by ZeroClaw" — for ecosystem projects, Kickstarter campaigns, partners. Create SVG/PNG in accent color on transparent or dark bg.
Social & links
| Platform | URL |
|---|---|
| GitHub | github.com/zeroclaw-labs/zeroclaw |
| X (Twitter) | x.com/zeroclawlabs / @zeroclawlabs |
| linkedin.com/company/zeroclaw | |
| Discord | discord.gg/zeroclaw |
| Website | zeroclaw.dev |
| Company site | zeroclawlabs.ai |
Tagline: Deploy anywhere. Swap anything.
Short: Zero overhead. Zero compromise.
CSS variables (copy-paste)
--bg: #0a0e14
--bg-elevated: #111820
--bg-card: #161d28
--text: #e2e8f0
--text-muted: #94a3b8
--text-silver: #a8b5c4
--accent: #00b8ff
--accent-dim: rgba(0, 184, 255, 0.15)
--accent-hover: #38c8ff
--border: #1e293b
--border-subtle: #1a2332
--star: #f0c14b
--radius: 10px
--radius-sm: 6px
--font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif