# Flai Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #4E565E |
| Accent | #0D1C2B |
| Body Font | Satoshi |
| Heading Font | Satoshi |

## Color Palette

- primary: #4E565E
- secondary: #27323D
- accent: #0D1C2B
- background: #FFFFFF
- textPrimary: #0D1C2B
- link: #0D1C2B

## Typography

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

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2093%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Cpath%20d%3D%22M27.1924%200C28.0522%20-0.00482899%2029.6742%204.63321%2029.9229%205.49805C30.2882%206.77056%2030.7784%208.08471%2030.3691%209.4248C30.1904%2010.0105%2027.5265%2013.9757%2027.8018%2014.2412H27.8037C29.1166%2013.8162%2030.2615%2013.5173%2031.6572%2013.9229C32.5122%2014.1691%2035.5066%2016.4075%2036.498%2017.0859C36.7124%2017.233%2036.9459%2017.0476%2036.8145%2017.6221C31.531%2017.8032%2029.1219%2023.8397%2025.2051%2026.0371C19.9142%2029.0072%2017.3629%2027.0947%2012.6299%2028.0605C11.1681%2028.3605%207.38143%2031.4741%206.20215%2031.5713C5.80997%2031.6051%202.84514%2029.8958%202.71094%2029.5723L14.4893%2021.9854L14.6543%2021.377C13.5508%2020.5608%2012.2937%2019.8553%2011.3535%2018.8291C10.2063%2017.5759%209.24942%2015.3641%208.16797%2014.2607C7.37385%2013.4494%205.93106%2012.749%205.01758%2011.8291C3.73382%2010.5396%201.74846%207.99973%200.662109%206.48828C0.506108%206.27086%20-0.158675%205.48821%200.03125%205.30469L17.3291%2011.457L20.9785%2013.9951C21.0931%2010.9551%2023.8508%208.78699%2024.998%206.26855C25.8798%204.34651%2026.0207%201.78682%2027.1924%200ZM7.22461%209.16602C6.73696%208.99681%204.12358%208.05834%203.93164%208.20703C4.88159%2010.6553%207.3439%2011.6505%208.92969%2013.2705C10.5155%2014.8908%2011.3803%2017.0067%2013.0732%2018.5811C13.4459%2018.9263%2016.0088%2020.9012%2016.2744%2020.9424C16.9004%2021.0413%2018.2109%2020.0511%2019.0342%2020.2803C18.9709%2020.599%2018.6201%2020.7736%2018.3838%2020.9619C14.8346%2023.7386%209.00081%2026.3028%205.90234%2029.1133C4.91335%2030.0115%205.9243%2030.0383%206.78906%2029.751C8.27741%2029.2535%2010.6157%2027.1796%2011.9092%2026.8584C16.3304%2025.7646%2019.1879%2027.6334%2024.1621%2024.999C27.5822%2023.188%2029.8601%2018.576%2033.6504%2017.0186L32.418%2015.8281C29.5071%2013.6381%2027.3167%2016.6709%2024.6445%2017.6416L25.3701%2019.3125L25.3652%2019.3096C25.1826%2019.4858%2024.0302%2018.5277%2023.7891%2018.3418C21.7941%2016.7989%2019.3512%2014.1599%2017.3076%2012.9355C15.2638%2011.7113%209.80916%2010.057%207.22461%209.16602ZM78.666%2011.8838C80.1948%2011.8838%2081.4836%2012.1536%2082.5322%2012.6934C83.5805%2013.2331%2084.3776%2013.9992%2084.9238%2014.9922C85.4692%2015.9636%2085.7422%2017.1187%2085.7422%2018.457V28.333H82.8926L82.6309%2025.5811C82.4122%2026.0128%2082.1275%2026.423%2081.7783%2026.8115C81.4507%2027.2001%2081.0572%2027.5348%2080.5986%2027.8154C80.162%2028.0959%2079.649%2028.3118%2079.0596%2028.4629C78.4918%2028.6356%2077.8581%2028.7217%2077.1592%2028.7217C75.7836%2028.7217%2074.6483%2028.5058%2073.7529%2028.0742C72.8576%2027.6209%2072.1907%2027.0163%2071.7539%2026.2607C71.3173%2025.5053%2071.0986%2024.6847%2071.0986%2023.7998C71.0987%2022.7421%2071.3721%2021.8355%2071.918%2021.0801C72.4858%2020.3246%2073.2936%2019.7412%2074.3418%2019.3311C75.4119%2018.9209%2076.6898%2018.7158%2078.1748%2018.7158H82.4668C82.4668%2017.7877%2082.3132%2017.0214%2082.0078%2016.417C81.7237%2015.8128%2081.298%2015.3598%2080.7305%2015.0576C80.1627%2014.7338%2079.4741%2014.5713%2078.666%2014.5713C77.6616%2014.5713%2076.7884%2014.82%2076.0459%2015.3164C75.3252%2015.7913%2074.8883%2016.4927%2074.7354%2017.4209H71.459C71.59%2016.2336%2071.995%2015.2411%2072.6719%2014.4424C73.3489%2013.6221%2074.2115%2012.9952%2075.2598%2012.5635C76.3297%2012.1103%2077.4652%2011.8838%2078.666%2011.8838ZM63.29%208.32227H52.3154V15.6729H61.4883V18.2627H52.3154V28.333H49.04V5.66699H63.29V8.32227ZM68.5654%2028.333H65.2891V5.01953H68.5654V28.333ZM92.0547%2028.333H88.7783V12.2725H92.0547V28.333ZM78.5029%2021.0156C77.5421%2021.0156%2076.7664%2021.123%2076.1768%2021.3389C75.609%2021.5548%2075.1937%2021.8575%2074.9316%2022.2461C74.6698%2022.6345%2074.5391%2023.0876%2074.5391%2023.6055C74.5391%2024.1019%2074.6592%2024.545%2074.8994%2024.9336C75.1614%2025.3004%2075.5325%2025.5918%2076.0127%2025.8076C76.4932%2026.0019%2077.0834%2026.0986%2077.7822%2026.0986C78.5027%2026.0986%2079.1472%2025.9583%2079.7148%2025.6777C80.2825%2025.3971%2080.7632%2025.0198%2081.1562%2024.5449C81.5493%2024.0485%2081.8441%2023.5086%2082.041%2022.9258C82.2588%2022.3214%2082.3792%2021.6954%2082.4014%2021.0479V21.0156H78.5029ZM27.2725%203.32812C26.7057%207.77332%2022.8647%2010.5051%2022.001%2014.8936C23.08%2016.3737%2024.055%2017.2648%2025.4727%2015.4346C25.8282%2014.9759%2029.1244%209.11837%2029.2188%208.74609C29.4526%207.79953%2028.2884%204.42084%2027.8086%203.49121C27.6918%203.26423%2027.6695%202.91723%2027.3164%202.89551L27.2725%203.32812ZM90.416%205.01953C91.0277%205.01953%2091.5409%205.21306%2091.9561%205.60156C92.3712%205.96848%2092.5781%206.44365%2092.5781%207.02637C92.5781%207.63081%2092.3713%208.12803%2091.9561%208.5166C91.5409%208.90508%2091.0277%209.09863%2090.416%209.09863C89.7831%209.09858%2089.2589%208.90503%2088.8438%208.5166C88.4506%208.12803%2088.2539%207.63081%2088.2539%207.02637C88.254%206.44365%2088.4507%205.96848%2088.8438%205.60156C89.2589%205.21311%2089.7831%205.01959%2090.416%205.01953Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E
- Favicon: https://cdn.prod.website-files.com/6934eb0f21f812d6aad9b413/693f5f9e34bd7f2052b62ec6_favicon-flai.png
- Social card (og:image): https://cdn.prod.website-files.com/6934eb0f21f812d6aad9b413/69390a97eee81a1af803307d_233b4fe275c02f4ad2d951596803db7a_flai-og-image.jpg

