Which mark, which colors, what not to do.
Everything a designer, partner, or journalist needs to show CodeMonster.ai correctly: the marks with downloads, the rules for each, the palette, the type, the name, and a boilerplate you can paste.
Press: press@codemonster.ai · Vector (SVG) marks are being finalized; the PNGs below are the current set.
The smaller the canvas or the more formal the context, the simpler the mark.
Four marks, one rule. Pick the rung that matches where the mark will live, and download it as supplied.
Horizontal lockup
Use for: The primary mark: site header, presentation title slides, email signatures, partner listings — anywhere the name has to travel with the monster.
Not below 120px wide (the wordmark stops reading). Never rebuild the lockup by placing the icon next to typed text — the spacing is part of the mark.
Full illustrated monster
Use for: Hero art only: page heroes, cover images, launch posts, social cards.
Not in security reviews, contracts, or anything an IT director signs.
Circular badge
Use for: Community avatars, stickers, social profile marks — anywhere the canvas is a circle.
Not as the app icon; not smaller than 48px.
App icon
Use for: Favicon, the desktop app icon, the nav mark at small sizes. Three variants for dark, purple, and light surfaces.
Not as a hero image; not stretched out of its rounded square. Need larger source art or the vector set? Write to press@codemonster.ai — SVGs are being finalized.
Silhouette mark
Use for: Enterprise documents, contracts, the security hub, watermarks, and any monochrome or ≤24px context.
Never recolored beyond one flat color; never paired with the illustrated monster on the same page.
Three colors, one word.
The wordmark is a single word split three ways: Code in ink, Monster in violet, .ai in cyan. It reads as one name — never set the parts on separate lines and never swap the colors. The supplied lockup carries the primary tagline beneath it in the same three colors.
Use the wordmark beside a mark from the ladder, or on its own where the mark would be too small to read. Keep clear space around it equal to the height of the "C".
Do this. Not that.
- Use the files as supplied. Dark marks on dark surfaces; the white app icon on light ones.
- Match the rung to the room. Illustrated monster for heroes and social; badge for avatars; app icon for small UI; silhouette for enterprise, legal, and security.
- Pair the mark with the tagline — "From Prompt to Production" — when there is room for a line of text.
- Write the name as one word: CodeMonster.ai.
- Ask when the context is unusual. Press replies from the address at the top of this page.
- Never recolor, redraw, or add gore to any variant. The monster is friendly, purple, and finished.
- Never stretch, rotate, outline, or add effects — no drop shadows, no gradients over the mark, no cropping the arc.
- Never put the illustrated monster in a security review, a contract, or a proposal. That is what the silhouette is for.
- Never reuse taglines from earlier art. The two lines below and the mantra are the whole set. Any lockup, banner, or cover image dated before August 15, 2026 carries a retired line — ask press for the current file rather than editing the old one.
- Never spell it Code Monster, Codemonster, or CODEMONSTER.AI.
Space-black, violet, and a cyan arc.
The palette is eight tokens. Purple-to-cyan is the brand gradient. Amber has one job — caution: the roadmap flag, the draft banner, and the category's meter. Never use it to signal a CodeMonster capability.
| Swatch | Token | Hex | Use |
|---|---|---|---|
| void | #07070E | Page background. The space-black under everything. | |
| abyss | #0D0D1A | Panels, cards, code blocks. | |
| violet | #8B5CF6 | The brand color. Primary buttons, the code glyph, "Monster" in the wordmark. | |
| violet-hot | #A78BFA | Links, emphasis, hover states. | |
| cyan | #38BDF8 | Secondary accent; ".ai" in the wordmark; environment and roadmap labels. | |
| teal | #2DD4BF | Confirmation, live status, "us" in a comparison, checkmarks. | |
| amber | #F5A524 | Caution: the roadmap flag, the draft banner, and the category's meter. Never a CodeMonster capability. | |
| ink | #F2F2F8 | Body text and headings. |
Text on void or abyss should be ink or ink-dim (#A2A2BE) for body copy; the small mono labels use #8A8AA8, which meets AA on both backgrounds.
Space Grotesk
Headings, body copy, buttons. Geometric, a little wide, comfortable at 15–17px for reading and up to 60px for a page hero. Weights 500–700.
JetBrains Mono
Eyebrows, labels, operation names, footnotes, and code. Uppercase with generous letter-spacing for labels; sentence case for create-object and friends.
CodeMonster.ai.
CamelCase, one word, ".ai" lowercase and attached. CodeMonster alone is fine once the domain is clear. The monster is informal and welcome in community and product copy. CodeMonster.ai by Knomatic is the endorsement line for anything formal.
- CodeMonster.ai — the name, everywhere.
- CodeMonster — short form, once the domain is established.
- the monster — informal, lowercase, product and community copy.
- CodeMonster.ai by Knomatic — the endorsement, on formal material.
Two lines and a mantra.
- Primary
- From Prompt to Production
- Secondary
- Build Anything. Deploy in One Click.
- Mantra
- No tokens. No credits. No meter. You bring the AI subscription you already pay for.
The mantra is always followed by the bring-your-own-AI line on first use. Lines from earlier art that are not listed here are retired and must not be reused.
Paste this. 68 words.
The description of CodeMonster.ai for press releases, listings, and event programs. Use as written or shorten from the end; do not add claims.
CodeMonster.ai is an AI app platform from Knomatic, driven from a desktop app on your machine. Builders connect Claude Code or any MCP-compatible agent to a governed backend that has carried enterprise workloads for twelve years, and ship real software to dev, staging, and production. One organization license covers every builder and app. No tokens. No credits. No meter. You bring the AI subscription you already pay for.Interviews, quotes, screenshots, a founder on camera.
Write to press@codemonster.ai and a person replies from that address. For the company story, read about; for what the platform is, how it works.