# YouTeam Brand Identity

A complete profile of **YouTeam**'s visual system — colors, typography, components, and personality — extracted from https://youteam.io. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/youteam
- Machine-readable JSON: https://characterquilt.com/branding/youteam.json
- Per-page llms.txt: https://characterquilt.com/branding/youteam/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #00CC83 |
| Accent | #00CC83 |
| Body Font | Proxima Nova |
| Heading Font | Proxima Nova |

## Color Palette

- primary: #00CC83
- secondary: #57669A
- accent: #00CC83
- background: #FFFFFF
- textPrimary: #455065
- link: #455065

## Typography

- primary: Proxima Nova — https://fonts.google.com/specimen/Proxima+Nova
- heading: Proxima Nova — https://fonts.google.com/specimen/Proxima+Nova

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20height%3D%2229%22%20viewBox%3D%220%200%2084%2029%22%20width%3D%2284%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-labelledby%3D%22toptal-wordmark-icon-label-navbar-logo%22%20data-fc-idx%3D%220%22%3E%3Ctitle%20id%3D%22toptal-wordmark-icon-label-navbar-logo%22%3EToptal%20brand%20logo%3C%2Ftitle%3E%3Cpath%20d%3D%22m940.151241%202159.9452c2.29703%200%204.252834.88546%205.817478%202.60625%201.581288%201.67068%202.380255%203.9595%202.371997%206.808-.008387%202.79003-.823999%205.22086-2.438578%206.94166-1.597934%201.71244-3.636964%202.58119-6.067155%202.58119-2.105232-.00797-4.005718-.76184-5.267151-2.05819l-.17581-.18886-.016645%207.35097-4.152963-.00836v-.30907l.049935-23.51476%204.127995.00836-.008322%202.8652c1.356579-1.52866%203.545415-3.08239%205.759219-3.08239zm26.598938.05847c2.371933%200%204.01148.53462%205.268188%201.57044%201.204791%201.0024%201.85097%202.78521%201.902658%204.66292l.00329.28228-.025047%2012.1291h-4.202898l-.00013-.50982c-.000391-.51765-.001951-1.05644-.008193-1.59523-1.215095%201.68738-2.9129%202.50601-5.176639%202.50601-1.797676%200-3.312384-.54297-4.427608-1.55373-1.123547-1.02746-1.722773-2.43083-1.714536-4.06809.016313-3.07864%202.192423-5.20436%206.003868-5.87392l.296405-.04863%205.043478-.79357v-.40096c0-.85204-.249677-1.87951-.749032-2.29718-.515999-.43437-1.131869-.80192-2.213804-.80192-2.969539%200-3.571224%202.19502-3.60236%203.29187l-.001313.09125-3.728512.05012c0-1.62056.749031-3.71726%202.272062-5.03709%201.214116-1.05351%202.988523-1.54465%204.705687-1.59879l.321146-.00506zm-16.287272-4.74472%204.136318.00836-.008322%204.95355%203.845028.00835-.008323%203.44995-3.845028-.00836-.016645%209.29731c0%201.01912.216387%201.68739.657483%202.00481.466064.33414%201.414837.02506%201.414837.02506l.374516%203.61702s-1.306644.33413-2.138901.33413c-1.081934%200-1.997417-.27566-2.713158-.81863-1.148515-.86875-1.739418-2.39742-1.731095-4.53588l.016645-9.92382-3.470512-3.46665%203.478835.00836zm-24.435069%207.4011c1.190127%201.2363%202.613287%203.41653%202.605001%206.808-.008359%203.39147-1.431519%205.56335-2.621647%206.79129-1.631224%201.67068-3.845028%202.63132-6.075477%202.63132-.091548%200-.183096%200-.274645-.00836-2.388578-.00835-4.494188-.86039-6.258573-2.53107-1.772708-1.68738-2.671546-4.00962-2.671546-6.92495s.907161-5.23757%202.688191-6.91659c1.756062-1.66233%203.861673-2.50602%206.250251-2.50602%202.36361-.06682%204.668963.90217%206.358445%202.65638zm-9.587603-7.66005v4.10151l-8.006313.00835.016645%2019.55526-4.319415-.00836v-.3759l.033291-19.17935h-8.164443l.008323-4.10151zm59.481418.27566%203.728512.00835v.10025l-.041613%2023.2558-3.720189-.00836v-.10859zm-6.208638%2014.76877-4.144641.70168c-2.022385.34249-2.962835%201.13606-2.971211%202.49766-.007925%201.25684.886031%202.09173%202.271715%202.16647l.183497.00541h.016645c2.649863%200%204.534366-2.07491%204.639398-5.08349l.004597-.24596zm-50.06859-6.34856c-1.389869%200-2.596642.53461-3.570383%201.59549-.957096%201.04417-1.448127%202.43919-1.448127%204.15163s.491031%203.10745%201.439805%204.15163c.97374%201.06923%202.180513%201.60384%203.570383%201.6122%201.414837%200%202.629932-.53462%203.603673-1.5955.982064-1.06923%201.473095-2.46424%201.481418-4.15163.008322-1.69573-.491032-3.09074-1.473095-4.15162-.973741-1.06924-2.188837-1.6122-3.603674-1.6122zm19.51643.1253h-.016645c-1.389869%200-2.546707.50955-3.52877%201.56208-.973741%201.01911-1.464773%202.3473-1.473095%203.95114%200%201.62056.482709%203.07405%201.464772%204.13493.998709%201.02746%202.155546%201.53702%203.537093%201.53702%201.406515%200%202.58832-.51791%203.537093-1.52867.990386-1.05253%201.464772-2.50601%201.473095-4.12657.008323-1.6122-.491032-2.94039-1.45645-3.95115-.940451-1.04417-2.130578-1.57878-3.537093-1.57878z%22%20fill%3D%22%23262d3d%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-896%20-2155)%22%20style%3D%22fill%3A%20rgb(38%2C%2045%2C%2061)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://frontier-assets.toptal.com/992e7e6ce32e8969.svg
- Social card (og:image): https://bs-uploads.toptal.io/blackfish-uploads/components/open_graph_image/8895821/og_image/optimized/Toptal_Developers-7b86b7ed3fed960846d0d0e50af244d2.png

