# Superb AI Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #3D7FFF |
| Accent | #3D7FFF |
| Body Font | Inter |
| Heading Font | Inter |

## Color Palette

- primary: #3D7FFF
- secondary: #FFA810
- accent: #3D7FFF
- background: #FFFFFF
- textPrimary: #1F1F1F
- link: #707480

## Typography

- primary: Inter — https://fonts.google.com/specimen/Inter
- heading: Inter — https://fonts.google.com/specimen/Inter

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20class%3D%22pc%3Aw-%5B148px%5D%20pc%3Ah-%5B24px%5D%20tablet%3Aw-%5B148px%5D%20tablet%3Ah-%5B24px%5D%20mobile%3Aw-%5B100px%5D%20mobile%3Ah-%5B16px%5D%20cursor-pointer%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20148%2024%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M24%200V3.2L3.2%2024H0V20.8L20.8%200H24Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M24%209H20.8L9%2020.8V24H12.2L24%2012.2V9Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M15%200H11.8L0%2011.8V15H3.2L15%203.2V0Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M18%2024V20.8L20.8%2018H24V21.2L21.2%2024H18Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0%206V2.8L2.8%200H6V3.2L3.2%206H0Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M42.6029%209.36394H39.1202C38.936%208.32198%2038.3006%207.60657%2036.8258%207.60657C35.597%207.60657%2034.7976%208.07673%2034.7976%208.97575C34.7976%209.77247%2035.3714%2010.12%2036.4776%2010.3449L38.4238%2010.7535C40.9845%2011.2846%2042.6232%2012.3266%2042.6232%2014.7174C42.6232%2017.4964%2040.3288%2019.2131%2036.8461%2019.2131C33.7117%2019.2131%2030.8848%2017.7213%2030.5576%2014.2885H34.0402C34.2658%2015.5148%2035.3104%2016.2912%2036.9491%2016.2912C38.1779%2016.2912%2038.9157%2015.821%2038.9157%2015.0446C38.9157%2014.5541%2038.6494%2014.0433%2037.4409%2013.8184L35.1465%2013.3279C32.4016%2012.7351%2031.1111%2011.4885%2031.1111%209.28198C31.1111%206.50296%2033.3642%204.78624%2036.6422%204.78624C38.8953%204.78624%2042.2553%205.62427%2042.6035%209.36329L42.6029%209.36394Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M58.0327%2012.3436C58.0327%2016.7357%2055.5049%2019.2131%2051.4649%2019.2131C47.4249%2019.2131%2044.918%2016.7357%2044.918%2012.3436V4.78688H48.4399V12.4059C48.4399%2014.5711%2049.6209%2015.9239%2051.4649%2015.9239C53.3088%2015.9239%2054.5101%2014.5711%2054.5101%2012.4059V4.78688H58.0321V12.3436H58.0327Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M72.2623%2010.0695C72.2623%2013.4426%2069.7987%2015.5429%2065.8702%2015.5429H63.9167V19.2131H60.3279V4.78688H66.1462C69.9259%204.78688%2072.2623%206.8236%2072.2623%2010.0695ZM68.6944%2010.0695C68.6944%208.77508%2067.6538%207.92655%2066.0826%207.92655H63.9167V12.4026H66.0826C67.6538%2012.4026%2068.6944%2011.4905%2068.6944%2010.0688V10.0695Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M78.1364%207.90557V10.5364H84.5318V13.5915H78.1364V16.0951H85.4426V19.2138H74.5574V4.78688H85.4426V7.90557H78.1364Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M96.7124%2019.2131L94.0009%2015.0334H91.2894V19.2131H87.7373V4.78688H93.9793C97.5314%204.78688%2099.9058%206.73901%2099.9058%209.85704C99.9058%2011.7449%2099.0022%2013.2728%2097.4888%2014.1639L100.851%2019.2131H96.7111H96.7124ZM91.2901%2011.8092H93.917C95.2829%2011.8092%2096.355%2011.0452%2096.355%209.8577C96.355%208.67016%2095.2829%207.94819%2093.917%207.94819H91.2901V11.8092Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M115.279%2015.2033C115.279%2017.6006%20113.344%2019.2131%20110.091%2019.2131H102.82V4.78688H109.666C112.813%204.78688%20114.641%206.27213%20114.641%208.62688C114.641%209.96327%20113.897%2011.3423%20112.642%2011.7882C114.407%2012.1698%20115.279%2013.6551%20115.279%2015.2039V15.2033ZM106.413%207.71409V10.7266H109.114C110.474%2010.7266%20111.219%2010.0479%20111.219%209.11409C111.219%208.18032%20110.496%207.71409%20109.114%207.71409H106.413ZM111.771%2014.7364C111.771%2013.8452%20111.027%2013.3364%20109.688%2013.3364H106.414V16.2426H109.624C111.113%2016.2426%20111.772%2015.5849%20111.772%2014.7364H111.771Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M141.312%204.78688V19.2131H137.771V4.78688H141.312Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M131.03%2016.7311H124.948L123.998%2019.2131H120.197L126.301%204.78688H129.722L135.804%2019.2131H132.002L131.031%2016.7311H131.03ZM129.869%2013.7397L127.99%208.88131L126.11%2013.7397H129.87H129.869Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M146.033%2019.2131C147.011%2019.2131%20147.803%2018.4204%20147.803%2017.4426C147.803%2016.4648%20147.011%2015.6721%20146.033%2015.6721C145.055%2015.6721%20144.262%2016.4648%20144.262%2017.4426C144.262%2018.4204%20145.055%2019.2131%20146.033%2019.2131Z%22%20fill%3D%22%230057FF%22%20style%3D%22fill%3A%20rgb(0%2C%2087%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://superb-ai.com/favicon.ico
- Social card (og:image): https://cdn.sanity.io/images/31qskqlc/production/7ba81a689488143e8d1cf1e0fbd5ee6ad2bd3ce7-1200x630.png?fit=max&auto=format

## UI Components

- buttonPrimary: background=#3D7FFF, textColor=#FFFFFF, borderColor=#ADADAD, borderRadius=0px, shadow=none
- buttonSecondary: background=#FFFFFF, textColor=#000000, borderRadius=0px, shadow=none

## Brand Personality

Tone: modern · Energy: high · Audience: businesses looking for AI solutions

## Superb AI Brand in the Wild

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

- **라벨링 검수 완벽 정리: ✓ 효율적인 검수 프로세스로 데이터 품질 극대화하기**
  - Image: https://storage.ghost.io/c/73/74/73741b5e-0bdf-4e6f-9161-743bc6f76d78/content/images/size/w2000/2025/03/------_------------_blog-2000x1125-.png
  - Source: https://blog-ko.superb-ai.com/labeling-review-process/
- **컴퓨터 비전(Computer Vision) 문제에서 Superb AI Suite를 이용한 Data Centric MLOps #01**
  - Image: https://cdn.imweb.me/upload/S20230310b4a7c52e2087d/612b32e0e0c40.jpeg
  - Source: https://blog-ko.superb-ai.com/superb-ai-suite-data-centric-mlops-01/
- **Advanced Diagnostics for Computer Vision Tools**
  - Image: https://a-us.storyblok.com/f/1002816/2000x1125/4a9913a438/blog-advanced-model-diagnostic-techniques-for-computer-vision.png
  - Source: https://archive.superb-ai.com/blog/advanced-model-diagnostic-techniques-for-computer-vision/
- **슈퍼브에이아이 - 채용 페이지**
  - Image: https://careers.superb-ai.com/_next/image?url=https%3A%2F%2Fimage.ninehire.com%2Fhomepage%2F36c4ead0-262e-11ee-b1b6-3bd8ec13465a%2Fimage%2F7c729c40-7cb7-11ef-b134-071ead7f0daf.png&w=3840&q=100
  - Source: https://careers.superb-ai.com/
- **2025 AI 최신 트렌드를 한눈에 - 국내외 필수 AI 정보 허브 총정리**
  - Image: https://lh7-rt.googleusercontent.com/docsz/AD_4nXeOrrYZ82DSqRcfjRFS-mg2WUfUuMkNFW-2ikdzUCCZq04NuPHdOBCHYlGuUSxFZAXN-ZvJqG4TT-hU-ylEznMGGmm2eNVJd78jwUFsFHq1mVB5B7MZSEW79v9Pahjqz5gOF-lk5hu12IndiHEzRM2GmnycWFjwetZY_gGBN1l_IcqEEN4CiB4?key=R-cdm1XWfi7yu-xEZJYuDA
  - Source: https://blog-ko.superb-ai.com/essential-ai-information-hubs-guide-2025/
- **슈퍼브 팀**
  - Image: https://careers.superb-ai.com/_next/image?url=https%3A%2F%2Fimage.ninehire.com%2Fhomepage%2F36c4ead0-262e-11ee-b1b6-3bd8ec13465a%2Fd9023cd0-f1f8-11ee-a83b-3181d1cdfd60.jpg&w=3840&q=75
  - Source: https://careers.superb-ai.com/superbteam

## 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": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#3D7FFF",
    "secondary": "#FFA810",
    "accent": "#3D7FFF",
    "background": "#FFFFFF",
    "textPrimary": "#1F1F1F",
    "link": "#707480"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "16px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#3D7FFF",
      "textColor": "#FFFFFF",
      "borderColor": "#ADADAD",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22pc%3Aw-%5B148px%5D%20pc%3Ah-%5B24px%5D%20tablet%3Aw-%5B148px%5D%20tablet%3Ah-%5B24px%5D%20mobile%3Aw-%5B100px%5D%20mobile%3Ah-%5B16px%5D%20cursor-pointer%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20148%2024%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M24%200V3.2L3.2%2024H0V20.8L20.8%200H24Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M24%209H20.8L9%2020.8V24H12.2L24%2012.2V9Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M15%200H11.8L0%2011.8V15H3.2L15%203.2V0Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M18%2024V20.8L20.8%2018H24V21.2L21.2%2024H18Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0%206V2.8L2.8%200H6V3.2L3.2%206H0Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M42.6029%209.36394H39.1202C38.936%208.32198%2038.3006%207.60657%2036.8258%207.60657C35.597%207.60657%2034.7976%208.07673%2034.7976%208.97575C34.7976%209.77247%2035.3714%2010.12%2036.4776%2010.3449L38.4238%2010.7535C40.9845%2011.2846%2042.6232%2012.3266%2042.6232%2014.7174C42.6232%2017.4964%2040.3288%2019.2131%2036.8461%2019.2131C33.7117%2019.2131%2030.8848%2017.7213%2030.5576%2014.2885H34.0402C34.2658%2015.5148%2035.3104%2016.2912%2036.9491%2016.2912C38.1779%2016.2912%2038.9157%2015.821%2038.9157%2015.0446C38.9157%2014.5541%2038.6494%2014.0433%2037.4409%2013.8184L35.1465%2013.3279C32.4016%2012.7351%2031.1111%2011.4885%2031.1111%209.28198C31.1111%206.50296%2033.3642%204.78624%2036.6422%204.78624C38.8953%204.78624%2042.2553%205.62427%2042.6035%209.36329L42.6029%209.36394Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M58.0327%2012.3436C58.0327%2016.7357%2055.5049%2019.2131%2051.4649%2019.2131C47.4249%2019.2131%2044.918%2016.7357%2044.918%2012.3436V4.78688H48.4399V12.4059C48.4399%2014.5711%2049.6209%2015.9239%2051.4649%2015.9239C53.3088%2015.9239%2054.5101%2014.5711%2054.5101%2012.4059V4.78688H58.0321V12.3436H58.0327Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M72.2623%2010.0695C72.2623%2013.4426%2069.7987%2015.5429%2065.8702%2015.5429H63.9167V19.2131H60.3279V4.78688H66.1462C69.9259%204.78688%2072.2623%206.8236%2072.2623%2010.0695ZM68.6944%2010.0695C68.6944%208.77508%2067.6538%207.92655%2066.0826%207.92655H63.9167V12.4026H66.0826C67.6538%2012.4026%2068.6944%2011.4905%2068.6944%2010.0688V10.0695Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M78.1364%207.90557V10.5364H84.5318V13.5915H78.1364V16.0951H85.4426V19.2138H74.5574V4.78688H85.4426V7.90557H78.1364Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M96.7124%2019.2131L94.0009%2015.0334H91.2894V19.2131H87.7373V4.78688H93.9793C97.5314%204.78688%2099.9058%206.73901%2099.9058%209.85704C99.9058%2011.7449%2099.0022%2013.2728%2097.4888%2014.1639L100.851%2019.2131H96.7111H96.7124ZM91.2901%2011.8092H93.917C95.2829%2011.8092%2096.355%2011.0452%2096.355%209.8577C96.355%208.67016%2095.2829%207.94819%2093.917%207.94819H91.2901V11.8092Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M115.279%2015.2033C115.279%2017.6006%20113.344%2019.2131%20110.091%2019.2131H102.82V4.78688H109.666C112.813%204.78688%20114.641%206.27213%20114.641%208.62688C114.641%209.96327%20113.897%2011.3423%20112.642%2011.7882C114.407%2012.1698%20115.279%2013.6551%20115.279%2015.2039V15.2033ZM106.413%207.71409V10.7266H109.114C110.474%2010.7266%20111.219%2010.0479%20111.219%209.11409C111.219%208.18032%20110.496%207.71409%20109.114%207.71409H106.413ZM111.771%2014.7364C111.771%2013.8452%20111.027%2013.3364%20109.688%2013.3364H106.414V16.2426H109.624C111.113%2016.2426%20111.772%2015.5849%20111.772%2014.7364H111.771Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M141.312%204.78688V19.2131H137.771V4.78688H141.312Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M131.03%2016.7311H124.948L123.998%2019.2131H120.197L126.301%204.78688H129.722L135.804%2019.2131H132.002L131.031%2016.7311H131.03ZM129.869%2013.7397L127.99%208.88131L126.11%2013.7397H129.87H129.869Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M146.033%2019.2131C147.011%2019.2131%20147.803%2018.4204%20147.803%2017.4426C147.803%2016.4648%20147.011%2015.6721%20146.033%2015.6721C145.055%2015.6721%20144.262%2016.4648%20144.262%2017.4426C144.262%2018.4204%20145.055%2019.2131%20146.033%2019.2131Z%22%20fill%3D%22%230057FF%22%20style%3D%22fill%3A%20rgb(0%2C%2087%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://superb-ai.com/favicon.ico",
    "ogImage": "https://cdn.sanity.io/images/31qskqlc/production/7ba81a689488143e8d1cf1e0fbd5ee6ad2bd3ce7-1200x630.png?fit=max&auto=format",
    "logoHref": "/en"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, is visible, and matches the brand inferred from the page title and URL.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 4,
      "text": "More",
      "reasoning": "Button #4 has a vibrant blue background (#3D7FFF), which is the brand color, making it the most likely primary CTA."
    },
    "secondary": {
      "index": 1,
      "text": "Start for free",
      "reasoning": "Button #1 has a white background, providing a clear contrast to the primary button's vibrant color, making it suitable as a secondary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "businesses looking for AI solutions"
  },
  "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 located in the header, is visible, and matches the brand inferred from the page title and URL.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```