{
  "version": "1.0",
  "brand": {
    "name": "Crayo",
    "alternateName": "Crayo AI",
    "legalName": "Crayo, Inc.",
    "tagline": "The AI clipping editor.",
    "description": "Crayo is an AI clipping editor that helps clippers turn long-form video into short-form clips for TikTok, YouTube Shorts and Instagram Reels, faster.",
    "url": "https://crayo.ai",
    "email": "support@crayo.ai",
    "accounts": [
      {
        "label": "Website",
        "href": "https://crayo.ai"
      },
      {
        "label": "Wikidata",
        "href": "https://www.wikidata.org/wiki/Q141780037"
      },
      {
        "label": "X",
        "href": "https://x.com/CrayoAI"
      },
      {
        "label": "Discord",
        "href": "https://discord.gg/crayo"
      },
      {
        "label": "GitHub",
        "href": "https://github.com/crayoai"
      },
      {
        "label": "Crunchbase",
        "href": "https://www.crunchbase.com/organization/crayo"
      },
      {
        "label": "Trustpilot",
        "href": "https://www.trustpilot.com/review/crayo.ai"
      },
      {
        "label": "App Store",
        "href": "https://apps.apple.com/app/crayo-ai-video-editor/id6810797758"
      }
    ]
  },
  "naming": {
    "correct": [
      "Crayo",
      "Crayo AI",
      "Crayo, Inc.",
      "crayo.ai"
    ],
    "wrong": [
      "CRAYO",
      "crayo",
      "CrayoAI",
      "Crayo.ai",
      "Crayo Inc"
    ],
    "rules": [
      "Write it Crayo: capital C, lowercase rest, in headings, buttons, body copy and documents.",
      "The wordmark is set in caps. That is the logo, not the spelling. Never type CRAYO in running text.",
      "Crayo AI is fine where you need to disambiguate, such as a search listing or a first mention.",
      "The legal entity is Crayo, Inc. Use it only in contracts, invoices and legal copy.",
      "Lowercase only in URLs and handles: crayo.ai, discord.gg/crayo."
    ]
  },
  "logos": [
    {
      "id": "wordmark",
      "name": "Wordmark",
      "description": "Primary logo. Use on white and light backgrounds.",
      "formats": [
        "svg",
        "png"
      ],
      "sizes": [
        512,
        1024,
        2048
      ],
      "files": [
        "https://crayo.ai/brand/logos/crayo-wordmark.svg",
        "https://crayo.ai/brand/logos/crayo-wordmark-512.png",
        "https://crayo.ai/brand/logos/crayo-wordmark-1024.png",
        "https://crayo.ai/brand/logos/crayo-wordmark-2048.png"
      ]
    },
    {
      "id": "wordmark-white",
      "name": "Wordmark, reversed",
      "description": "For Crayo Blue, dark backgrounds and photography.",
      "formats": [
        "svg",
        "png"
      ],
      "sizes": [
        512,
        1024,
        2048
      ],
      "files": [
        "https://crayo.ai/brand/logos/crayo-wordmark-white.svg",
        "https://crayo.ai/brand/logos/crayo-wordmark-white-512.png",
        "https://crayo.ai/brand/logos/crayo-wordmark-white-1024.png",
        "https://crayo.ai/brand/logos/crayo-wordmark-white-2048.png"
      ]
    },
    {
      "id": "wordmark-blue",
      "name": "Wordmark, blue",
      "description": "Accent version for white backgrounds. Use sparingly.",
      "formats": [
        "svg",
        "png"
      ],
      "sizes": [
        512,
        1024,
        2048
      ],
      "files": [
        "https://crayo.ai/brand/logos/crayo-wordmark-blue.svg",
        "https://crayo.ai/brand/logos/crayo-wordmark-blue-512.png",
        "https://crayo.ai/brand/logos/crayo-wordmark-blue-1024.png",
        "https://crayo.ai/brand/logos/crayo-wordmark-blue-2048.png"
      ]
    },
    {
      "id": "app-icon",
      "name": "App icon",
      "description": "The iOS app icon. Avatars, app listings and square slots.",
      "formats": [
        "png"
      ],
      "sizes": [
        512,
        1024
      ],
      "files": [
        "https://crayo.ai/brand/logos/crayo-app-icon-512.png",
        "https://crayo.ai/brand/logos/crayo-app-icon-1024.png"
      ]
    },
    {
      "id": "app-icon-circle",
      "name": "Circle icon",
      "description": "The app icon cut to a circle for profile pictures.",
      "formats": [
        "png"
      ],
      "sizes": [
        512,
        1024
      ],
      "files": [
        "https://crayo.ai/brand/logos/crayo-app-icon-circle-512.png",
        "https://crayo.ai/brand/logos/crayo-app-icon-circle-1024.png"
      ]
    },
    {
      "id": "mark",
      "name": "Mark",
      "description": "The C and bolt on their own, for favicons and tight spaces.",
      "formats": [
        "svg",
        "png"
      ],
      "sizes": [
        512,
        1024,
        2048
      ],
      "files": [
        "https://crayo.ai/brand/logos/crayo-mark.svg",
        "https://crayo.ai/brand/logos/crayo-mark-512.png",
        "https://crayo.ai/brand/logos/crayo-mark-1024.png",
        "https://crayo.ai/brand/logos/crayo-mark-2048.png"
      ]
    }
  ],
  "colors": {
    "core": [
      {
        "id": "crayo-blue",
        "name": "Crayo Blue",
        "hex": "#335CFF",
        "rgb": "rgb(51, 92, 255)",
        "cssVar": "--crayo-blue",
        "usage": "The one brand color. The primary button, links, a highlighted phrase in a headline, focus rings.",
        "hsl": "228 100% 60%"
      },
      {
        "id": "ink",
        "name": "Ink",
        "hex": "#111827",
        "rgb": "rgb(17, 24, 39)",
        "cssVar": "--crayo-ink",
        "usage": "Headings, the wordmark and primary buttons.",
        "hsl": "221 39% 11%"
      },
      {
        "id": "slate",
        "name": "Slate",
        "hex": "#5C6678",
        "rgb": "rgb(92, 102, 120)",
        "cssVar": "--crayo-slate",
        "usage": "Body copy and supporting text on white.",
        "hsl": "219 13% 42%"
      },
      {
        "id": "white",
        "name": "White",
        "hex": "#FFFFFF",
        "rgb": "rgb(255, 255, 255)",
        "cssVar": "--crayo-white",
        "usage": "The canvas. Every page starts white.",
        "hsl": "0 0% 100%"
      }
    ],
    "support": [
      {
        "id": "blue-hover",
        "name": "Blue Hover",
        "hex": "#2D52E6",
        "rgb": "rgb(45, 82, 230)",
        "cssVar": "--crayo-blue-hover",
        "usage": "Hover and pressed fill for anything filled with Crayo Blue. Not a standalone color.",
        "hsl": "228 79% 54%"
      },
      {
        "id": "icon-blue",
        "name": "Icon Blue",
        "hex": "#1582FB",
        "rgb": "rgb(21, 130, 251)",
        "cssVar": "--crayo-icon-blue",
        "usage": "The app icon field. Only for the icon itself.",
        "hsl": "212 97% 53%"
      },
      {
        "id": "muted",
        "name": "Muted",
        "hex": "#8B93A7",
        "rgb": "rgb(139, 147, 167)",
        "cssVar": "--crayo-muted",
        "usage": "Uppercase labels, meta text and captions.",
        "hsl": "223 14% 60%"
      },
      {
        "id": "line",
        "name": "Line",
        "hex": "#E7ECF6",
        "rgb": "rgb(231, 236, 246)",
        "cssVar": "--crayo-line",
        "usage": "Card borders and dividers. 1px.",
        "hsl": "220 45% 94%"
      },
      {
        "id": "surface",
        "name": "Surface",
        "hex": "#F9FBFF",
        "rgb": "rgb(249, 251, 255)",
        "cssVar": "--crayo-surface",
        "usage": "Inset panels and secondary sections.",
        "hsl": "220 100% 99%"
      }
    ]
  },
  "type": {
    "family": "Inter",
    "fallback": "system-ui, -apple-system, Segoe UI, sans-serif",
    "weights": [
      400,
      500,
      600,
      700
    ],
    "scale": [
      {
        "label": "Display",
        "sample": "Clip faster.",
        "meta": "Inter Semibold · 56 / 59 · -0.025em"
      },
      {
        "label": "Heading",
        "sample": "Find the moments worth posting.",
        "meta": "Inter Semibold · 30 / 36 · -0.025em"
      },
      {
        "label": "Body",
        "sample": "Drop in a stream or podcast and Crayo ranks the best moments, reframes them and captions them.",
        "meta": "Inter Regular · 17 / 27"
      },
      {
        "label": "Label",
        "sample": "AI clipping editor",
        "meta": "Inter Semibold · 10.5 · 0.14em · uppercase"
      }
    ]
  },
  "usage": {
    "do": [
      "Give the logo clear space at least the height of the bolt on every side.",
      "Use the black wordmark on white and the white wordmark on Crayo Blue or dark images.",
      "Link crayo.ai when you mention Crayo online.",
      "Use the app icon, not the wordmark, for square avatars."
    ],
    "dont": [
      "Recolor, stretch, rotate, outline or add effects to the logo.",
      "Rebuild the wordmark in a font. It is custom lettering.",
      "Put the blue wordmark on blue or on busy images.",
      "Suggest Crayo endorses your product without written permission."
    ]
  },
  "voice": [
    {
      "ok": true,
      "line": "Find the best moments in a 3-hour stream in minutes."
    },
    {
      "ok": false,
      "line": "Revolutionary AI-powered next-gen content synergy."
    },
    {
      "ok": true,
      "line": "You pay per finished clip."
    },
    {
      "ok": false,
      "line": "Unleash limitless viral potential!!!"
    }
  ]
}
