# Personio Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #FFEACC |
| Accent | #176164 |
| Body Font | Regola Neue |
| Heading Font | Regola Neue |

## Color Palette

- primary: #FFEACC
- secondary: #E4C2F0
- accent: #176164
- background: #FFFFFF
- textPrimary: #000000
- link: #176164

## Typography

- primary: Regola Neue — https://fonts.google.com/specimen/Regola+Neue
- heading: Regola Neue — https://fonts.google.com/specimen/Regola+Neue

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%22122%22%20height%3D%2224%22%20viewBox%3D%220%200%20122%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22%22%20shape-rendering%3D%22geometricPrecision%22%20data-testid%3D%22a%3Aheader%3A%3As%3Anavigation-bar%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M0%201.26011H0.486088C3.24829%201.26011%206.00999%201.25658%208.7722%201.26163C9.96555%201.26415%2011.1187%201.46395%2012.2135%201.97001C13.8281%202.71624%2014.927%203.92362%2015.4498%205.62243C15.9957%207.39642%2015.9977%209.17596%2015.2321%2010.8889C14.2554%2013.0736%2012.4528%2014.2325%2010.1732%2014.6316C9.10447%2014.8188%207.99506%2014.786%206.90275%2014.8224C6.08741%2014.8496%205.27056%2014.8279%204.39942%2014.8279V23.1196H0V1.26011ZM4.42707%2010.8617C5.97179%2010.8617%207.48937%2010.901%209.00393%2010.8455C9.8047%2010.8162%2010.5446%2010.4868%2011.09%209.86265C11.8878%208.95043%2012.0245%207.89945%2011.5656%206.79904C11.0946%205.67036%2010.1576%205.14715%208.98333%205.08559C7.9644%205.03211%206.93995%205.07247%205.91851%205.07147C5.42689%205.07147%204.93527%205.07147%204.42707%205.07147V10.8611V10.8617Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M32.6875%2016.1452C30.6019%2016.1452%2028.5721%2016.1452%2026.5418%2016.1452C24.5115%2016.1452%2022.5133%2016.1452%2020.5001%2016.1452C20.4554%2017.6447%2021.5904%2019.0564%2023.1919%2019.4772C25.1629%2019.9954%2026.8539%2019.5277%2028.2127%2017.9726C28.2509%2017.9288%2028.2886%2017.8833%2028.3303%2017.843C28.3504%2017.8233%2028.3795%2017.8127%2028.4484%2017.7723C29.4467%2018.4838%2030.4621%2019.2068%2031.5097%2019.953C30.5647%2021.2229%2029.4291%2022.1977%2028.0126%2022.8269C22.7843%2025.1488%2016.908%2021.8229%2016.1937%2016.1361C15.8418%2013.3364%2016.4812%2010.8081%2018.4034%208.7036C20.3342%206.59005%2022.7898%205.80347%2025.6068%206.0956C27.9317%206.33677%2029.8433%207.34637%2031.2141%209.26718C32.6835%2011.3262%2033.0585%2013.6361%2032.6875%2016.1442V16.1452ZM28.743%2013.0049C28.2624%2010.8293%2026.5805%209.61381%2024.2782%209.72683C22.4746%209.81563%2020.8268%2011.2849%2020.6283%2013.0049H28.743Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M113.14%2023.5439C108.027%2023.5404%20104.363%2019.8668%20104.367%2014.7461C104.37%209.76525%20108.169%206.03311%20113.228%206.04017C118.249%206.04723%20122.007%209.86161%20122%2014.9459C121.993%2019.8693%20118.204%2023.547%20113.14%2023.5439ZM113.126%2019.6715C115.818%2019.6791%20117.843%2017.6306%20117.867%2014.8753C117.892%2012.0625%20115.878%209.92065%20113.196%209.90854C110.472%209.89592%20108.467%2011.9535%20108.442%2014.7845C108.418%2017.5736%20110.421%2019.664%20113.127%2019.672L113.126%2019.6715Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M69.504%2023.5439C64.4003%2023.5384%2060.687%2019.8476%2060.7051%2014.7996C60.7237%209.73901%2064.4677%206.03411%2069.5578%206.04017C74.575%206.04622%2078.2978%209.81469%2078.2873%2014.8773C78.2767%2019.8754%2074.5534%2023.5495%2069.5045%2023.5439H69.504ZM69.4693%2019.6715C72.228%2019.6741%2074.1894%2017.673%2074.1945%2014.8531C74.1995%2012.0357%2072.1812%209.90803%2069.5035%209.90853C66.8343%209.90853%2064.8055%2012.016%2064.7979%2014.7971C64.7899%2017.6332%2066.7413%2019.6695%2069.4693%2019.672V19.6715Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M94.5416%2023.1869H90.4669V22.6087C90.4669%2019.0522%2090.4669%2015.4961%2090.4669%2011.9396C90.4669%2010.4083%2090.1161%2010.0581%2088.5844%2010.0581C87.6052%2010.0581%2086.626%2010.0551%2085.6468%2010.0591C84.5509%2010.0632%2084.0995%2010.5097%2084.0985%2011.6015C84.096%2015.2751%2084.0975%2018.9487%2084.0975%2022.6218V23.1763H80.0047C80.0047%2023.0003%2080.0047%2022.8438%2080.0047%2022.6869C80.0047%2018.8377%2080.0017%2014.9885%2080.0058%2011.1394C80.0088%208.33255%2082.1074%206.23616%2084.9109%206.23212C86.4601%206.2301%2088.0094%206.23111%2089.5586%206.23212C92.4802%206.23313%2094.5416%208.30178%2094.5416%2011.2332C94.5416%2015.0385%2094.5416%2018.8438%2094.5416%2022.6486V23.1874V23.1869Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M44.9082%2018.0226H49.0402C49.4841%2019.6558%2050.211%2020.2562%2051.9095%2020.2694C52.5982%2020.2749%2053.3074%2020.1861%2053.972%2020.008C54.7381%2019.8027%2055.1136%2019.1851%2055.1105%2018.4273C55.1075%2017.6896%2054.7793%2017.1543%2053.9976%2016.9313C53.0626%2016.6644%2052.097%2016.4999%2051.1379%2016.3263C49.8847%2016.0993%2048.6612%2015.8066%2047.5226%2015.2007C44.8152%2013.7602%2044.8087%2010.3939%2046.1911%208.57092C47.2587%207.16222%2048.7472%206.47352%2050.4367%206.18391C52.5268%205.82517%2054.5501%206.04768%2056.4059%207.13094C57.9864%208.05326%2058.8701%209.44328%2058.9746%2011.3409H54.9376C54.6415%209.74904%2053.6714%209.34036%2052.3172%209.30605C51.7411%209.29141%2051.1484%209.3565%2050.587%209.48718C49.8832%209.65116%2049.4992%2010.1491%2049.4514%2010.7723C49.3901%2011.5694%2049.6299%2012.1396%2050.3512%2012.4004C51.1238%2012.6795%2051.9487%2012.8333%2052.7625%2012.9741C54.2143%2013.2254%2055.673%2013.4287%2056.9931%2014.1527C58.7871%2015.1366%2059.3928%2016.7789%2059.141%2018.6624C58.8117%2021.1256%2057.2389%2022.5141%2054.9763%2023.1569C52.4016%2023.8885%2049.8822%2023.7129%2047.5503%2022.282C46.094%2021.3884%2045.2068%2020.0736%2044.9107%2018.3768C44.8937%2018.2784%2044.9087%2018.1745%2044.9087%2018.0226H44.9082Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M44.0776%206.25128V10.0581C43.8333%2010.0581%2043.5906%2010.0581%2043.3478%2010.0581C42.3686%2010.0581%2041.3893%2010.0551%2040.4101%2010.0591C39.3062%2010.0636%2038.8413%2010.5263%2038.8403%2011.6393C38.8362%2015.313%2038.8388%2018.9861%2038.8388%2022.6597C38.8388%2022.8186%2038.8388%2022.978%2038.8388%2023.1743H34.7807V22.7172C34.7807%2018.8387%2034.7756%2014.9608%2034.7822%2011.0823C34.7867%208.31993%2036.8718%206.2422%2039.6365%206.23211C40.9812%206.22706%2042.3258%206.2306%2043.6705%206.23211C43.7987%206.23211%2043.9263%206.24372%2044.0776%206.25078V6.25128Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M101.903%2023.1871H97.7424V8.43262H101.903V23.1871Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M99.8151%205.87619C98.2638%205.88275%2097.0845%204.71321%2097.0916%203.17535C97.0986%201.65969%2098.3191%200.419508%2099.802%200.421022C101.313%200.422536%20102.555%201.66725%20102.559%203.18443C102.563%204.69504%20101.366%205.86963%2099.8151%205.87619Z%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.personio.com/marketplace/personio-favicon.svg
- Social card (og:image): https://images.ctfassets.net/p03bi75xct27/27h8EcYQ91FSFTJzbPQkp1/53b21f2acdcb966975363a2cf1e98031/Homepage_SEO_OG_Image.png?w=1200&h=630

