thirdlayer

ThirdLayer Brand Identity

A complete profile of ThirdLayer's visual system — colors, typography, components, and personality — extracted from https://joindex.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://joindex.com.

Typography

Each font links to its Google Fonts page where available.

UI Components

Live previews rendered using ThirdLayer's actual button styles.

Button Primary

Button Secondary

Brand Personality

ThirdLayer Brand in the Wild

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

Frequently Asked Questions

  1. What is ThirdLayer's primary brand color?
    • ThirdLayer's primary brand color is #4C80EB. It anchors the visual identity across their website, product UI, and marketing materials.
  2. What font does ThirdLayer use?
    • ThirdLayer uses Aeonik Pro for body text and Feature Display Web for headings.
  3. Does ThirdLayer use a light or dark theme?
    • ThirdLayer's primary site uses a light color scheme, with a background of #F4F4F6.
  4. Where can I find ThirdLayer's logo?
  5. How was this brand profile generated?
    • This profile was extracted from https://joindex.com using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Aeonik Pro",
      "role": "body"
    },
    {
      "family": "Feature Display Web",
      "role": "display"
    }
  ],
  "colors": {
    "primary": "#4C80EB",
    "accent": "#4C80EB",
    "background": "#F4F4F6",
    "textPrimary": "#171717",
    "link": "#4C80EB"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Aeonik Pro",
      "heading": "Feature Display Web"
    },
    "fontStacks": {
      "heading": [
        "Feature Display Web",
        "ui-serif",
        "Georgia",
        "serif"
      ],
      "body": [
        "Aeonik Pro",
        "ui-sans-serif",
        "system-ui",
        "sans-serif"
      ],
      "paragraph": [
        "Aeonik Pro",
        "ui-sans-serif",
        "system-ui",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "20px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#171717",
      "textColor": "#FFFFFF",
      "borderRadius": "33554400px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0A0A0A",
      "borderRadius": "0px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2084%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22aspect-84%2F32%20h-%5B32px%5D%20!h-%5B26px%5D%20w-auto%20text-black%20transition-opacity%20hover%3Aopacity-90%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.3313%200.522771L18.2844%209.23656C18.2831%209.47125%2018.18%209.69383%2018.0018%209.84657C17.7444%2010.0672%2017.3767%2010.104%2017.0807%209.93868L14.8599%208.69849C14.1228%208.28687%2013.225%208.28715%2012.4881%208.69923L0.441566%2015.4364C0.168906%2015.5889%200%2015.8769%200%2016.1893C0%2016.5022%200.169487%2016.7906%200.442886%2016.9429L2.75279%2018.2294C3.52324%2018.6585%204.00086%2019.4713%204.00086%2020.3531V22.9853C4.00086%2023.8566%204.46717%2024.6613%205.22315%2025.0945L17.0974%2031.8988C17.3566%2032.0474%2017.6786%2032.0313%2017.9217%2031.8576C18.117%2031.7182%2018.2354%2031.4951%2018.2415%2031.2552L18.318%2028.2748C18.3278%2027.8905%2018.449%2027.5173%2018.6668%2027.2005C18.8142%2026.986%2019.0025%2026.8026%2019.2207%2026.6607L25.1816%2022.7847C25.8712%2022.3362%2026.2873%2021.5694%2026.2873%2020.7467V5.7351C26.2873%204.87991%2025.8379%204.08763%2025.104%203.64874L19.1266%200.0744965C18.9785%20-0.0140456%2018.7964%20-0.0242803%2018.6393%200.047112C18.4526%200.131978%2018.3324%200.317688%2018.3313%200.522771ZM11.4737%2012.7785L11.3451%2022.0504C11.342%2022.2724%2011.5141%2022.4781%2011.7943%2022.5874L16.815%2024.5454C17.4013%2024.7741%2018.1282%2024.4846%2018.1345%2024.0199L18.2627%2014.5973C18.2658%2014.3679%2018.0822%2014.1567%2017.7875%2014.0506L12.7671%2012.2434C12.1816%2012.0326%2011.48%2012.3229%2011.4737%2012.7785Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M36.7146%2021.6956V9.1653H38.7826L44.3905%209.14777C46.6571%209.14777%2048.4154%209.67936%2049.6655%2010.7425C50.9156%2011.8057%2051.5407%2013.3654%2051.5407%2015.4217C51.5407%2017.4779%2050.9156%2019.0376%2049.6655%2020.1008C48.4154%2021.164%2046.6571%2021.6956%2044.3905%2021.6956H36.7146ZM44.1977%2011.426H39.5186V19.4174H44.1977C45.6698%2019.4174%2046.7856%2019.0961%2047.545%2018.4535C48.3044%2017.8109%2048.6841%2016.8003%2048.6841%2015.4217C48.6841%2014.0314%2048.3044%2013.0208%2047.545%2012.3899C46.7856%2011.7473%2045.6698%2011.426%2044.1977%2011.426Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M53.2982%2021.6956V9.1653H67.0377V11.4435H56.1022V14.2125H66.0213V16.4907H56.1022V19.4174H67.0377V21.6956H53.2982Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M67.9062%2021.6956L72.6028%2015.4392L67.9062%209.1653H71.3235L75.0914%2014.3001H76.7036L80.4715%209.1653H83.8888L79.1922%2015.4392L83.8888%2021.6956H80.454L76.7036%2016.5783H75.0914L71.341%2021.6956H67.9062Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.joindex.com/favicon.ico",
    "ogImage": "https://joindex.com/og/og.webp",
    "logoHref": "/"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy professionals"
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  }
}