llms.txt

Personio Brand Identity

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

Quick Facts

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

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

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

Personio 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": "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
 }
 }
}