## UI Components

- input: background=transparent, textColor=#141414, borderColor=null, borderRadius=12px, shadow=none
- buttonPrimary: background=#000000, textColor=#FFFFFF, borderRadius=12px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.25) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px 6px 6px -6px, rgba(255, 255, 255, 0.2) 0px 0px 10px 0px inset
- buttonSecondary: background=#FFFFFF, textColor=#141414, borderRadius=12px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 2px 16px -4px, rgba(0, 0, 0, 0.08) 0px 0.5px 2px 0px, rgba(255, 255, 255, 0.15) 0px 0px 24px 0px inset, rgba(0, 0, 0, 0.1) 0px -0.5px 1px 0px inset

## Brand Personality

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

## Personio Brand in the Wild

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

- **Personio Apps**
  - Image: https://images.ctfassets.net/p03bi75xct27/6EmVXLDLKeSMzp1DA1geZ2/e93c3c5913331648a31169b95c91d657/24-12-Personio-Tech-Workshop-1084.jpg
  - Source: https://www.personio.com/product/apps/
- **HR Blog | Personio**
  - Image: https://images.ctfassets.net/p03bi75xct27/1wagwStwhDX7vrmzkjbOGr/383f30d0c6f45bc8e06f41f53c214cef/Workforce_Pulse_2025_%C3%A2___EN_Blog__1_.png
  - Source: https://www.personio.com/blog/
