llms.txt

Kashikoi Brand Identity

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

Quick Facts

Field Value
Primary #0000EE
Accent #126DFB
Body Font Geist
Heading Font Geist

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: AI developers and tech companies

Kashikoi Brand in the Wild

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

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

{
    "colorScheme": "light",
    "fonts": [
        {
            "family": "Geist",
            "role": "unknown"
        },
        {
            "family": "Inter",
            "role": "unknown"
        }
    ],
    "colors": {
        "primary": "#0000EE",
        "secondary": "#E1EAF8",
        "accent": "#126DFB",
        "background": "#F8F8F8",
        "textPrimary": "#126DFB",
        "link": "#126DFB"
    },
    "typography": {
        "fontFamilies": {
            "primary": "Geist",
            "heading": "Geist"
        },
        "fontStacks": {
            "heading": [
                "Geist",
                "sans-serif"
            ],
            "body": [
                "sans-serif"
            ],
            "paragraph": [
                "Inter",
                "sans-serif"
            ]
        },
        "fontSizes": {
            "h1": "60px",
            "h2": "13px",
            "body": "16px"
        }
    },
    "spacing": {
        "baseUnit": 4,
        "borderRadius": "0px"
    },
    "components": {
        "input": {
            "background": "#FFFFFF",
            "textColor": "#495057",
            "borderColor": "#CED4DA",
            "borderRadius": "4px",
            "borderRadiusCorners": {
                "topLeft": "4px",
                "topRight": "4px",
                "bottomRight": "4px",
                "bottomLeft": "4px"
            },
            "shadow": "none"
        },
        "buttonPrimary": {
            "background": "#126DFB",
            "textColor": "#0000EE",
            "borderRadius": "10px",
            "borderRadiusCorners": {
                "topLeft": "10px",
                "topRight": "10px",
                "bottomRight": "10px",
                "bottomLeft": "10px"
            },
            "shadow": "none"
        }
    },
    "images": {
        "logo": "https://framerusercontent.com/images/DUaUD45z9xdFTtKJnUcvMOSWddM.png?width=500&height=400",
        "favicon": "https://framerusercontent.com/images/DUaUD45z9xdFTtKJnUcvMOSWddM.png",
        "ogImage": "https://framerusercontent.com/assets/iqJiKqFUlEojGBRlCr64AvjOk4.png",
        "logoHref": "./"
    },
    "__llm_logo_reasoning": {
        "selectedIndex": 0,
        "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the favicon and brand identity.",
        "confidence": 0.9,
        "source": "llm"
    },
    "__llm_button_reasoning": {
        "primary": {
            "index": 0,
            "text": "Book a DemoBook a Demo",
            "reasoning": "Button #0 ('Book a Demo') is selected as the primary CTA because it uses a vibrant brand color (#126DFB) and has action-oriented text, making it the most prominent call-to-action."
        },
        "secondary": {
            "index": -1,
            "text": "N/A",
            "reasoning": "Both buttons share the same background color, so no valid secondary button exists with a different color."
        },
        "confidence": 0.9
    },
    "personality": {
        "tone": "modern",
        "energy": "medium",
        "targetAudience": "AI developers and tech companies"
    },
    "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 visible, located in the header, and links to the homepage, matching the favicon and brand identity.",
                "confidence": 0.9
            }
        },
        "buttonClassification": {
            "llmCalled": true,
            "llmSucceeded": true
        }
    }
}