# Flock Safety Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #123A09 |
| Accent | #3FC919 |
| Body Font | Denim |
| Heading Font | Denim |

## Color Palette

- primary: #123A09
- secondary: #061602
- accent: #3FC919
- background: #ECEFEB
- textPrimary: #000000
- link: #3FC919

## Typography

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

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%2299%22%20height%3D%2224%22%20viewBox%3D%220%200%2099%2024%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%22M82.8958%200H87.2512V10.9233C87.2512%2011.5253%2087.9811%2011.8224%2088.3984%2011.3912L92.989%206.64574H98.4582L92.5535%2012.6393C92.3547%2012.8419%2092.3213%2013.1543%2092.473%2013.3951L99%2023.7317H93.9026L89.5184%2017.0037C89.3074%2016.6806%2088.8537%2016.6334%2088.5805%2016.9062L87.5911%2017.8998C87.3741%2018.1177%2087.2512%2018.4148%2087.2512%2018.7227V23.7317H82.8958V0Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M68.8358%2022.8312C67.6885%2022.051%2066.8038%2020.9888%2066.1861%2019.6447C65.567%2018.3006%2065.2574%2016.8148%2065.2574%2015.1873C65.2574%2013.5598%2065.5731%2012.0465%2066.2028%2010.7131C66.8326%209.3797%2067.7264%208.32364%2068.8859%207.5434C70.0453%206.76316%2071.3898%206.37456%2072.9195%206.37456H74C75.2823%206.37456%2076.4417%206.67477%2077.4767%207.27214C78.5116%207.87104%2079.3326%208.70156%2079.9412%209.76372C80.5482%2010.8259%2080.8866%2012.0343%2080.9534%2013.3906H76.598C76.5085%2012.4412%2076.2217%2011.6625%2075.7376%2011.0514C75.2535%2010.4419%2074.651%2010.1356%2073.9317%2010.1356H72.9195C72.2442%2010.1356%2071.6645%2010.3672%2071.1804%2010.8305C70.6963%2011.2937%2070.3245%2011.9048%2070.0665%2012.6607C69.807%2013.418%2069.678%2014.2592%2069.678%2015.1858C69.678%2016.1123%2069.807%2016.9596%2070.0665%2017.7276C70.3245%2018.4957%2070.6917%2019.1068%2071.1637%2019.5578C71.6356%2020.0104%2072.1987%2020.236%2072.8512%2020.236H73.8634C74.6055%2020.236%2075.2186%2019.9419%2075.7027%2019.3552C76.1868%2018.7685%2076.507%2017.9989%2076.6648%2017.0495H80.9852C80.8502%2018.3601%2080.4678%2019.5472%2079.838%2020.6093C79.2082%2021.6715%2078.3872%2022.502%2077.3735%2023.1009C76.3613%2023.6998%2075.2019%2023.9985%2073.8968%2023.9985H72.8497C71.3185%2023.9985%2069.98%2023.6084%2068.8327%2022.8297L68.8358%2022.8312Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M50.9454%2022.8647C49.7981%2022.1073%2048.8967%2021.0573%2048.2442%2019.7117C47.5916%2018.3677%2047.2654%2016.859%2047.2654%2015.1857C47.2654%2013.5125%2047.5916%2012.0054%2048.2442%2010.6598C48.8967%209.31567%2049.7966%208.26418%2050.9454%207.5068C52.0927%206.74942%2053.3765%206.37149%2054.7939%206.37149H56.1445C57.5619%206.37149%2058.8457%206.74942%2059.993%207.5068C61.1403%208.26418%2062.0402%209.31567%2062.6942%2010.6598C63.3468%2012.0038%2063.6731%2013.5125%2063.6731%2015.1857C63.6731%2016.859%2063.3468%2018.3677%2062.6942%2019.7117C62.0417%2021.0573%2061.1463%2022.1073%2060.0112%2022.8647C58.8746%2023.6221%2057.5968%2024%2056.1794%2024H54.8288C53.3887%2024%2052.0942%2023.6221%2050.9469%2022.8647H50.9454ZM57.6636%2019.5761C58.1583%2019.1357%2058.5529%2018.5246%2058.8457%2017.7459C59.1386%2016.9657%2059.2843%2016.1138%2059.2843%2015.1873C59.2843%2014.2607%2059.1371%2013.4073%2058.8457%2012.6286C58.5529%2011.8484%2058.1537%2011.2388%2057.6469%2010.7984C57.14%2010.358%2056.5831%2010.1371%2055.9761%2010.1371H54.9639C54.3568%2010.1371%2053.7999%2010.3519%2053.2931%2010.7817C52.7862%2011.2114%2052.3871%2011.8149%2052.0942%2012.5951C51.8013%2013.3753%2051.6556%2014.2394%2051.6556%2015.1888C51.6556%2016.1382%2051.8013%2017.0022%2052.0942%2017.7825C52.3871%2018.5627%2052.7862%2019.1662%2053.2931%2019.5959C53.7999%2020.0257%2054.3568%2020.2405%2054.9639%2020.2405H56.011C56.618%2020.2405%2057.1704%2020.0196%2057.6651%2019.5792L57.6636%2019.5761Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M41.2056%200H45.5609V23.7287H41.2056V0Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M23.6676%200H39.3651V4.03377H29.2704C28.7681%204.03377%2028.3598%204.4437%2028.3598%204.94811V8.67863C28.3598%209.18304%2028.7681%209.59297%2029.2704%209.59297H38.8248V13.6267H29.2704C28.7681%2013.6267%2028.3598%2014.0367%2028.3598%2014.5411V23.7287H23.6676V0Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M14.5302%202.80729H15.8769V4.15963C15.8769%206.47082%2014.0077%208.34631%2011.7077%208.34631H10.361V6.99397C10.361%204.68277%2012.2301%202.80729%2014.5302%202.80729Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M9.91483%2023.7437L8.9795%208.36491e-05H5.57146L5.052%209.26295C5.02648%209.72428%204.46197%209.93082%204.14669%209.59312L1.87367%207.16584L0%2010.2444L4.16771%2015.6266C4.486%2016.0367%204.64364%2016.5478%204.61511%2017.0664L4.24128%2023.7437H9.91483Z%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/6821cc9ecc966b7f252b372e/69de39f41352a9580aab0977_32.png
- Social card (og:image): https://cdn.prod.website-files.com/6821cc9ecc966b7f252b372e/69d4374d9915bb35cf247c08_Flock%20Logo%20Social%20opengraph%201200x628%20(1)%201132.jpeg