- **Do you miss our german blog posts? | Personio**
  - Image: https://images.ctfassets.net/p03bi75xct27/52VNwYTXelo7NLy4W7eYZY/484963f49a2effdf2a2ead0a177ff323/Bildschirmfoto-2020-11-19-um-09.22.01.png
  - Source: https://www.personio.com/blog/do-you-miss-our-german-blog-posts/
- **HR Blog | Personio**
  - Image: https://images.ctfassets.net/p03bi75xct27/VcKaLW9ldHtHVHhEQjV1u/794ba35ec6f345ffae75ec7ce04aa282/AI_Readiness_Blog_2x.png
  - Source: https://www.personio.com/blog/
- **HR Software for Small Businesses | HR Systems | Personio**
  - Image: https://images.ctfassets.net/p03bi75xct27/1uqMpVeyzMNMiUH49S5csM/b88902066ff095580b21b0cf2df1cfb1/24-12-Personio-Tech-Working-0682.jpg
  - Source: https://www.personio.com/small-business/
- **HR Blog | Personio**
  - Image: https://images.ctfassets.net/p03bi75xct27/4ytwYGgADM2bxSy1vezeNq/ebb3eefb7b5033ba7e090a1ef625c98d/Blog_Surveys_Science_Scores_EN.jpg
  - Source: https://www.personio.com/blog/