## UI Components

- buttonPrimary: background=#00CC83, textColor=#FFFFFF, borderRadius=4px, shadow=none
- buttonSecondary: background=#57669A, textColor=#FFFFFF, borderRadius=0px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: businesses seeking top freelance developers

## YouTeam Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **11 Best Offshore Developers for Hire in April 2026 | Toptal®**
  - Image: https://bs-uploads.toptal.io/blackfish-uploads/components/blog_post_page/4092587/cover_image/optimized/0304_Beyond_Faster_Better_Cheaper_Lina_Newsletter___blog-353545937a765e5bc8c50d5f5736f867.png
  - Source: https://youteam.io/blog/offshore-developers-rates-in-2020-best-countries-and-best-platforms-to-hire-a-remote-development-team/
- **Dos and Don'ts if You Manage a Remote Team of Developers | Toptal®**
  - Image: https://uploads.toptal.io/blog/image/884/toptal-blog-image-1424878375883.jpg
  - Source: https://youteam.io/blog/category/guide-to-a-remote-tech-team/
- **11 Best Remote Developers for Hire in April 2026 | Toptal®**
  - Image: https://bs-uploads.toptal.io/blackfish-uploads/components/blog_post_page/4092706/cover_image/optimized/0323_Remote_Working_Tools_Lina_Newsletter___blog-52738f031cc26d9a3559c37a720e214f.png
  - Source: https://youteam.io/blog/where-to-find-software-developers-for-remote-work-on-us-projects/
- **11 Best Remote Developers for Hire in April 2026 | Toptal®**
  - Image: https://bs-uploads.toptal.io/blackfish-uploads/components/blog_post_page/4093862/cover_image/optimized/0804-Prioritizing_Work_for_Your_Engineering_Team-Walek_2_Newsletter___blog-3e003041462cb5420f30dcbd382c6f62.png
  - Source: https://youteam.io/blog/where-to-find-software-developers-for-remote-work-on-us-projects/
