# CoreOS Brand Identity A complete profile of **CoreOS**'s visual system — colors, typography, components, and personality — extracted from http://coreos.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/coreos - Machine-readable JSON: https://characterquilt.com/branding/coreos.json - Per-page llms.txt: https://characterquilt.com/branding/coreos/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #0066CC | | Accent | #EE0000 | | Body Font | Red Hat Text | | Heading Font | Red Hat Display | ## Color Palette - primary: #0066CC - secondary: #004D99 - accent: #EE0000 - background: #000000 - textPrimary: #000000 - link: #EE0000 ## Typography - primary: Red Hat Text — https://fonts.google.com/specimen/Red+Hat+Text - heading: Red Hat Display — https://fonts.google.com/specimen/Red+Hat+Display ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20613%20145%22%20class%3D%22redhat-logo%22%20style%3D%22margin%3A0%3B%20width%3A%20135px%3B%20display%3Ablock%22%20height%3D%2232%22%20width%3D%22135%22%20role%3D%22img%22%20data-fc-idx%3D%220%22%3E%3Ctitle%3ERed%20Hat%3C%2Ftitle%3E%3Cpath%20d%3D%22M127.47%2083.49c12.51%200%2030.61-2.58%2030.61-17.46a14%2014%200%200%200-.31-3.42l-7.45-32.36c-1.72-7.12-3.23-10.35-15.73-16.6C124.89%208.69%20103.76.5%2097.51.5%2091.69.5%2090%208%2083.06%208c-6.68%200-11.64-5.6-17.89-5.6-6%200-9.91%204.09-12.93%2012.5%200%200-8.41%2023.72-9.49%2027.16a6.43%206.43%200%200%200-.22%201.94c0%209.22%2036.3%2039.45%2084.94%2039.45M160%2072.07c1.73%208.19%201.73%209.05%201.73%2010.13%200%2014-15.74%2021.77-36.43%2021.77-46.76.03-87.72-27.37-87.72-45.48a18.45%2018.45%200%200%201%201.51-7.33C22.27%2052%20.5%2055%20.5%2074.22c0%2031.48%2074.59%2070.28%20133.65%2070.28%2045.28%200%2056.7-20.48%2056.7-36.65%200-12.72-11-27.16-30.83-35.78%22%20fill%3D%22%23e00%22%20style%3D%22fill%3A%20rgb(238%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M160%2072.07c1.73%208.19%201.73%209.05%201.73%2010.13%200%2014-15.74%2021.77-36.43%2021.77-46.76.03-87.72-27.37-87.72-45.48a18.45%2018.45%200%200%201%201.51-7.33l3.66-9.06a6.43%206.43%200%200%200-.22%201.9c0%209.22%2036.3%2039.45%2084.94%2039.45%2012.51%200%2030.61-2.58%2030.61-17.46a14%2014%200%200%200-.31-3.42Z%22%2F%3E%3Cpath%20d%3D%22M579.74%2092.8c0%2011.89%207.15%2017.67%2020.19%2017.67a52.11%2052.11%200%200%200%2011.89-1.68V95a24.84%2024.84%200%200%201-7.68%201.16c-5.37%200-7.36-1.68-7.36-6.73V68.3h15.56V54.1h-15.56v-18l-17%203.68V54.1h-11.29v14.2h11.25Zm-53%20.32c0-3.68%203.69-5.47%209.26-5.47a43.12%2043.12%200%200%201%2010.1%201.26v7.15a21.51%2021.51%200%200%201-10.63%202.63c-5.46%200-8.73-2.1-8.73-5.57m5.2%2017.56c6%200%2010.84-1.26%2015.36-4.31v3.37h16.82V74.08c0-13.56-9.14-21-24.39-21-8.52%200-16.94%202-26%206.1l6.1%2012.52c6.52-2.74%2012-4.42%2016.83-4.42%207%200%2010.62%202.73%2010.62%208.31v2.73a49.53%2049.53%200%200%200-12.62-1.58c-14.31%200-22.93%206-22.93%2016.73%200%209.78%207.78%2017.24%2020.19%2017.24m-92.44-.94h18.09V80.92h30.29v28.82H506V36.12h-18.07v28.29h-30.29V36.12h-18.09Zm-68.86-27.9c0-8%206.31-14.1%2014.62-14.1A17.22%2017.22%200%200%201%20397%2072.09v19.45A16.36%2016.36%200%200%201%20385.24%2096c-8.2%200-14.62-6.1-14.62-14.09m26.61%2027.87h16.83V32.44l-17%203.68v20.93a28.3%2028.3%200%200%200-14.2-3.68c-16.19%200-28.92%2012.51-28.92%2028.5a28.25%2028.25%200%200%200%2028.4%2028.6%2025.12%2025.12%200%200%200%2014.93-4.83ZM320%2067c5.36%200%209.88%203.47%2011.67%208.83h-23.2C310.15%2070.3%20314.36%2067%20320%2067m-28.67%2015c0%2016.2%2013.25%2028.82%2030.28%2028.82%209.36%200%2016.2-2.53%2023.25-8.42l-11.26-10c-2.63%202.74-6.52%204.21-11.14%204.21a14.39%2014.39%200%200%201-13.68-8.83h39.65v-4.23c0-17.67-11.88-30.39-28.08-30.39a28.57%2028.57%200%200%200-29%2028.81M262%2051.58c6%200%209.36%203.78%209.36%208.31S268%2068.2%20262%2068.2h-17.89V51.58Zm-36%2058.16h18.09V82.92h13.77l13.89%2026.82H292l-16.2-29.45a22.27%2022.27%200%200%200%2013.88-20.72c0-13.25-10.41-23.45-26-23.45H226Z%22%20fill%3D%22%23151515%22%20style%3D%22fill%3A%20rgb(21%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://www.redhat.com/favicon.ico - Social card (og:image): https://www.redhat.com/themes/custom/rhdc/img/red-hat-social-share.jpg ## UI Components - input: background=transparent, textColor=#151515, borderColor=null, borderRadius=4px, shadow=none - buttonPrimary: background=#C7C7C7, textColor=#4D4D4D, borderRadius=4px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: IT professionals and enterprises ## CoreOS Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Red Hat OpenShift** - Image: https://www.redhat.com/rhdc/managed-files/OS-platform-overview-thumbnail.png - Source: https://coreos.com/ - **Red Hat OpenShift** - Image: https://www.redhat.com/rhdc/managed-files/ADS-promo-background_mid-crop-rounded.png - Source: https://coreos.com/ - **Red Hat OpenShift** - Image: https://www.redhat.com/rhdc/managed-files/OS-learning.png - Source: https://coreos.com/ - **Red Hat OpenShift** - Image: https://www.redhat.com/rhdc/managed-files/OS-use-case_app-dev-thumbnail.png - Source: https://coreos.com/ - **Red Hat OpenShift** - Image: https://www.redhat.com/rhdc/managed-files/OS-use-case_AI-thumbnail.png - Source: https://coreos.com/ - **Red Hat OpenShift** - Image: https://www.redhat.com/rhdc/managed-files/tech-stack-circles.png - Source: https://coreos.com/ ## 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": "Red Hat Text", "role": "body" }, { "family": "Red Hat Display", "role": "heading" }, { "family": "Overpass", "role": "unknown" } ], "colors": { "primary": "#0066CC", "secondary": "#004D99", "accent": "#EE0000", "background": "#000000", "textPrimary": "#000000", "link": "#EE0000" }, "typography": { "fontFamilies": { "primary": "Red Hat Text", "heading": "Red Hat Display" }, "fontStacks": { "heading": [ "RedHatDisplay", "Red Hat Display", "Helvetica", "Arial", "sans-serif" ], "body": [ "RedHatText", "Red Hat Text", "Helvetica", "Arial", "sans-serif" ], "paragraph": [ "RedHatText", "Red Hat Text", "Helvetica", "Arial", "sans-serif" ] }, "fontSizes": { "h1": "40px", "h2": "36px", "body": "14px" } }, "spacing": { "baseUnit": 4, "borderRadius": "3px" }, "components": { "input": { "background": "transparent", "textColor": "#151515", "borderColor": null, "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" }, "buttonPrimary": { "background": "#C7C7C7", "textColor": "#4D4D4D", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20613%20145%22%20class%3D%22redhat-logo%22%20style%3D%22margin%3A0%3B%20width%3A%20135px%3B%20display%3Ablock%22%20height%3D%2232%22%20width%3D%22135%22%20role%3D%22img%22%20data-fc-idx%3D%220%22%3E%3Ctitle%3ERed%20Hat%3C%2Ftitle%3E%3Cpath%20d%3D%22M127.47%2083.49c12.51%200%2030.61-2.58%2030.61-17.46a14%2014%200%200%200-.31-3.42l-7.45-32.36c-1.72-7.12-3.23-10.35-15.73-16.6C124.89%208.69%20103.76.5%2097.51.5%2091.69.5%2090%208%2083.06%208c-6.68%200-11.64-5.6-17.89-5.6-6%200-9.91%204.09-12.93%2012.5%200%200-8.41%2023.72-9.49%2027.16a6.43%206.43%200%200%200-.22%201.94c0%209.22%2036.3%2039.45%2084.94%2039.45M160%2072.07c1.73%208.19%201.73%209.05%201.73%2010.13%200%2014-15.74%2021.77-36.43%2021.77-46.76.03-87.72-27.37-87.72-45.48a18.45%2018.45%200%200%201%201.51-7.33C22.27%2052%20.5%2055%20.5%2074.22c0%2031.48%2074.59%2070.28%20133.65%2070.28%2045.28%200%2056.7-20.48%2056.7-36.65%200-12.72-11-27.16-30.83-35.78%22%20fill%3D%22%23e00%22%20style%3D%22fill%3A%20rgb(238%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M160%2072.07c1.73%208.19%201.73%209.05%201.73%2010.13%200%2014-15.74%2021.77-36.43%2021.77-46.76.03-87.72-27.37-87.72-45.48a18.45%2018.45%200%200%201%201.51-7.33l3.66-9.06a6.43%206.43%200%200%200-.22%201.9c0%209.22%2036.3%2039.45%2084.94%2039.45%2012.51%200%2030.61-2.58%2030.61-17.46a14%2014%200%200%200-.31-3.42Z%22%2F%3E%3Cpath%20d%3D%22M579.74%2092.8c0%2011.89%207.15%2017.67%2020.19%2017.67a52.11%2052.11%200%200%200%2011.89-1.68V95a24.84%2024.84%200%200%201-7.68%201.16c-5.37%200-7.36-1.68-7.36-6.73V68.3h15.56V54.1h-15.56v-18l-17%203.68V54.1h-11.29v14.2h11.25Zm-53%20.32c0-3.68%203.69-5.47%209.26-5.47a43.12%2043.12%200%200%201%2010.1%201.26v7.15a21.51%2021.51%200%200%201-10.63%202.63c-5.46%200-8.73-2.1-8.73-5.57m5.2%2017.56c6%200%2010.84-1.26%2015.36-4.31v3.37h16.82V74.08c0-13.56-9.14-21-24.39-21-8.52%200-16.94%202-26%206.1l6.1%2012.52c6.52-2.74%2012-4.42%2016.83-4.42%207%200%2010.62%202.73%2010.62%208.31v2.73a49.53%2049.53%200%200%200-12.62-1.58c-14.31%200-22.93%206-22.93%2016.73%200%209.78%207.78%2017.24%2020.19%2017.24m-92.44-.94h18.09V80.92h30.29v28.82H506V36.12h-18.07v28.29h-30.29V36.12h-18.09Zm-68.86-27.9c0-8%206.31-14.1%2014.62-14.1A17.22%2017.22%200%200%201%20397%2072.09v19.45A16.36%2016.36%200%200%201%20385.24%2096c-8.2%200-14.62-6.1-14.62-14.09m26.61%2027.87h16.83V32.44l-17%203.68v20.93a28.3%2028.3%200%200%200-14.2-3.68c-16.19%200-28.92%2012.51-28.92%2028.5a28.25%2028.25%200%200%200%2028.4%2028.6%2025.12%2025.12%200%200%200%2014.93-4.83ZM320%2067c5.36%200%209.88%203.47%2011.67%208.83h-23.2C310.15%2070.3%20314.36%2067%20320%2067m-28.67%2015c0%2016.2%2013.25%2028.82%2030.28%2028.82%209.36%200%2016.2-2.53%2023.25-8.42l-11.26-10c-2.63%202.74-6.52%204.21-11.14%204.21a14.39%2014.39%200%200%201-13.68-8.83h39.65v-4.23c0-17.67-11.88-30.39-28.08-30.39a28.57%2028.57%200%200%200-29%2028.81M262%2051.58c6%200%209.36%203.78%209.36%208.31S268%2068.2%20262%2068.2h-17.89V51.58Zm-36%2058.16h18.09V82.92h13.77l13.89%2026.82H292l-16.2-29.45a22.27%2022.27%200%200%200%2013.88-20.72c0-13.25-10.41-23.45-26-23.45H226Z%22%20fill%3D%22%23151515%22%20style%3D%22fill%3A%20rgb(21%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.redhat.com/favicon.ico", "ogImage": "https://www.redhat.com/themes/custom/rhdc/img/red-hat-social-share.jpg", "logoHref": "/en", "logoAlt": "Red Hat" }, "__llm_logo_reasoning": { "selectedIndex": 12, "reasoning": "Selected #14 because it is visible, medium-sized, and matches the brand name 'Red Hat'. It is the most prominent logo that aligns with the brand identity.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Submit", "reasoning": "The button labeled 'Submit' is styled with the class 'pf-m-primary', indicating it is intended as a primary action. However, its neutral color (#C7C7C7) suggests a lack of emphasis, but given the lack of other buttons, it is the default primary." }, "secondary": { "index": -1, "text": "N/A", "reasoning": "There are no other buttons available to classify as secondary, hence returning -1." }, "confidence": 0.8 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "IT professionals and enterprises" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.8, "colors": 0.9, "overall": 0.8500000000000001 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 14, "selectedLogoReasoning": "Selected #14 because it is visible, medium-sized, and matches the brand name 'Red Hat'. It is the most prominent logo that aligns with the brand identity.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```