## UI Components

- buttonPrimary: background=#3FC919, textColor=#123A09, borderRadius=18px, shadow=none
- buttonSecondary: background=#123A09, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=18px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: law enforcement and community safety organizations

## Flock Safety Brand in the Wild

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

- **Blog**
  - Image: https://cdn.prod.website-files.com/6823a65a40e8919f48f55a9d/6924e3617991de62609d7e32_law%20enforcement%20drone%20policy.jpg
  - Source: https://www.flocksafety.com/blog?6f47fcda_page=5
- **How Does Policy Evaluation Shape New Flock Products?**
  - Image: https://cdn.prod.website-files.com/6823a65a40e8919f48f55a9d/69dcffa26bcdadd27f6bc1f9_blog-logo-main.jpg
  - Source: https://www.flocksafety.com/blog/how-does-policy-evaluation-shape-new-flock-products
- **Flock DAS: Automated Security for Retail Shopping Centers**
  - Image: https://cdn.prod.website-files.com/6823a65a40e8919f48f55a9d/689f35455c629efef35d6472_pexels-pok-rie-33563-1004409.jpg
  - Source: https://www.flocksafety.com/blog/flock-aerodome-automated-security-for-retail-shopping-centers
- **Blog**
  - Image: https://cdn.prod.website-files.com/6823a65a40e8919f48f55a9d/69e1723e223612ca3779b6c7_AdobeStock_304615810.jpeg
  - Source: https://www.flocksafety.com/blog
- **How Does Policy Evaluation Shape New Flock Products?**
  - Image: https://cdn.prod.website-files.com/6823a65a40e8919f48f55a9d/69dd31b15622c7e9d4fc2d01_KN0A3334.jpg
  - Source: https://www.flocksafety.com/blog/how-does-policy-evaluation-shape-new-flock-products