- **11 Best Freelance Java Developers for Hire in April 2026 | Toptal®**
  - Image: https://bs-uploads.toptal.io/blackfish-uploads/components/blog_post_page/4093796/cover_image/optimized/0323-Wannabe_Zoom_Towns_Find_Hope_in_Push_For_Better_Rural_Broadband-Luke_cover-055b41e9edb8bf6c0d828507c4bf87bd.png
  - Source: https://youteam.io/blog/hire-java-developers-comprehensive-guide/
- **5 Lessons From Fast-growing Tech, Energy, and Fintech Companies | Toptal®**
  - Image: https://bs-uploads.toptal.io/blackfish-uploads/components/blog_post_page/5666323/cover_image/regular_1708x683/0224_Insights_What_Enterprise_Executives_Lina_Newsletter___blog-83630a640647bc6395949041b1e51e29.png
  - Source: http://youteam.io/blog/top-fastest-growing-industries-2019/

## 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": "Proxima Nova",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#00CC83",
    "secondary": "#57669A",
    "accent": "#00CC83",
    "background": "#FFFFFF",
    "textPrimary": "#455065",
    "link": "#455065"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Proxima Nova",
      "heading": "Proxima Nova"
    },
    "fontStacks": {
      "heading": [
        "Proxima Nova",
        "proxima-nova",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Proxima Nova",
        "proxima-nova",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Proxima Nova",
        "proxima-nova",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "52px",
      "h2": "52px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#00CC83",
      "textColor": "#FFFFFF",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#57669A",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20height%3D%2229%22%20viewBox%3D%220%200%2084%2029%22%20width%3D%2284%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-labelledby%3D%22toptal-wordmark-icon-label-navbar-logo%22%20data-fc-idx%3D%220%22%3E%3Ctitle%20id%3D%22toptal-wordmark-icon-label-navbar-logo%22%3EToptal%20brand%20logo%3C%2Ftitle%3E%3Cpath%20d%3D%22m940.151241%202159.9452c2.29703%200%204.252834.88546%205.817478%202.60625%201.581288%201.67068%202.380255%203.9595%202.371997%206.808-.008387%202.79003-.823999%205.22086-2.438578%206.94166-1.597934%201.71244-3.636964%202.58119-6.067155%202.58119-2.105232-.00797-4.005718-.76184-5.267151-2.05819l-.17581-.18886-.016645%207.35097-4.152963-.00836v-.30907l.049935-23.51476%204.127995.00836-.008322%202.8652c1.356579-1.52866%203.545415-3.08239%205.759219-3.08239zm26.598938.05847c2.371933%200%204.01148.53462%205.268188%201.57044%201.204791%201.0024%201.85097%202.78521%201.902658%204.66292l.00329.28228-.025047%2012.1291h-4.202898l-.00013-.50982c-.000391-.51765-.001951-1.05644-.008193-1.59523-1.215095%201.68738-2.9129%202.50601-5.176639%202.50601-1.797676%200-3.312384-.54297-4.427608-1.55373-1.123547-1.02746-1.722773-2.43083-1.714536-4.06809.016313-3.07864%202.192423-5.20436%206.003868-5.87392l.296405-.04863%205.043478-.79357v-.40096c0-.85204-.249677-1.87951-.749032-2.29718-.515999-.43437-1.131869-.80192-2.213804-.80192-2.969539%200-3.571224%202.19502-3.60236%203.29187l-.001313.09125-3.728512.05012c0-1.62056.749031-3.71726%202.272062-5.03709%201.214116-1.05351%202.988523-1.54465%204.705687-1.59879l.321146-.00506zm-16.287272-4.74472%204.136318.00836-.008322%204.95355%203.845028.00835-.008323%203.44995-3.845028-.00836-.016645%209.29731c0%201.01912.216387%201.68739.657483%202.00481.466064.33414%201.414837.02506%201.414837.02506l.374516%203.61702s-1.306644.33413-2.138901.33413c-1.081934%200-1.997417-.27566-2.713158-.81863-1.148515-.86875-1.739418-2.39742-1.731095-4.53588l.016645-9.92382-3.470512-3.46665%203.478835.00836zm-24.435069%207.4011c1.190127%201.2363%202.613287%203.41653%202.605001%206.808-.008359%203.39147-1.431519%205.56335-2.621647%206.79129-1.631224%201.67068-3.845028%202.63132-6.075477%202.63132-.091548%200-.183096%200-.274645-.00836-2.388578-.00835-4.494188-.86039-6.258573-2.53107-1.772708-1.68738-2.671546-4.00962-2.671546-6.92495s.907161-5.23757%202.688191-6.91659c1.756062-1.66233%203.861673-2.50602%206.250251-2.50602%202.36361-.06682%204.668963.90217%206.358445%202.65638zm-9.587603-7.66005v4.10151l-8.006313.00835.016645%2019.55526-4.319415-.00836v-.3759l.033291-19.17935h-8.164443l.008323-4.10151zm59.481418.27566%203.728512.00835v.10025l-.041613%2023.2558-3.720189-.00836v-.10859zm-6.208638%2014.76877-4.144641.70168c-2.022385.34249-2.962835%201.13606-2.971211%202.49766-.007925%201.25684.886031%202.09173%202.271715%202.16647l.183497.00541h.016645c2.649863%200%204.534366-2.07491%204.639398-5.08349l.004597-.24596zm-50.06859-6.34856c-1.389869%200-2.596642.53461-3.570383%201.59549-.957096%201.04417-1.448127%202.43919-1.448127%204.15163s.491031%203.10745%201.439805%204.15163c.97374%201.06923%202.180513%201.60384%203.570383%201.6122%201.414837%200%202.629932-.53462%203.603673-1.5955.982064-1.06923%201.473095-2.46424%201.481418-4.15163.008322-1.69573-.491032-3.09074-1.473095-4.15162-.973741-1.06924-2.188837-1.6122-3.603674-1.6122zm19.51643.1253h-.016645c-1.389869%200-2.546707.50955-3.52877%201.56208-.973741%201.01911-1.464773%202.3473-1.473095%203.95114%200%201.62056.482709%203.07405%201.464772%204.13493.998709%201.02746%202.155546%201.53702%203.537093%201.53702%201.406515%200%202.58832-.51791%203.537093-1.52867.990386-1.05253%201.464772-2.50601%201.473095-4.12657.008323-1.6122-.491032-2.94039-1.45645-3.95115-.940451-1.04417-2.130578-1.57878-3.537093-1.57878z%22%20fill%3D%22%23262d3d%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-896%20-2155)%22%20style%3D%22fill%3A%20rgb(38%2C%2045%2C%2061)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://frontier-assets.toptal.com/992e7e6ce32e8969.svg",
    "ogImage": "https://bs-uploads.toptal.io/blackfish-uploads/components/open_graph_image/8895821/og_image/optimized/Toptal_Developers-7b86b7ed3fed960846d0d0e50af244d2.png",
    "logoHref": "https://www.toptal.com/developers",
    "logoAlt": "Toptal brand logo"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #1 because it is visible, medium-sized, located in the header, and has alt text matching the brand 'Toptal'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 1,
      "text": "Start Hiring",
      "reasoning": "Button #1 'Start Hiring' uses the vibrant brand color #00CC83 and has strong CTA text, making it the primary call-to-action."
    },
    "secondary": {
      "index": 2,
      "text": "View full profile",
      "reasoning": "Button #2 'View full profile' uses a different vibrant color #57669A, making it suitable as a secondary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "businesses seeking top freelance developers"
  },
  "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": 1,
        "selectedLogoReasoning": "Selected #1 because it is visible, medium-sized, located in the header, and has alt text matching the brand 'Toptal'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```