# 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**
  - Image: https://storage.ghost.io/c/40/4b/404bc0e1-cf4c-4c75-9a9a-80f1ed2bc207/content/images/2025/08/image-5.png
  - Source: https://blog.crew.work/en/6-bullhorn-alternatives-agencies-should-test-in-2025
- **Best practices to source talents in Web3**
  - Image: https://crew.ghost.io/content/images/2023/03/CREW---Recruiting-CRM.png
  - Source: https://blog.crew.work/en/crew-goes-behind-the-scenes-of-what-it-takes-to-win-at-talent-in-web3-0
- **X-ray search: How to find talents using Google ?**
  - Image: https://booleanstrings.com/wp-content/uploads/2022/10/linkedin.search.leads_.webp
  - Source: https://blog.crew.work/en/x-ray-search-how-to-use-google-to-accurately-find-talent-anywhere-on-the-web
- **Sourcing : Rechercher des talents sur Twitter**
  - Image: https://crew.ghost.io/content/images/2022/11/image-12.png
  - Source: https://blog.crew.work/fr/4-facons-simples-de-rechercher-des-talents-sur-twitter
- **How to ace your recruiting kickoff meetings? (template)**
  - Image: https://storage.ghost.io/c/40/4b/404bc0e1-cf4c-4c75-9a9a-80f1ed2bc207/content/images/2022/09/Capture-d-e-cran-2022-09-27-a--18.35.51.png
  - Source: https://blog.crew.work/en/recruiting-kick-off-brief
- **Best practices to source talents in Web3**
  - Image: https://crew.ghost.io/content/images/2023/03/How-web3-companies-hire.png
  - Source: https://blog.crew.work/en/crew-goes-behind-the-scenes-of-what-it-takes-to-win-at-talent-in-web3-0

## 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:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. 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.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Circular Std",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#6B7280",
    "secondary": "#020617",
    "accent": "#668AFF",
    "background": "#F8FAFC",
    "textPrimary": "#808693",
    "link": "#808693"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Circular Std",
      "heading": "Circular Std"
    },
    "fontStacks": {
      "heading": [
        "circularStd",
        "circularStd Fallback",
        "Arial",
        "Helvetica",
        "sans-serif"
      ],
      "body": [
        "circularStd",
        "circularStd Fallback",
        "Arial",
        "Helvetica",
        "sans-serif"
      ],
      "paragraph": [
        "circularStd",
        "circularStd Fallback",
        "Arial",
        "Helvetica",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "20px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "5px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#000000",
      "borderColor": "#EFF1F4",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "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",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "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",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "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"
    }
  },
  "images": {
    "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",
    "ogImage": "https://crew.work/opengraph-image.png?9fa7fae072ce6a01",
    "logoHref": "https://crew.work"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 11,
    "reasoning": "Selected #11 because it is located in the header, is visible, and links to the homepage, which are strong indicators of the main brand logo.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Try Crew",
      "reasoning": "Button #0 with text 'Try Crew' has a vibrant blue background (#668AFF), which is a strong indicator of a primary CTA. The text is action-oriented, encouraging users to try the service."
    },
    "secondary": {
      "index": 1,
      "text": "Try Crew",
      "reasoning": "Button #1 also has the text 'Try Crew' but with a white background, making it a suitable secondary option as it contrasts with the primary button's vibrant color."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "recruitment professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 11,
        "selectedLogoReasoning": "Selected #11 because it is located in the header, is visible, and links to the homepage, which are strong indicators of the main brand logo.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```