cerrion.json

Cerrion Brand Identity

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

Quick Facts

Field Value
Primary #0000EE
Accent #E0E3EC
Body Font Manrope
Heading Font Manrope

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: manufacturing industry professionals

Cerrion 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": "light",
  "fonts": [
    {
      "family": "Manrope",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#99ABB5",
    "accent": "#E0E3EC",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#99ABB5"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Manrope",
      "heading": "Manrope"
    },
    "fontStacks": {
      "heading": [
        "Manrope",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Manrope",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "44px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#E0E3EC",
      "textColor": "#0000EE",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "rgba(0, 0, 0, 0.15) 0px 0.706592px 0.706592px -0.625px, rgba(0, 0, 0, 0.14) 0px 1.80656px 1.80656px -1.25px, rgba(0, 0, 0, 0.14) 0px 3.62176px 3.62176px -1.875px, rgba(0, 0, 0, 0.13) 0px 6.8656px 6.8656px -2.5px, rgba(0, 0, 0, 0.1) 0px 13.6468px 13.6468px -3.125px, rgba(0, 0, 0, 0.05) 0px 30px 30px -3.75px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0000EE",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20215.385%2028%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M%2010.897%200%20L%208.55%204.075%20L%207.048%206.677%20L%204.694%2010.752%20L%2014.639%2028%20L%2020.777%2017.343%20L%2017.257%2015.305%20L%2014.639%2019.85%20L%209.389%2010.752%20L%2013.245%204.076%20L%2023.717%204.076%20L%2021.105%208.627%20L%2024.626%2010.665%20L%2030.769%200%20L%2010.898%200%20Z%20M%206.182%200%20L%202.347%206.662%20L%200%202.587%20L%201.491%200%20Z%20M%2051.479%2021.691%20C%2050.42%2021.691%2049.489%2021.463%2048.688%2021.004%20C%2047.89%2020.536%2047.242%2019.85%2046.82%2019.027%20C%2046.376%2018.168%2046.155%2017.18%2046.155%2016.062%20L%2046.155%2011.937%20C%2046.155%2010.819%2046.376%209.839%2046.82%208.993%20C%2047.278%208.134%2047.915%207.474%2048.731%207.016%20C%2049.546%206.543%2050.491%206.307%2051.565%206.307%20L%2053.841%206.307%20C%2054.857%206.307%20555.759%206.529%2056.546%206.973%20C%2057.325%207.394%2057.96%208.037%2058.371%208.821%20C%2058.8%209.608%2059.015%2010.526%2059.015%2011.572%20L%2056.546%2011.572%20C%2056.546%2010.655%2056.296%209.917%2055.794%209.358%20C%2055.294%208.8%2054.642%208.521%2053.841%208.521%20L%2051.565%208.521%20C%2050.691%208.521%2049.99%208.843%2049.46%209.488%20C%2048.931%2010.132%2048.666%2010.977%2048.666%2012.023%20L%2048.666%2015.977%20C%2048.666%2017.036%2048.924%2017.889%2049.439%2018.533%20C%2049.955%2019.163%2050.635%2019.478%2051.478%2019.478%20L%2053.798%2019.478%20C%2054.628%2019.478%2055.301%2019.163%2055.816%2018.533%20C%2056.332%2017.903%2056.589%2017.086%2056.589%2016.083%20L%2059.058%2016.083%20C%2059.058%2017.201%2058.836%2018.183%2058.393%2019.028%20C%2057.983%2019.852%2057.341%2020.539%2056.546%2021.004%20C%2055.759%2021.463%2054.842%2021.692%2053.798%2021.692%20L%2051.479%2021.692%20Z%20M%2076.094%2021.52%20C%2075.536%2021.52%2075.085%2021.355%2074.742%2021.025%20C%2074.413%2020.682%2074.248%2020.238%2074.248%2019.694%20L%2074.248%206.479%20L%2085.263%206.479%20L%2085.263%208.649%20L%2076.759%208.649%20L%2076.759%2012.732%20L%2084.619%2012.732%20L%2084.619%2014.923%20L%2076.76%2014.923%20L%2076.76%2019.35%20L%2085.263%2019.35%20L%2085.263%2021.52%20Z%20M%20100.633%206.479%20L%20108.384%206.479%20C%20109.615%206.479%20110.61%206.815%20111.368%207.489%20C%20112.127%208.163%20112.507%209.05%20112.507%2010.153%20L%20112.507%2011.679%20C%20112.516%2012.398%20112.273%2013.097%20111.82%2013.656%20C%20111.375%2014.214%20110.753%2014.63%20109.952%2014.902%20L%20109.952%2014.945%20C%20110.409%2015.217%20110.774%2015.568%20111.046%2015.998%20C%20111.332%2016.413%20111.576%2016.957%20111.776%2017.63%20L%20112.979%2021.52%20L%20110.38%2021.52%20L%20109.221%2017.803%20C%20109.036%2017.158%20108.749%2016.663%20108.363%2016.32%20C%20107.993%2015.983%20107.51%2015.799%20107.01%2015.804%20L%20103.145%2015.804%20L%20103.145%2021.52%20L%20100.633%2021.52%20L%20100.633%206.478%20Z%20M%20107.825%2013.634%20C%20108.484%2013.634%20109.007%2013.455%20109.393%2013.097%20C%20109.794%2012.738%20109.995%2012.274%20109.995%2011.701%20L%20109.995%2010.218%20C%20109.995%209.76%20109.844%209.387%20109.543%209.101%20C%20109.243%208.814%20108.842%208.67%20108.341%208.67%20L%20103.145%208.67%20L%20103.145%2013.634%20Z%20M%20128.088%206.479%20L%20135.839%206.479%20C%20137.07%206.479%20138.065%206.815%20138.823%207.489%20C%20139.582%208.163%20139.962%209.05%20139.962%2010.153%20L%20139.962%2011.679%20C%20139.962%2012.424%20139.732%2013.083%20139.274%2013.656%20C%20138.83%2014.214%20138.208%2014.63%20137.406%2014.902%20L%20137.406%2014.945%20C%20137.864%2015.217%20138.229%2015.568%20138.501%2015.998%20C%20138.787%2016.413%20139.031%2016.957%20139.231%2017.63%20L%20140.433%2021.52%20L%20137.835%2021.52%20L%20136.676%2017.803%20C%20136.49%2017.158%20136.203%2016.663%20135.818%2016.32%20C%20135.448%2015.983%20134.965%2015.799%20134.465%2015.804%20L%20130.6%2015.804%20L%20130.6%2021.52%20L%20128.088%2021.52%20L%20128.088%206.478%20Z%20M%20135.28%2013.634%20C%20135.939%2013.634%20136.462%2013.455%20136.847%2013.097%20C%20137.249%2012.738%20137.449%2012.274%20137.449%2011.701%20L%20137.449%2010.218%20C%20137.449%209.76%20137.299%209.387%20136.998%209.101%20C%20136.698%208.814%20136.297%208.67%20135.796%208.67%20L%20130.6%208.67%20L%20130.6%2013.634%20Z%20M%20156.748%206.479%20L%20159.261%206.479%20L%20159.261%2021.521%20L%20156.748%2021.521%20L%20156.748%206.478%20Z%20M%20180.256%2021.691%20C%20179.169%2021.691%20178.209%2021.463%20177.379%2021.004%20C%20176.56%2020.543%20175.889%2019.857%20175.446%2019.027%20C%20174.989%2018.168%20174.759%2017.18%20174.759%2016.062%20L%20174.759%2011.937%20C%20174.759%2010.819%20174.989%209.839%20175.446%208.993%20C%20175.881%208.158%20176.554%207.469%20177.379%207.016%20C%20178.209%206.543%20179.169%206.307%20180.256%206.307%20L%20182.532%206.307%20C%20183.62%206.307%20184.579%206.543%20185.409%207.016%20C%20186.244%207.464%20186.924%208.153%20187.363%208.993%20C%20187.821%209.839%20188.05%2010.819%20188.05%2011.937%20L%20188.05%2016.062%20C%20188.05%2017.18%20187.821%2018.168%20187.363%2019.028%20C%20186.916%2019.861%20186.237%2020.548%20185.409%2021.004%20C%20184.579%2021.463%20183.62%2021.692%20182.532%2021.692%20L%20180.256%2021.692%20Z%20M%20182.532%2019.478%20C%20183.419%2019.478%20184.142%2019.156%20184.7%2018.512%20C%20185.258%2017.868%20185.538%2017.022%20185.538%2015.977%20L%20185.538%2012.023%20C%20185.538%2010.977%20185.258%2010.133%20184.7%209.488%20C%20184.157%208.843%20183.433%208.521%20182.532%208.521%20L%20180.277%208.521%20C%20179.376%208.521%20178.645%208.843%20178.087%209.488%20C%20177.544%2010.132%20177.271%2010.977%20177.271%2012.023%20L%20177.271%2015.977%20C%20177.271%2017.022%20177.544%2017.867%20178.087%2018.512%20C%20178.645%2019.156%20179.376%2019.478%20180.277%2019.478%20Z%20M%20203.082%206.479%20L%20205.336%206.479%20L%20212.937%2017.481%20L%20212.937%206.479%20L%20215.385%206.479%20L%20215.385%2021.521%20L%20213.109%2021.521%20L%20205.53%2010.561%20L%20205.53%2021.52%20L%20203.082%2021.52%20L%20203.082%206.478%20Z%22%20fill%3D%22rgb(53%2C60%2C65)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E",
    "favicon": "https://framerusercontent.com/images/VitrVNZ569TOQpmrrnZ5KOEmyWU.png",
    "ogImage": "https://framerusercontent.com/assets/cTLAFlLCNDUmkZN30SuZI9kr7cU.png",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #1 because it is visible, located in the header, and links to the homepage, aligning with the brand 'Cerrion'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Schedule demo",
      "reasoning": "Button #0 has a vibrant blue background (#E0E3EC) and action-oriented text 'Schedule demo', making it a strong candidate for the primary CTA."
    },
    "secondary": {
      "index": 2,
      "text": "Schedule demo",
      "reasoning": "Button #2 has a different background color (#FFFFFF) and serves as a less prominent option, suitable for a secondary CTA."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "manufacturing industry professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "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 visible, located in the header, and links to the homepage, aligning with the brand 'Cerrion'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}