Brand

What Carvit is, and how to use its name and logo, in one place.

Teams have guides. Nobody opens them while the screen gets built.

Teams put real care into their UX guides. But as the hands building screens move from people to AI, the guide is not in the room. An AI does not read a guide unless something puts it in front of it.

Carvit moves the guide to where the AI works. Before an AI coding tool builds a screen, it finds the matching sections, builds with those values, and records which section it used and why. The question that sat between design and engineering, "did we follow the guide?", gets an answer on record.

Carvit is built for startups and small teams where designers and developers need to work to the same standard, including teams with no dedicated designer, or where developers and AI build the screens directly.

The logo: a chiseled C, and the moment of selection

The faceted C

Instead of a round C, a C with its corners cut away, like letters carved in stone. A standard, once set, does not wear off.

Selection handles

The four corner handles a design tool shows when you select a shape. On the home page, a short motion shows the moment a standard chosen in design is carved into the AI's screen.

Logo files

Carvit
Carvit

Wordmark lockup

Carvit (Geist 600) to the right of the mark. The gap is about 0.45 of the mark height, with the text on the mark's line.

App icon

The C cut into a block. Block corner radius is 22/96 of a side; the inner C is about 60% of the block height.

Download SVG

Favicon (16px only)

At 16px we use a separate drawing on the pixel grid, not a scaled mark. Its white rounded base shows on both light and dark tabs.

Download SVG

Clear space and size

  • Clear space: keep at least a quarter of the mark height empty around it.
  • Minimum size: 20px for the mark. Below that, use the 16px favicon drawing.
  • Selection handles: only as motion on the home icon (48px and up) and in share images. Never part of the mark.
  • Color: #000 and #fff only. Use black on the silver hero.

Don't

  • Don't add color or gradients.
  • Don't rotate, stretch, or reduce it to an outline.
  • Don't add shadows or glow.
  • Don't round the C or soften its cut corners.
  • Don't combine it with other names or logos into a new mark.

How we chose it

  1. We researched before drawing. We followed how brand designers make logos: one strategy sentence, a competitive map, black-and-white and 16px tests, optical corrections, two to three concepts. We only used research sources we opened and checked ourselves.
  2. We placed it among 40 logos. 24 developer and AI tools and 16 design and UX tools, at the same size and in the same black, with our candidates mixed in. Round C shapes were already taken, so all four first candidates were dropped.
  3. We tested it at 16px. Details that lost their meaning in a 16px browser tab were cut, and the favicon was drawn separately on the pixel grid instead of scaled down.
  4. We had it reviewed twice from an expert view. An evaluation agent acting as a logo designer scored the map and pixel tests and gave exact fixes (proportion, stroke weight, terminal angle), which we applied.
  5. We chose in five real contexts. Home icon, header, browser tab, app icon, share image. We picked a single system that uses the same mark at every size.

How to write the name

The product name is Carvit. Use the same spelling inside sentences.

  • Spelling: Carvit (capital C only)
  • Line breaks: keep the name together so it never splits at the end of a line.
  • With other brands: do not combine it with another company name or logo to make a new mark.
  • Contact: hello@carvit.ai

Who builds it

A founder sets the direction and autonomous AI agents build Carvit. A product agent owns the flow and the guide; a development agent writes the code. This page and the logo were made that way too. Our team builds screens with Carvit every day, and we write up what we measure in the Tech Reports.

Curious how it was made?