Brand
Brand and press kit
How CodeMorph looks, sounds and should be shown. Writing about CodeMorph and need logo files or product shots? Ask us and we will send what you need.
Logo
The drop
A single shape with the chevron cut out, so it works at 16 pixels and at billboard size. Leave clear space equal to half its width.
Write the name as CodeMorph: one word, capital C and M. The agent inside it is Morph.
Color
Warm dark, one accent
The desktop app's palette: warm dark surfaces with one orange accent, used sparingly. The website uses a light cream canvas with the same ink and accent. Click a swatch to copy it.
Type
Three open-source faces
Display · Bricolage Grotesque SemiBold
Types flow upward.
Body and interface · Geist
CodeMorph converts your codebase file by file and proves it still works.
Code · Geist Mono
export function cartTotal(cart: Cart): number
Product
Product shots
The app on the brand background. Need high-resolution shots for an article? Request them and we will send them directly.
Motion
Logo sting
Usage
Do and don't
Do
- · Use the drop in accent, light or dark, as provided.
- · Leave clear space around it of at least half its width.
- · Place it on plain backgrounds with enough contrast.
- · Use the wordmark with the drop when space allows.
- · Link to our website when you mention the product.
Don't
- · Recolor the drop outside the three variants.
- · Stretch, rotate, outline or add effects to it.
- · Place it on busy photos or patterns.
- · Combine it with other logos into a new mark.
- · Imply partnership or endorsement without asking us.
Voice
How we write
Plain and precise. We say what CodeMorph does in concrete terms: leaf-first batches, tsc, tests, build. No vague claims about magic or intelligence.
Honest about status. If something is coming soon, we say so. We don't invent numbers, customers or quotes.
Calm. Migrations are stressful. Our tone is the opposite: steady, clear and a little dry.
Screenshots
Showing the product
- · Use product shots we send you; they're kept up to date with the app.
- · If you take your own, use the default CodeMorph theme and a real project.
- · Don't crop out or edit interface details in a way that changes what the product does.
- · Need something specific, like a particular flow or a higher resolution? Ask us.
Boilerplate
About CodeMorph
CodeMorph is an AI code editor that migrates JavaScript codebases to TypeScript and verifies the result. It builds a dependency graph of the project, converts files leaf-first so each one is typed against already-typed imports, and runs the TypeScript compiler and the project's own tests after every batch. CodeMorph is local-first, works with the developer's own model provider key, and is built from the open-source Code - OSS editor. It is independent and built in Lagos, Nigeria. The v0.1.0 beta is available for Windows at codemorph.codes.