The Crayo brand, in one place.
Logos, color, type and naming for anyone writing about, partnering with or building on Crayo. The kit has every logo in SVG and PNG, the colors as CSS variables and a Tailwind theme, and a short written guide.
Logos
Copy any logo to your clipboard or download it. Keep clear space the height of the bolt on every side, and never recolor, stretch or rebuild the wordmark.
Wordmark
Primary logo. Use on white and light backgrounds.
crayo-wordmark.svg
Wordmark, reversed
For Crayo Blue, dark backgrounds and photography.
crayo-wordmark-white.svg
Wordmark, blue
Accent version for white backgrounds. Use sparingly.
crayo-wordmark-blue.svg
App icon
The iOS app icon. Avatars, app listings and square slots.
crayo-app-icon-1024.png
Circle icon
The app icon cut to a circle for profile pictures.
crayo-app-icon-circle-1024.png
Mark
The C and bolt on their own, for favicons and tight spaces.
crayo-mark.svgColor
White canvas, Ink type, Crayo Blue as the accent. Blue highlights one thing per view, like the primary button or a phrase in a headline. Click a color to copy its hex.
Support
Type
Inter for everything. Semibold headlines with tight tracking, relaxed body copy, and small uppercase labels for structure.
Name
The wordmark is set in caps. The name is not. In any sentence, heading or button it is Crayo.
- 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.
Usage
Plain, specific, a little confident. Say what the product does and what it costs. No hype words.
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.
Don't
- 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.
Find the best moments in a 3-hour stream in minutes.
Revolutionary AI-powered next-gen content synergy.
You pay per finished clip.
Unleash limitless viral potential!!!
For AI agents
Building something that should look like Crayo? Point your agent at one of these. The guide has every value on this page in plain text.
Questions or a custom request? support@crayo.ai