## 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": "Regola Neue",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#FFEACC",
    "secondary": "#E4C2F0",
    "accent": "#176164",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#176164"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Regola Neue",
      "heading": "Regola Neue"
    },
    "fontStacks": {
      "heading": [
        "regolaNeue",
        "regolaNeue Fallback",
        "sans-serif"
      ],
      "body": [
        "regolaNeue",
        "regolaNeue Fallback",
        "sans-serif"
      ],
      "paragraph": [
        "regolaNeue",
        "regolaNeue Fallback",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "48px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "12px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#141414",
      "borderColor": null,
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.25) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px 6px 6px -6px, rgba(255, 255, 255, 0.2) 0px 0px 10px 0px inset"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#141414",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 2px 16px -4px, rgba(0, 0, 0, 0.08) 0px 0.5px 2px 0px, rgba(255, 255, 255, 0.15) 0px 0px 24px 0px inset, rgba(0, 0, 0, 0.1) 0px -0.5px 1px 0px inset"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22122%22%20height%3D%2224%22%20viewBox%3D%220%200%20122%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22%22%20shape-rendering%3D%22geometricPrecision%22%20data-testid%3D%22a%3Aheader%3A%3As%3Anavigation-bar%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M0%201.26011H0.486088C3.24829%201.26011%206.00999%201.25658%208.7722%201.26163C9.96555%201.26415%2011.1187%201.46395%2012.2135%201.97001C13.8281%202.71624%2014.927%203.92362%2015.4498%205.62243C15.9957%207.39642%2015.9977%209.17596%2015.2321%2010.8889C14.2554%2013.0736%2012.4528%2014.2325%2010.1732%2014.6316C9.10447%2014.8188%207.99506%2014.786%206.90275%2014.8224C6.08741%2014.8496%205.27056%2014.8279%204.39942%2014.8279V23.1196H0V1.26011ZM4.42707%2010.8617C5.97179%2010.8617%207.48937%2010.901%209.00393%2010.8455C9.8047%2010.8162%2010.5446%2010.4868%2011.09%209.86265C11.8878%208.95043%2012.0245%207.89945%2011.5656%206.79904C11.0946%205.67036%2010.1576%205.14715%208.98333%205.08559C7.9644%205.03211%206.93995%205.07247%205.91851%205.07147C5.42689%205.07147%204.93527%205.07147%204.42707%205.07147V10.8611V10.8617Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M32.6875%2016.1452C30.6019%2016.1452%2028.5721%2016.1452%2026.5418%2016.1452C24.5115%2016.1452%2022.5133%2016.1452%2020.5001%2016.1452C20.4554%2017.6447%2021.5904%2019.0564%2023.1919%2019.4772C25.1629%2019.9954%2026.8539%2019.5277%2028.2127%2017.9726C28.2509%2017.9288%2028.2886%2017.8833%2028.3303%2017.843C28.3504%2017.8233%2028.3795%2017.8127%2028.4484%2017.7723C29.4467%2018.4838%2030.4621%2019.2068%2031.5097%2019.953C30.5647%2021.2229%2029.4291%2022.1977%2028.0126%2022.8269C22.7843%2025.1488%2016.908%2021.8229%2016.1937%2016.1361C15.8418%2013.3364%2016.4812%2010.8081%2018.4034%208.7036C20.3342%206.59005%2022.7898%205.80347%2025.6068%206.0956C27.9317%206.33677%2029.8433%207.34637%2031.2141%209.26718C32.6835%2011.3262%2033.0585%2013.6361%2032.6875%2016.1442V16.1452ZM28.743%2013.0049C28.2624%2010.8293%2026.5805%209.61381%2024.2782%209.72683C22.4746%209.81563%2020.8268%2011.2849%2020.6283%2013.0049H28.743Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M113.14%2023.5439C108.027%2023.5404%20104.363%2019.8668%20104.367%2014.7461C104.37%209.76525%20108.169%206.03311%20113.228%206.04017C118.249%206.04723%20122.007%209.86161%20122%2014.9459C121.993%2019.8693%20118.204%2023.547%20113.14%2023.5439ZM113.126%2019.6715C115.818%2019.6791%20117.843%2017.6306%20117.867%2014.8753C117.892%2012.0625%20115.878%209.92065%20113.196%209.90854C110.472%209.89592%20108.467%2011.9535%20108.442%2014.7845C108.418%2017.5736%20110.421%2019.664%20113.127%2019.672L113.126%2019.6715Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M69.504%2023.5439C64.4003%2023.5384%2060.687%2019.8476%2060.7051%2014.7996C60.7237%209.73901%2064.4677%206.03411%2069.5578%206.04017C74.575%206.04622%2078.2978%209.81469%2078.2873%2014.8773C78.2767%2019.8754%2074.5534%2023.5495%2069.5045%2023.5439H69.504ZM69.4693%2019.6715C72.228%2019.6741%2074.1894%2017.673%2074.1945%2014.8531C74.1995%2012.0357%2072.1812%209.90803%2069.5035%209.90853C66.8343%209.90853%2064.8055%2012.016%2064.7979%2014.7971C64.7899%2017.6332%2066.7413%2019.6695%2069.4693%2019.672V19.6715Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M94.5416%2023.1869H90.4669V22.6087C90.4669%2019.0522%2090.4669%2015.4961%2090.4669%2011.9396C90.4669%2010.4083%2090.1161%2010.0581%2088.5844%2010.0581C87.6052%2010.0581%2086.626%2010.0551%2085.6468%2010.0591C84.5509%2010.0632%2084.0995%2010.5097%2084.0985%2011.6015C84.096%2015.2751%2084.0975%2018.9487%2084.0975%2022.6218V23.1763H80.0047C80.0047%2023.0003%2080.0047%2022.8438%2080.0047%2022.6869C80.0047%2018.8377%2080.0017%2014.9885%2080.0058%2011.1394C80.0088%208.33255%2082.1074%206.23616%2084.9109%206.23212C86.4601%206.2301%2088.0094%206.23111%2089.5586%206.23212C92.4802%206.23313%2094.5416%208.30178%2094.5416%2011.2332C94.5416%2015.0385%2094.5416%2018.8438%2094.5416%2022.6486V23.1874V23.1869Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M44.9082%2018.0226H49.0402C49.4841%2019.6558%2050.211%2020.2562%2051.9095%2020.2694C52.5982%2020.2749%2053.3074%2020.1861%2053.972%2020.008C54.7381%2019.8027%2055.1136%2019.1851%2055.1105%2018.4273C55.1075%2017.6896%2054.7793%2017.1543%2053.9976%2016.9313C53.0626%2016.6644%2052.097%2016.4999%2051.1379%2016.3263C49.8847%2016.0993%2048.6612%2015.8066%2047.5226%2015.2007C44.8152%2013.7602%2044.8087%2010.3939%2046.1911%208.57092C47.2587%207.16222%2048.7472%206.47352%2050.4367%206.18391C52.5268%205.82517%2054.5501%206.04768%2056.4059%207.13094C57.9864%208.05326%2058.8701%209.44328%2058.9746%2011.3409H54.9376C54.6415%209.74904%2053.6714%209.34036%2052.3172%209.30605C51.7411%209.29141%2051.1484%209.3565%2050.587%209.48718C49.8832%209.65116%2049.4992%2010.1491%2049.4514%2010.7723C49.3901%2011.5694%2049.6299%2012.1396%2050.3512%2012.4004C51.1238%2012.6795%2051.9487%2012.8333%2052.7625%2012.9741C54.2143%2013.2254%2055.673%2013.4287%2056.9931%2014.1527C58.7871%2015.1366%2059.3928%2016.7789%2059.141%2018.6624C58.8117%2021.1256%2057.2389%2022.5141%2054.9763%2023.1569C52.4016%2023.8885%2049.8822%2023.7129%2047.5503%2022.282C46.094%2021.3884%2045.2068%2020.0736%2044.9107%2018.3768C44.8937%2018.2784%2044.9087%2018.1745%2044.9087%2018.0226H44.9082Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M44.0776%206.25128V10.0581C43.8333%2010.0581%2043.5906%2010.0581%2043.3478%2010.0581C42.3686%2010.0581%2041.3893%2010.0551%2040.4101%2010.0591C39.3062%2010.0636%2038.8413%2010.5263%2038.8403%2011.6393C38.8362%2015.313%2038.8388%2018.9861%2038.8388%2022.6597C38.8388%2022.8186%2038.8388%2022.978%2038.8388%2023.1743H34.7807V22.7172C34.7807%2018.8387%2034.7756%2014.9608%2034.7822%2011.0823C34.7867%208.31993%2036.8718%206.2422%2039.6365%206.23211C40.9812%206.22706%2042.3258%206.2306%2043.6705%206.23211C43.7987%206.23211%2043.9263%206.24372%2044.0776%206.25078V6.25128Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M101.903%2023.1871H97.7424V8.43262H101.903V23.1871Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M99.8151%205.87619C98.2638%205.88275%2097.0845%204.71321%2097.0916%203.17535C97.0986%201.65969%2098.3191%200.419508%2099.802%200.421022C101.313%200.422536%20102.555%201.66725%20102.559%203.18443C102.563%204.69504%20101.366%205.86963%2099.8151%205.87619Z%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.personio.com/marketplace/personio-favicon.svg",
    "ogImage": "https://images.ctfassets.net/p03bi75xct27/27h8EcYQ91FSFTJzbPQkp1/53b21f2acdcb966975363a2cf1e98031/Homepage_SEO_OG_Image.png?w=1200&h=630",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Personio'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Book your demo",
      "reasoning": "Button #0 ('Book your demo') is the primary CTA due to its action-oriented text and dark background color, which stands out against the light page background."
    },
    "secondary": {
      "index": 2,
      "text": "Take a tour",
      "reasoning": "Button #2 ('Take a tour') is selected as secondary because it has a different background color (light/white) compared to the primary button, making it less prominent."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "HR professionals and businesses"
  },
  "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": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Personio'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```