Visual identity and brand guidelines for the effectorHQ ecosystem.
We build hands for AI that moves first.
| File | Contents |
|---|---|
| colors.md | Color system — primaries, neutrals, semantics, usage rules |
| typography.md | Type scale, font families, pairing rules |
| usage.md | Logo usage, spacing, do's and don'ts |
logos/ |
Logo files (SVG, PNG) — mark, wordmark, lockup variants |
templates/ |
README header, social banners, OG image templates |
| Role | Hex | Usage |
|---|---|---|
| Claw Red | #E03E3E |
Primary accent, CTA, brand mark |
| Signal Orange | #F27A3A |
Secondary accent, highlights, hover states |
| Charcoal | #1A1A1A |
Backgrounds, primary text on light |
| Bone | #F5F0EB |
Light backgrounds, inverse text |
| Slate | #6B7280 |
Secondary text, borders, muted elements |
| Role | Family | Weight |
|---|---|---|
| Headings | Inter | 600, 700 |
| Body | Inter | 400, 500 |
| Code | JetBrains Mono | 400, 500 |
The visual identity follows three rules:
- Functional first — Every element earns its place. No decoration without purpose.
- Warm industrial — Technical precision paired with approachable warmth. Sharp grids, generous spacing, rounded touch points.
- Open by default — The brand kit is MIT-licensed. Fork it, adapt it, make it yours.
If you're building an Effector, a tutorial, or a community project — you're welcome to use these assets. The only ask: don't imply official endorsement unless you've coordinated with us.
See usage.md for detailed guidelines.
MIT — same as everything else in effectorHQ.