Brand

The look of a clear coat

Clearcote's identity is built from one idea — a transparent protective layer. Here's the name, the mark, the palette and how to use them.

The name

A clear coat is the transparent lacquer applied as the final layer over a finish — it protects what's underneath while staying invisible. That's the whole project in two words:

  • Clear— transparent and auditable. Open source, readable patches, “don't trust, verify.”
  • Cote— a protective coat over Chromium for your browser identity, applied without being seen.

Written Clearcote (one word, capital C). The internal build codename “clearcoat” is never used publicly.

Clearcote
Clearcote
Download logomark (SVG)

The mark

A rounded square coated in an iridescent gradient — the oil-slick sheen of light on a clear coat. A clean C is cut into it, with a single highlight stroke for gloss. It reads at 16px and works as an app icon, favicon or avatar.

Palette

Dark, glassy base; a cyan→iris gradient for the sheen. Click a swatch to copy its hex.

Clear Cyan

Primary accent — the 'clear' in clear coat.

Sky

Gradient midpoint, highlights.

Iris

Secondary accent — the iridescent sheen.

Ink

Background. Deep, glossy near-black.

Surface

Cards and raised panels.

Fog

Foreground text on Ink.

signature gradient · #38e0d6 → #6ee7ff → #a78bfa

Typography

Display & UI — Inter

Blend in. Stay clear.

The quick brown fox jumps over the lazy dog.

Code & data — JetBrains Mono

--fingerprint=seed-123

const browser = await launch();

Voice & tone

Transparent

We explain, we don't hand-wave. Show the patch, show the proof.

Technical, not hypey

Precise and developer-first. No magic, no superlatives we can't back.

Responsible

Privacy and lawful automation. We never frame the project around evasion.

Logo usage

Do

  • Use the gradient mark on dark (Ink) surfaces
  • Give it clear space equal to the C's height
  • Use the wordmark 'Clearcote' in Inter Semibold
  • Recolor to solid Fog/Ink only when one-color is required

Don't

  • Re-color the gradient outside the palette
  • Stretch, rotate or add drop shadows/glows
  • Spell it 'Clear Coat', 'ClearCote' or 'clearcoat' publicly
  • Place the mark on a busy or low-contrast background

Machine-readable

For tooling and agents that need the brand tokens.

json
{
  "name": "Clearcote",
  "wordmark": "Clearcote",
  "tagline": "A clear coat for your browser identity.",
  "colors": {
    "accent": "#38e0d6",
    "sky": "#6ee7ff",
    "iris": "#a78bfa",
    "ink": "#07080a",
    "surface": "#0d0f13",
    "fog": "#e6e9ee"
  },
  "gradient": ["#38e0d6", "#6ee7ff", "#a78bfa"],
  "fonts": { "sans": "Inter", "mono": "JetBrains Mono" }
}