Quindar Brand Identity

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

Color Palette

Brand palette extracted from https://www.quindar.space.

• primary
  • Hex: #8448FF
  • RGB: rgb(132, 72, 255)
• secondary
  • Hex: #9F413E
  • RGB: rgb(159, 65, 62)
• accent
  • Hex: #FFFBCC
  • RGB: rgb(255, 251, 204)
• background
  • Hex: #FFFFFF
  • RGB: rgb(255, 255, 255)
• textPrimary
  • Hex: #020410
  • RGB: rgb(2, 4, 16)
• link
  • Hex: #FFFBCC
  • RGB: rgb(255, 251, 204)

Typography

Each font links to its Google Fonts page where available.

• primary
  • Segoe UI (Segoe UI Google Fonts →)
• heading
  • Space Grotesk (Space Grotesk Google Fonts →)

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

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.

Visual Assets

%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M41.9358%2012.1416C41.9358%2014.0345%2040.3953%2015.5751%2038.5023%2015.5751H32.2877C30.3947%2015.5751%2028.8542%2014.0345%2028.8542%2012.1416V2.72266H25.8359V12.1416C25.8359%2015.6995%2028.731%2018.5946%2032.289%2018.5946H38.5036C42.0616%2018.5946%2044.9567%2015.6995%2044.9567%2012.1416V2.72266H41.9385V12.1416H41.9358Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2016)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M51.1628%202.72266H48.1445V18.5946H51.1628V2.72266Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2016)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M67.0193%202.6875H60.8046C57.2467%202.6875%2054.3516%205.5826%2054.3516%209.14056V18.6066H57.3698V9.14056C57.3698%207.24761%2058.9104%205.70705%2060.8046%205.70705H67.0193C68.9122%205.70705%2070.4528%207.24761%2070.4528%209.14056V18.6066H73.471V9.14056C73.471%205.5826%2070.5759%202.6875%2067.018%202.6875H67.0193Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2016)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M87.7087%202.73828H76.6602V18.605H87.7087C91.2667%2018.605%2094.1618%2015.7099%2094.1618%2012.1519V9.19134C94.1618%205.63338%2091.2667%202.73828%2087.7087%202.73828ZM91.1435%2012.1519C91.1435%2014.0449%2089.603%2015.5855%2087.71%2015.5855H79.6797V5.75652H87.71C89.603%205.75652%2091.1435%207.29708%2091.1435%209.19134V12.1519Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2016)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M110.019%202.6875H103.805C100.247%202.6875%2097.3516%205.5826%2097.3516%209.14056V18.6066H100.37V12.1693H113.453V18.6066H116.471V9.14056C116.471%205.5826%20113.576%202.6875%20110.018%202.6875H110.019ZM100.37%209.14973V9.13925C100.37%207.2463%20101.91%205.70574%20103.805%205.70574H110.019C111.912%205.70574%20113.453%207.2463%20113.453%209.13925V9.14973H100.37Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2016)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M126.023%202.6875C122.465%202.6875%20119.57%205.5826%20119.57%209.14056V18.6066H122.589V9.14056C122.589%207.24761%20124.129%205.70705%20126.022%205.70705H130.997V2.68881H126.022L126.023%202.6875Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2016)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M16.1916%200H6.45306C2.8951%200%200%202.8951%200%206.45306V12.1568C0%2015.7148%202.8951%2018.6099%206.45306%2018.6099H11.4284V15.5916H6.45306C4.56011%2015.5916%203.01955%2014.0511%203.01955%2012.1581V6.45437C3.01955%204.56142%204.56011%203.02086%206.45306%203.02086H16.1929C18.0859%203.02086%2019.6264%204.56142%2019.6264%206.45437V12.1581H22.6447V6.45437C22.6447%202.89641%2019.7496%200.00131%2016.1916%200.00131V0Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2016)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.92969%209.1041L16.4661%2016.5816V18.6095H19.4857V15.324L11.0558%206.96094L8.92969%209.1041Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2016)%20!important%3B%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip0_2998_8032%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22131%22%20height%3D%2218.6099%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E)

Logo

Favicon

UI Components

Live previews rendered using Quindar's actual button styles.

• Input

  • background: #FFFFFF
  • textColor: #A2A2A2
  • borderColor: #020410
  • borderRadius: 4px
  • shadow: rgba(18, 25, 97, 0.08) 0px 1px 4px 0px

• Button Primary

  • background: transparent
  • textColor: #020410
  • borderColor: #8448FF
  • borderRadius: 4px
  • shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px

Brand Personality

• Tone: modern
• Energy: medium
• Audience: technology professionals

Frequently Asked Questions

• What is Quindar's primary brand color?
  • Quindar's primary brand color is #8448FF. It anchors the visual identity across their website, product UI, and marketing materials.
• What accent color does Quindar use?
  • Quindar uses #FFFBCC as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
• What font does Quindar use?
  • Quindar uses Segoe UI for body text and Space Grotesk for headings. Fonts were detected on https://www.quindar.space as part of their live design system.
• Does Quindar use a light or dark theme?
  • Quindar's primary site uses a light color scheme, with a background of #FFFFFF.
• Where can I find Quindar's logo?
  • Quindar's logo is available directly on their site (source).
• How was this brand profile generated?
  • This profile was extracted from https://www.quindar.space using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Quindar.