## UI Components

- buttonPrimary: background=#0D1C2B, textColor=#FFFFFF, borderRadius=24px, shadow=none
- buttonSecondary: background=#F3F6FA, textColor=#0D1C2B, borderRadius=24px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: car dealerships

## Flai Brand in the Wild

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

- **Dealership CSI Scores: What Actually Moves Them**
  - Image: https://cdn.prod.website-files.com/693cae2cb56d813c1b2c40ef/698c2014c908be8c8dfcaefe_698c2011c908be8c8dfcae1c_how-to-improve-csi-scores-at-your-dealership.png
  - Source: https://www.useflai.com/blog/how-to-improve-csi-scores-at-your-dealership
- **Blog**
  - Image: https://cdn.prod.website-files.com/693cae2cb56d813c1b2c40ef/6986a323f6f2c2120ec837a1_6986a3211b187752a4e1f1e2_what-is-a-bdc-in-a-car-dealership-complete-guide.png
  - Source: https://www.useflai.com/blog
- **What Is Fixed Operations? Dealer Profit Guide**
  - Image: https://cdn.prod.website-files.com/693cae2cb56d813c1b2c40ef/69c998bb8f1ba34358935997_69c998b80c4756adc5d28d51_speed-to-lead-automotive.png
  - Source: https://www.useflai.com/blog/what-is-fixed-operations-dealership-guide
