blackbird.json

Blackbird Brand Identity

A complete profile of Blackbird's visual system — colors, typography, components, and personality — extracted from https://www.blackbird.xyz/. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #374151
Accent #FFFFFF
Body Font Inter
Heading Font Inter

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy individuals interested in innovative solutions

Blackbird Brand in the Wild

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

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

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Source Code Pro",
      "role": "monospace"
    },
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Gronland",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#374151",
    "secondary": "#44BB97",
    "accent": "#FFFFFF",
    "background": "#141414",
    "textPrimary": "#141414",
    "link": "#6B7280"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "system-ui",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "system-ui",
        "sans-serif"
      ],
      "paragraph": [
        "Gronland",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "77px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "16px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#FCFCFC",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#141414",
      "textColor": "#FFFFFF",
      "borderColor": "#8A8A8A",
      "borderRadius": "50px",
      "borderRadiusCorners": {
        "topLeft": "50px",
        "topRight": "50px",
        "bottomRight": "50px",
        "bottomLeft": "50px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%22%20height%3D%2238%22%20viewBox%3D%220%200%20353%2038%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H14.298C24.2838%200%2028.9209%203.36512%2028.9209%209.68545C28.9209%2013.6985%2026.8899%2016.2967%2023.3967%2017.6553C27.6211%2018.8982%2029.8958%2021.9195%2029.8958%2026.2796C29.8958%2032.0678%2026.5292%2036.7948%2015.4418%2036.7948H0V0ZM6.6843%204.78322V15.4703H16.5467C20.8978%2015.4703%2021.9929%2015.4703%2021.9929%2010.9846V9.68876C21.9929%204.78322%2021.122%204.78322%2015.9227%204.78322H6.6843ZM22.8053%2026.8118V25.159C22.8053%2020.0816%2021.4795%2020.0816%2016.7774%2020.0816H6.6843V32.0083H16.5467C21.3072%2032.0083%2022.8053%2032.0083%2022.8053%2026.8118ZM42.5439%200H49.385V31.8893H66.6905L64.5508%2036.7948H42.5439V0ZM221.269%200H206.971V36.7948H222.409C233.5%2036.7948%20236.866%2032.0706%20236.866%2026.282C236.866%2021.9116%20234.592%2018.8999%20230.367%2017.6569C233.861%2016.2981%20235.892%2013.6997%20235.892%209.68632C235.892%203.36542%20231.254%200%20221.269%200ZM213.655%2015.4717V4.78365L222.877%204.78696C228.102%204.78696%20228.964%204.78696%20228.964%209.68963V10.9855C228.964%2015.4717%20227.872%2015.4717%20223.517%2015.4717H213.655ZM229.789%2025.1613V26.8143C229.789%2032.0111%20228.278%2032.0111%20223.517%2032.0111H213.655V20.0834H223.758C228.46%2020.0834%20229.789%2020.0834%20229.789%2025.1613ZM252.964%200H258.713V36.7948H252.964V0ZM292.168%200H275.961V36.7948H282.636V20.3725H292.455C297.341%2020.3725%20298.194%2022.3823%20298.194%2026.5738V36.7948H304.879V26.1606C304.879%2021.9691%20303.557%2019.6651%20300.34%2018.247C301.943%2017.659%20303.333%2016.5789%20304.32%2015.1529C305.306%2013.7268%20305.843%2012.0236%20305.857%2010.2739C305.857%203.07753%20300.504%200%20292.168%200ZM282.636%2015.5298V4.84273H291.882C296.765%204.84273%20298.654%204.84272%20298.654%209.56645V11.563C298.654%2015.5298%20297.225%2015.5298%20293.664%2015.5298H282.636ZM320.805%200H332.465C345.977%200%20353.06%207.03026%20353%2018.6074C352.88%2030.7797%20345.56%2036.7948%20332.704%2036.7948H320.805V0ZM345.017%2019.907V16.4216C345.017%204.84777%20340.623%204.84777%20332.691%204.84777H327.694V31.9007H332.744L332.986%2031.9008C341.175%2031.9019%20345.017%2031.9024%20345.017%2019.907ZM196.734%200L179.714%2014.2617L197.772%2036.7948H189.46L174.673%2018.4834L169.167%2023.0687V36.7948H166.822H162.127V0H166.822H169.167V16.8469L188.914%200H196.734ZM103.15%2036.7948H110.384L94.6525%200H88.4551L72.4396%2036.7948H78.2097L82.5936%2026.5474H98.8472L103.15%2036.7948ZM84.6909%2021.6419L90.7971%207.37483L96.7858%2021.6352L84.6909%2021.6419ZM151.748%2026.0251H145.693C144.78%2032.8%20139.103%2032.9634%20136.313%2033.0437C136.255%2033.0454%20136.198%2033.047%20136.143%2033.0487H135.729H135.339H134.942H134.528C131.171%2032.9999%20128.681%2032.616%20127.151%2030.6023C126%2029.0798%20125.398%2026.6172%20125.398%2022.6581V15.2735C125.398%2011.2982%20126%208.83228%20127.161%207.30981C128.692%205.30913%20131.181%204.93176%20134.528%204.87971H134.942H135.729H136.143L136.198%204.88184C138.937%204.98655%20144.768%205.20943%20145.7%2012.0366H151.778C150.88%204.25511%20144.542%200%20135.487%200H135.184C125.392%200%20119.915%205.16599%20118.209%2012.0529C117.573%2014.2971%20117.261%2016.616%20117.284%2018.943C117.266%2021.098%20117.527%2023.2466%20118.061%2025.3387C119.609%2032.4143%20125.099%2037.9446%20135.191%2037.9446H135.493C144.791%2037.9446%20150.857%2033.4651%20151.748%2026.0251Z%22%20fill%3D%22%23FFFFFF%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.blackbird.xyz/favicon.ico",
    "ogImage": "https://www.blackbird.xyz/opengraph-image.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #1 because it is a medium-sized, visible logo that links to the homepage, aligning with the brand 'Blackbird'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Join Blackbird",
      "reasoning": "Button #0 'Join Blackbird' is likely the primary CTA due to its prominent placement, action-oriented text, and contrasting white background, which stands out against the dark theme of the site."
    },
    "secondary": {
      "index": 2,
      "text": "Read the Flynet Operating Statement",
      "reasoning": "Button #2 'Read the Flynet Operating Statement' serves as a secondary action with a dark background and outlined style, differentiating it from the primary button."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy individuals interested in innovative solutions"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": "unknown"
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 1,
        "selectedLogoReasoning": "Selected #1 because it is a medium-sized, visible logo that links to the homepage, aligning with the brand 'Blackbird'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}