llms.txt

Cercli Brand Identity

A complete profile of Cercli's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #D7BF9D
Accent #D6ECC5
Body Font Switzer
Heading Font Switzer

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: HR professionals and recruiters

Cercli Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Here are instructions that you can follow if you have permission to use the fonts:

  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": "light",
  "fonts": [
    {
      "family": "Switzer",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#D7BF9D",
    "secondary": "#CCF3F3",
    "accent": "#D6ECC5",
    "background": "#FFFFFF",
    "textPrimary": "#2E2E2E",
    "link": "#D6ECC5"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Switzer",
      "heading": "Switzer"
    },
    "fontStacks": {
      "heading": [
        "Switzer",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Switzer",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Switzer",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "16px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#D6ECC5",
      "textColor": "#2E2E2E",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "rgba(0, 0, 0, 0.15) 0px 0px 3px 0px"
    },
    "buttonSecondary": {
      "background": "#3C5A64",
      "textColor": "#CCF3F3",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "rgba(0, 0, 0, 0.15) 0px 0px 3px 0px"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20104%2037%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%20%20%3Cpath%20d%3D%22M93.3015%200.5H85.5156V35.7648H93.3015V0.5Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(46%2C%2046%2C%2046)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M33.1149%209.98047C29.2378%209.98047%2026.0541%2011.2405%2023.5657%2013.7587C21.0773%2016.277%2019.834%2019.4141%2019.834%2023.17C19.834%2026.9259%2021.0847%2030.1022%2023.5899%2032.6037C26.0933%2035.107%2029.3292%2036.5003%2033.2994%2036.5003C36.2296%2036.5003%2038.8336%2035.627%2041.1077%2034.1619C43.3818%2032.6968%2044.9326%2030.4824%2045.7565%2027.5206H37.7413C37.4356%2028.406%2036.8858%2029.1012%2036.0936%2029.6045C35.2995%2030.1078%2034.3675%2030.3594%2033.2994%2030.3594C31.8344%2030.3594%2030.5892%2029.8934%2029.5677%2028.9633C28.5444%2028.0332%2027.9423%2026.6501%2027.7578%2024.8178H46.1237C46.5207%2020.635%2045.4825%2017.1158%2043.009%2014.262C40.5355%2011.4082%2037.2381%209.98047%2033.1168%209.98047H33.1149ZM27.9871%2020.1019C28.7196%2017.3544%2030.414%2015.9806%2033.0702%2015.9806C34.4141%2015.9806%2035.5046%2016.3553%2036.3452%2017.1027C37.184%2017.852%2037.7413%2018.8511%2038.0172%2020.1019H27.9871Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(46%2C%2046%2C%2046)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M98.9814%209.52916C101.474%209.52916%20103.496%207.50791%20103.496%205.01458C103.496%202.52125%20101.474%200.5%2098.9814%200.5C96.4881%200.5%2094.4668%202.52125%2094.4668%205.01458C94.4668%207.50791%2096.4881%209.52916%2098.9814%209.52916Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(46%2C%2046%2C%2046)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M102.874%2010.5742H95.0879V35.7642H102.874V10.5742Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(46%2C%2046%2C%2046)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M13.6127%2029.3827C9.90896%2029.3827%206.89676%2026.6053%206.89676%2023.1905C6.89676%2019.7757%209.90896%2016.9984%2013.6127%2016.9984C15.4413%2016.9984%2017.1002%2017.6768%2018.3118%2018.7729C18.9195%2016.4541%2020.0304%2014.3384%2021.5197%2012.5471C19.2886%2011.0112%2016.5597%2010.1016%2013.6127%2010.1016C6.10642%2010.1016%200%2015.9732%200%2023.1905C0%2030.4079%206.10642%2036.2794%2013.6127%2036.2794C16.7107%2036.2794%2019.57%2035.2766%2021.859%2033.5953C20.3119%2031.8506%2019.1338%2029.7685%2018.4535%2027.4777C17.2307%2028.652%2015.514%2029.3846%2013.6127%2029.3846V29.3827Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(46%2C%2046%2C%2046)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M75.8959%2029.3827C72.1922%2029.3827%2069.18%2026.6053%2069.18%2023.1905C69.18%2019.7757%2072.1922%2016.9984%2075.8959%2016.9984C77.7245%2016.9984%2079.3834%2017.6768%2080.595%2018.7729C81.2027%2016.4541%2082.3136%2014.3384%2083.8029%2012.5471C81.5718%2011.0112%2078.8429%2010.1016%2075.8959%2010.1016C68.3896%2010.1016%2062.2832%2015.9732%2062.2832%2023.1905C62.2832%2030.4079%2068.3896%2036.2794%2075.8959%2036.2794C78.9939%2036.2794%2081.8532%2035.2766%2084.1422%2033.5953C82.5951%2031.8506%2081.4171%2029.7685%2080.7367%2027.4777C79.5139%2028.652%2077.7972%2029.3846%2075.8959%2029.3846V29.3827Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(46%2C%2046%2C%2046)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M65.8974%2011.5301C66.1621%2011.2748%2066.4343%2011.0306%2066.7139%2010.7938C65.4874%2010.2086%2063.9226%209.91406%2062.299%209.91406C59.2906%209.91406%2056.9913%2011.0641%2055.1199%2013.3661V10.5124H47.293V35.8347H55.1199V22.3916C55.1199%2019.0457%2056.6688%2017.3737%2059.7705%2017.3737C60.4416%2017.3737%2061.0175%2017.4464%2061.5059%2017.5899C62.4509%2015.2395%2063.9701%2013.1667%2065.8974%2011.532V11.5301Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(46%2C%2046%2C%2046)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E",
  "favicon": "https://cdn.prod.website-files.com/67b5b4334cf3972c1f74fa69/67b5b4334cf3972c1f74fb21_favicon.png",
  "ogImage": "https://cdn.prod.website-files.com/67a1cd49b010e0ebe9693f37/67af40e2005b1ebfc0e8f82a_OpenGraph-cercli.webp",
  "logoHref": "/"
}