- **When Do Dealerships Get the Most Calls?**
  - Image: https://cdn.prod.website-files.com/693cae2cb56d813c1b2c40ef/69966977a9c4f3e474973792_699669741291306510be2fdd_when-do-dealerships-get-the-most-calls-peak-hours-breakdown.png
  - Source: https://www.useflai.com/blog/when-do-dealerships-get-the-most-calls
- **Car Dealership Phone Scripts That Book Appointments (2026)**
  - Image: https://cdn.prod.website-files.com/693cae2cb56d813c1b2c40ef/69de827794a40521c6c5e958_69de82753219a28af951a5f6_automotive-email-marketing-what-actually-converts.png
  - Source: https://www.useflai.com/blog/car-dealership-phone-scripts-that-book-appointments
- **What Is Fixed Operations? Dealer Profit Guide**
  - Image: https://cdn.prod.website-files.com/693cae2cb56d813c1b2c40ef/69c998f02805387a62bd02fc_69c998ee04ebaeacf9e3e373_dealership-phone-system.png
  - Source: https://www.useflai.com/blog/what-is-fixed-operations-dealership-guide

## 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": "Satoshi",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#4E565E",
    "secondary": "#27323D",
    "accent": "#0D1C2B",
    "background": "#FFFFFF",
    "textPrimary": "#0D1C2B",
    "link": "#0D1C2B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Satoshi",
      "heading": "Satoshi"
    },
    "fontStacks": {
      "heading": [
        "Satoshi",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Satoshi",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Satoshi",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "88px",
      "h2": "44px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "12px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0D1C2B",
      "textColor": "#FFFFFF",
      "borderRadius": "24px",
      "borderRadiusCorners": {
        "topLeft": "24px",
        "topRight": "24px",
        "bottomRight": "24px",
        "bottomLeft": "24px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F3F6FA",
      "textColor": "#0D1C2B",
      "borderRadius": "24px",
      "borderRadiusCorners": {
        "topLeft": "24px",
        "topRight": "24px",
        "bottomRight": "24px",
        "bottomLeft": "24px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2093%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Cpath%20d%3D%22M27.1924%200C28.0522%20-0.00482899%2029.6742%204.63321%2029.9229%205.49805C30.2882%206.77056%2030.7784%208.08471%2030.3691%209.4248C30.1904%2010.0105%2027.5265%2013.9757%2027.8018%2014.2412H27.8037C29.1166%2013.8162%2030.2615%2013.5173%2031.6572%2013.9229C32.5122%2014.1691%2035.5066%2016.4075%2036.498%2017.0859C36.7124%2017.233%2036.9459%2017.0476%2036.8145%2017.6221C31.531%2017.8032%2029.1219%2023.8397%2025.2051%2026.0371C19.9142%2029.0072%2017.3629%2027.0947%2012.6299%2028.0605C11.1681%2028.3605%207.38143%2031.4741%206.20215%2031.5713C5.80997%2031.6051%202.84514%2029.8958%202.71094%2029.5723L14.4893%2021.9854L14.6543%2021.377C13.5508%2020.5608%2012.2937%2019.8553%2011.3535%2018.8291C10.2063%2017.5759%209.24942%2015.3641%208.16797%2014.2607C7.37385%2013.4494%205.93106%2012.749%205.01758%2011.8291C3.73382%2010.5396%201.74846%207.99973%200.662109%206.48828C0.506108%206.27086%20-0.158675%205.48821%200.03125%205.30469L17.3291%2011.457L20.9785%2013.9951C21.0931%2010.9551%2023.8508%208.78699%2024.998%206.26855C25.8798%204.34651%2026.0207%201.78682%2027.1924%200ZM7.22461%209.16602C6.73696%208.99681%204.12358%208.05834%203.93164%208.20703C4.88159%2010.6553%207.3439%2011.6505%208.92969%2013.2705C10.5155%2014.8908%2011.3803%2017.0067%2013.0732%2018.5811C13.4459%2018.9263%2016.0088%2020.9012%2016.2744%2020.9424C16.9004%2021.0413%2018.2109%2020.0511%2019.0342%2020.2803C18.9709%2020.599%2018.6201%2020.7736%2018.3838%2020.9619C14.8346%2023.7386%209.00081%2026.3028%205.90234%2029.1133C4.91335%2030.0115%205.9243%2030.0383%206.78906%2029.751C8.27741%2029.2535%2010.6157%2027.1796%2011.9092%2026.8584C16.3304%2025.7646%2019.1879%2027.6334%2024.1621%2024.999C27.5822%2023.188%2029.8601%2018.576%2033.6504%2017.0186L32.418%2015.8281C29.5071%2013.6381%2027.3167%2016.6709%2024.6445%2017.6416L25.3701%2019.3125L25.3652%2019.3096C25.1826%2019.4858%2024.0302%2018.5277%2023.7891%2018.3418C21.7941%2016.7989%2019.3512%2014.1599%2017.3076%2012.9355C15.2638%2011.7113%209.80916%2010.057%207.22461%209.16602ZM78.666%2011.8838C80.1948%2011.8838%2081.4836%2012.1536%2082.5322%2012.6934C83.5805%2013.2331%2084.3776%2013.9992%2084.9238%2014.9922C85.4692%2015.9636%2085.7422%2017.1187%2085.7422%2018.457V28.333H82.8926L82.6309%2025.5811C82.4122%2026.0128%2082.1275%2026.423%2081.7783%2026.8115C81.4507%2027.2001%2081.0572%2027.5348%2080.5986%2027.8154C80.162%2028.0959%2079.649%2028.3118%2079.0596%2028.4629C78.4918%2028.6356%2077.8581%2028.7217%2077.1592%2028.7217C75.7836%2028.7217%2074.6483%2028.5058%2073.7529%2028.0742C72.8576%2027.6209%2072.1907%2027.0163%2071.7539%2026.2607C71.3173%2025.5053%2071.0986%2024.6847%2071.0986%2023.7998C71.0987%2022.7421%2071.3721%2021.8355%2071.918%2021.0801C72.4858%2020.3246%2073.2936%2019.7412%2074.3418%2019.3311C75.4119%2018.9209%2076.6898%2018.7158%2078.1748%2018.7158H82.4668C82.4668%2017.7877%2082.3132%2017.0214%2082.0078%2016.417C81.7237%2015.8128%2081.298%2015.3598%2080.7305%2015.0576C80.1627%2014.7338%2079.4741%2014.5713%2078.666%2014.5713C77.6616%2014.5713%2076.7884%2014.82%2076.0459%2015.3164C75.3252%2015.7913%2074.8883%2016.4927%2074.7354%2017.4209H71.459C71.59%2016.2336%2071.995%2015.2411%2072.6719%2014.4424C73.3489%2013.6221%2074.2115%2012.9952%2075.2598%2012.5635C76.3297%2012.1103%2077.4652%2011.8838%2078.666%2011.8838ZM63.29%208.32227H52.3154V15.6729H61.4883V18.2627H52.3154V28.333H49.04V5.66699H63.29V8.32227ZM68.5654%2028.333H65.2891V5.01953H68.5654V28.333ZM92.0547%2028.333H88.7783V12.2725H92.0547V28.333ZM78.5029%2021.0156C77.5421%2021.0156%2076.7664%2021.123%2076.1768%2021.3389C75.609%2021.5548%2075.1937%2021.8575%2074.9316%2022.2461C74.6698%2022.6345%2074.5391%2023.0876%2074.5391%2023.6055C74.5391%2024.1019%2074.6592%2024.545%2074.8994%2024.9336C75.1614%2025.3004%2075.5325%2025.5918%2076.0127%2025.8076C76.4932%2026.0019%2077.0834%2026.0986%2077.7822%2026.0986C78.5027%2026.0986%2079.1472%2025.9583%2079.7148%2025.6777C80.2825%2025.3971%2080.7632%2025.0198%2081.1562%2024.5449C81.5493%2024.0485%2081.8441%2023.5086%2082.041%2022.9258C82.2588%2022.3214%2082.3792%2021.6954%2082.4014%2021.0479V21.0156H78.5029ZM27.2725%203.32812C26.7057%207.77332%2022.8647%2010.5051%2022.001%2014.8936C23.08%2016.3737%2024.055%2017.2648%2025.4727%2015.4346C25.8282%2014.9759%2029.1244%209.11837%2029.2188%208.74609C29.4526%207.79953%2028.2884%204.42084%2027.8086%203.49121C27.6918%203.26423%2027.6695%202.91723%2027.3164%202.89551L27.2725%203.32812ZM90.416%205.01953C91.0277%205.01953%2091.5409%205.21306%2091.9561%205.60156C92.3712%205.96848%2092.5781%206.44365%2092.5781%207.02637C92.5781%207.63081%2092.3713%208.12803%2091.9561%208.5166C91.5409%208.90508%2091.0277%209.09863%2090.416%209.09863C89.7831%209.09858%2089.2589%208.90503%2088.8438%208.5166C88.4506%208.12803%2088.2539%207.63081%2088.2539%207.02637C88.254%206.44365%2088.4507%205.96848%2088.8438%205.60156C89.2589%205.21311%2089.7831%205.01959%2090.416%205.01953Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E",
    "favicon": "https://cdn.prod.website-files.com/6934eb0f21f812d6aad9b413/693f5f9e34bd7f2052b62ec6_favicon-flai.png",
    "ogImage": "https://cdn.prod.website-files.com/6934eb0f21f812d6aad9b413/69390a97eee81a1af803307d_233b4fe275c02f4ad2d951596803db7a_flai-og-image.jpg",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, which are strong indicators of the main brand logo.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Book a demo",
      "reasoning": "Button #0 'Book a demo' is likely 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": "Get started",
      "reasoning": "Button #2 'Get started' is chosen as secondary due to its lighter blue background, which contrasts with the primary button's dark color, and its supportive action text."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "car dealerships"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  },
  "__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 links to the homepage, which are strong indicators of the main brand logo.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```