Brand

The CarbonLayer mark and lockup.

Three PNG files at 1200 × 628 px — the primary mark, the horizontal lockup, and the compact single-fill variant. The SVG sources live next to them inpublic/and on Git.

01 · Logos

Three PNGs. 1200 × 628.

Every file below is a 1200 × 628 PNG. Click Download to save a copy of the exact raster — same dimensions, same file name.

Main CL logo
Main CL logo
Primary mark — layered C + accent square. Use at 24 px or larger.
PNG
1200 × 628 pxlogo-cl-main.png
Download
Horizontal lockup
Horizontal lockup
Mark plus the CarbonLayer wordmark, side by side. For decks, docs, partner pages.
PNG
1200 × 628 pxlogo-cl-lockup.png
Download
Small CL logo
Small CL logo
Single-fill compact variant for favicons, app icons, and dense UI under 24 px.
PNG
1200 × 628 pxlogo-cl-small.png
Download

02 · Usage

Don't break it.

The main mark is built from layered, partially-transparent rings — recoloring other than swapping the foreground to white-and-tint is a redesign, not a re-skin. If a context needs an inverse, request it; don't invert it yourself.

Do

Keep clear space equal to the height of the inner ring on every side. Pair with token-backed text colors (`text-foreground`, `text-muted-foreground`).

Do

Reach for the main mark at 24 px and up, and the small variant below that — the layered geometry loses its contour at favicon scale.

Don't

Don't recolor the layered rings individually, don't place on a busy photograph without a backing panel, and don't stretch the lockup — it has a fixed aspect ratio.