crew.json
Crew Brand Identity
A complete profile of Crew's visual system — colors, typography, components, and personality — extracted from https://crew.work/. Built for designers, agents, and AI tools.
- Page: https://characterquilt.com/branding/crew
- Machine-readable JSON: https://characterquilt.com/branding/crew.json
- Per-page llms.txt: https://characterquilt.com/branding/crew/llms.txt
Quick Facts
| Field | Value |
|---|---|
| Primary | #6B7280 |
| Accent | #668AFF |
| Body Font | Circular Std |
| Heading Font | Circular Std |
Color Palette
- primary: #6B7280
- secondary: #020617
- accent: #668AFF
- background: #F8FAFC
- textPrimary: #808693
- link: #808693
Typography
- primary: Circular Std — https://fonts.google.com/specimen/Circular+Std
- heading: Circular Std — https://fonts.google.com/specimen/Circular+Std
Visual Assets
- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20125%2030%22%20class%3D%22h-6%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M33.506%2027.099V2.924h5.725v3.348c1.527-2.648%205.39-3.972%208.476-3.972%201.068%200%202.85.357%203.766.684l-.504%205.58c-4.818-1.451-11.508.584-11.508%206.771v11.83l-5.955-.066ZM65.04%207.21c-1.7%200-3.138.491-4.316%201.473-1.178.983-1.961%202.322-2.348%204.018h12.97c-.24-1.696-.933-3.035-2.08-4.018-1.149-.982-2.557-1.472-4.226-1.472Zm12.03%207.322c0%20.655-.06%201.517-.179%202.588H58.376c.387%201.668%201.2%203.014%202.438%204.04%201.236%201.027%202.899%201.54%204.986%201.54%202.952%200%205.62-.832%208.006-2.5l2.325%204.152C73.119%2026.584%2069.6%2027.7%2065.576%2027.7c-2.206%200-4.166-.357-5.88-1.072-1.716-.714-3.094-1.673-4.138-2.879a12.407%2012.407%200%200%201-2.347-4.018c-.522-1.472-.783-3.042-.783-4.709%200-3.66%201.17-6.688%203.511-9.084%202.34-2.395%205.373-3.593%209.1-3.593%203.518%200%206.403%201.093%208.654%203.28%202.252%202.188%203.377%205.156%203.377%208.907ZM86.507%2027.12%2078.233%202.925h6.083l5.098%2016.427%205.77-16.427h4.07l5.903%2016.427%204.963-16.427h6.083l-8.139%2024.195h-5.054l-5.77-15.847-5.68%2015.847h-5.053Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23688AFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.66%2012.065c.347-.835.85-1.59%201.52-2.266.192-.195.394-.373.601-.54H3.255c-.417.875-.728%201.81-.93%202.806h9.335ZM13.698%2020.788a7.045%207.045%200%200%201-2.055-2.806H2.329c.203.994.515%201.93.933%202.806h10.437ZM.062%2013.62a15.905%2015.905%200%200%200%20.001%202.807h11.15a8.705%208.705%200%200%201-.113-1.405c0-.487.041-.952.117-1.402H.062Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(104%2C%20138%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.21%207.703v.006c.06-.001.119-.008.179-.008%201.342%200%202.572.343%203.69%201.027%201.118.685%202.036%201.623%202.75%202.812l4.741-2.544c-.984-2.113-2.49-3.75-4.517-4.91-2.028-1.161-4.279-1.741-6.753-1.741-3.847%200-6.977%201.183-9.392%203.549a11.99%2011.99%200%200%200-1.516%201.81H18.21Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cmask%20id%3D%22a%22%20width%3D%2223%22%20height%3D%2210%22%20x%3D%227%22%20y%3D%2218%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3A%20alpha%3B%20fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.402%2018.549h22.079v9.15H7.402v-9.15Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.035%2021.294c-1.208.7-2.483%201.05-3.824%201.05H7.402c.43.629.921%201.226%201.484%201.784%202.4%202.382%205.479%203.572%209.235%203.572%202.475%200%204.726-.58%206.754-1.742%202.027-1.16%203.562-2.707%204.606-4.642l-4.74-2.767c-.598%201.13-1.499%202.045-2.706%202.745Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M117.149%2021.423a2.847%202.847%200%200%200-2.853%202.841%202.847%202.847%200%200%200%202.853%202.841%202.846%202.846%200%200%200%202.851-2.84%202.846%202.846%200%200%200-2.851-2.842Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://crew.work/favicon.ico
- Social card (og:image): https://crew.work/opengraph-image.png?9fa7fae072ce6a01
UI Components
- input: background=transparent, textColor=#000000, borderColor=#EFF1F4, borderRadius=6px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px
- buttonPrimary: background=#668AFF, textColor=#F9FAFB, borderRadius=9999px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px
- buttonSecondary: background=#FFFFFF, textColor=#020617, borderColor=#E5E7EB, borderRadius=9999px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.06) 0px 6px 4px -4px
Brand Personality
Tone: professional · Energy: medium · Audience: recruitment professionals
Crew Brand in the Wild
Real-world brand assets — ads, campaigns, marketing materials.
- 6 Bullhorn Alternatives Agencies Should Test in 2025
- Best practices to source talents in Web3
- X-ray search: How to find talents using Google ?
- Sourcing : Rechercher des talents sur Twitter
- How to ace your recruiting kickoff meetings? (template)
- Best practices to source talents in Web3
Working with these fonts
Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:
CharacterQuilt.com suggests this flow that can help:
- Open the company's homepage in a browser with DevTools open.
- In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
- Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
- For each captured font URL: right-click → Save As to download the file locally.
- View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each
src: url(...)to point to your local file path.
Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.
Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.