- **Blog**
  - Image: https://cdn.prod.website-files.com/6823a65a40e8919f48f55a9d/69d7bd833ce9f9c4c4d3535f_blog-software-main%20(1).jpg
  - Source: https://www.flocksafety.com/blog

## 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": "Denim",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#123A09",
    "secondary": "#061602",
    "accent": "#3FC919",
    "background": "#ECEFEB",
    "textPrimary": "#000000",
    "link": "#3FC919"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Denim",
      "heading": "Denim"
    },
    "fontStacks": {
      "heading": [
        "Denim",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Denim",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Denim",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "85.5px",
      "body": "22.5px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "14px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#3FC919",
      "textColor": "#123A09",
      "borderRadius": "18px",
      "borderRadiusCorners": {
        "topLeft": "18px",
        "topRight": "18px",
        "bottomRight": "18px",
        "bottomLeft": "18px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#123A09",
      "textColor": "#FFFFFF",
      "borderColor": "#FFFFFF",
      "borderRadius": "18px",
      "borderRadiusCorners": {
        "topLeft": "18px",
        "topRight": "18px",
        "bottomRight": "18px",
        "bottomLeft": "18px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2299%22%20height%3D%2224%22%20viewBox%3D%220%200%2099%2024%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%22M82.8958%200H87.2512V10.9233C87.2512%2011.5253%2087.9811%2011.8224%2088.3984%2011.3912L92.989%206.64574H98.4582L92.5535%2012.6393C92.3547%2012.8419%2092.3213%2013.1543%2092.473%2013.3951L99%2023.7317H93.9026L89.5184%2017.0037C89.3074%2016.6806%2088.8537%2016.6334%2088.5805%2016.9062L87.5911%2017.8998C87.3741%2018.1177%2087.2512%2018.4148%2087.2512%2018.7227V23.7317H82.8958V0Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M68.8358%2022.8312C67.6885%2022.051%2066.8038%2020.9888%2066.1861%2019.6447C65.567%2018.3006%2065.2574%2016.8148%2065.2574%2015.1873C65.2574%2013.5598%2065.5731%2012.0465%2066.2028%2010.7131C66.8326%209.3797%2067.7264%208.32364%2068.8859%207.5434C70.0453%206.76316%2071.3898%206.37456%2072.9195%206.37456H74C75.2823%206.37456%2076.4417%206.67477%2077.4767%207.27214C78.5116%207.87104%2079.3326%208.70156%2079.9412%209.76372C80.5482%2010.8259%2080.8866%2012.0343%2080.9534%2013.3906H76.598C76.5085%2012.4412%2076.2217%2011.6625%2075.7376%2011.0514C75.2535%2010.4419%2074.651%2010.1356%2073.9317%2010.1356H72.9195C72.2442%2010.1356%2071.6645%2010.3672%2071.1804%2010.8305C70.6963%2011.2937%2070.3245%2011.9048%2070.0665%2012.6607C69.807%2013.418%2069.678%2014.2592%2069.678%2015.1858C69.678%2016.1123%2069.807%2016.9596%2070.0665%2017.7276C70.3245%2018.4957%2070.6917%2019.1068%2071.1637%2019.5578C71.6356%2020.0104%2072.1987%2020.236%2072.8512%2020.236H73.8634C74.6055%2020.236%2075.2186%2019.9419%2075.7027%2019.3552C76.1868%2018.7685%2076.507%2017.9989%2076.6648%2017.0495H80.9852C80.8502%2018.3601%2080.4678%2019.5472%2079.838%2020.6093C79.2082%2021.6715%2078.3872%2022.502%2077.3735%2023.1009C76.3613%2023.6998%2075.2019%2023.9985%2073.8968%2023.9985H72.8497C71.3185%2023.9985%2069.98%2023.6084%2068.8327%2022.8297L68.8358%2022.8312Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M50.9454%2022.8647C49.7981%2022.1073%2048.8967%2021.0573%2048.2442%2019.7117C47.5916%2018.3677%2047.2654%2016.859%2047.2654%2015.1857C47.2654%2013.5125%2047.5916%2012.0054%2048.2442%2010.6598C48.8967%209.31567%2049.7966%208.26418%2050.9454%207.5068C52.0927%206.74942%2053.3765%206.37149%2054.7939%206.37149H56.1445C57.5619%206.37149%2058.8457%206.74942%2059.993%207.5068C61.1403%208.26418%2062.0402%209.31567%2062.6942%2010.6598C63.3468%2012.0038%2063.6731%2013.5125%2063.6731%2015.1857C63.6731%2016.859%2063.3468%2018.3677%2062.6942%2019.7117C62.0417%2021.0573%2061.1463%2022.1073%2060.0112%2022.8647C58.8746%2023.6221%2057.5968%2024%2056.1794%2024H54.8288C53.3887%2024%2052.0942%2023.6221%2050.9469%2022.8647H50.9454ZM57.6636%2019.5761C58.1583%2019.1357%2058.5529%2018.5246%2058.8457%2017.7459C59.1386%2016.9657%2059.2843%2016.1138%2059.2843%2015.1873C59.2843%2014.2607%2059.1371%2013.4073%2058.8457%2012.6286C58.5529%2011.8484%2058.1537%2011.2388%2057.6469%2010.7984C57.14%2010.358%2056.5831%2010.1371%2055.9761%2010.1371H54.9639C54.3568%2010.1371%2053.7999%2010.3519%2053.2931%2010.7817C52.7862%2011.2114%2052.3871%2011.8149%2052.0942%2012.5951C51.8013%2013.3753%2051.6556%2014.2394%2051.6556%2015.1888C51.6556%2016.1382%2051.8013%2017.0022%2052.0942%2017.7825C52.3871%2018.5627%2052.7862%2019.1662%2053.2931%2019.5959C53.7999%2020.0257%2054.3568%2020.2405%2054.9639%2020.2405H56.011C56.618%2020.2405%2057.1704%2020.0196%2057.6651%2019.5792L57.6636%2019.5761Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M41.2056%200H45.5609V23.7287H41.2056V0Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M23.6676%200H39.3651V4.03377H29.2704C28.7681%204.03377%2028.3598%204.4437%2028.3598%204.94811V8.67863C28.3598%209.18304%2028.7681%209.59297%2029.2704%209.59297H38.8248V13.6267H29.2704C28.7681%2013.6267%2028.3598%2014.0367%2028.3598%2014.5411V23.7287H23.6676V0Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M14.5302%202.80729H15.8769V4.15963C15.8769%206.47082%2014.0077%208.34631%2011.7077%208.34631H10.361V6.99397C10.361%204.68277%2012.2301%202.80729%2014.5302%202.80729Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M9.91483%2023.7437L8.9795%208.36491e-05H5.57146L5.052%209.26295C5.02648%209.72428%204.46197%209.93082%204.14669%209.59312L1.87367%207.16584L0%2010.2444L4.16771%2015.6266C4.486%2016.0367%204.64364%2016.5478%204.61511%2017.0664L4.24128%2023.7437H9.91483Z%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/6821cc9ecc966b7f252b372e/69de39f41352a9580aab0977_32.png",
    "ogImage": "https://cdn.prod.website-files.com/6821cc9ecc966b7f252b372e/69d4374d9915bb35cf247c08_Flock%20Logo%20Social%20opengraph%201200x628%20(1)%201132.jpeg",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, matching the brand inferred from the URL and page title.",
    "confidence": 0.85,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Book a demo",
      "reasoning": "Button #0 ('Book a demo') uses a vibrant green color (#3FC919), which is typically used for primary CTAs. The text is action-oriented, encouraging user engagement."
    },
    "secondary": {
      "index": 2,
      "text": "LEARN MORE",
      "reasoning": "Button #2 ('LEARN MORE') uses a different color group (#123A09) and serves as a secondary action with informative text."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "law enforcement and community safety organizations"
  },
  "designSystem": {
    "framework": "custom",
    "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, medium-sized, and links to the homepage, matching the brand inferred from the URL and page title.",
        "confidence": 0.85
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```