Koi Brand Identity

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

Color Palette

Brand palette extracted from https://www.koi.security/.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Koi's actual button styles.

Brand Personality

Tone: professional
Energy: medium
Audience: businesses seeking endpoint security solutions

Koi Brand in the Wild

Image: cdn.prod.website-files.com
Source: blog.koi.security

Image: cdn.prod.website-files.com
Source: koi.security

Frequently Asked Questions

What is Koi's primary brand color?
Koi's primary brand color is #050618. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Koi use?
Koi uses #F93F12 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Koi use?
Koi uses Season Sans as the primary typeface across body and headings.

Does Koi use a light or dark theme?
Koi's primary site uses a light color scheme, with a background of #FBF7F0.

Where can I find Koi's logo?
Koi's logo is available directly on their site (https://www.koi.security/). The current logo URL is included in the machine-readable JSON profile linked above.

How was this brand profile generated?
This profile was extracted from https://www.koi.security/ 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 Koi.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Season Sans",
      "role": "body"
    },
    {
      "family": "Mdnichromevariable Infra",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#050618",
    "secondary": "#FDD970",
    "accent": "#F93F12",
    "background": "#FBF7F0",
    "textPrimary": "#454BBB",
    "link": "#454BBB"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Season Sans",
      "heading": "Season Sans"
    },
    "fontStacks": {
      "heading": [
        "Mdnichromevariable Infra",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Season Sans",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Season Sans",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "46px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "10px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#A2A5DD",
      "borderColor": "#A4B3EE",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#F93F12",
      "textColor": "#FFFFFF",
      "borderColor": "#0B0F5A",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgb(222, 228, 255) 5px 5px 0px 0px"
    },
    "buttonSecondary": {
      "background": "#FDD970",
      "textColor": "#83311A",
      "borderColor": "#BF9485",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgb(222, 228, 255) 5px 5px 0px 0px"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/67bf17e426d92bdda54af956/67c8217077b742ad19cab085_koi-logo.svg",
    "favicon": "https://cdn.prod.website-files.com/67bf17e426d92bdda54af956/67c99389abda5d42c2ba55fb_Favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/67bf17e426d92bdda54af956/689d7637775a71fd67d69618_link%20image.png",
    "logoHref": "/",
    "logoAlt": "Koi logo"
  }
}