Tangle

Brand kit

Tangle provides sandboxes, model routing, and evaluation tools for AI agents. This kit uses one indigo palette across dark product surfaces and light reading surfaces. The thread motif represents agent runs becoming reviewable records.

Dark and light surfaces

Tangle Dark surface atmosphere

Dark surface

Homepage, product surfaces

Tangle Paper surface atmosphere

Paper surface

Blog, benchmarks, docs, research

Logo

Tangle light logoLight lockupTangle dark logoDark lockupTangle knot iconKnot icon

Color tokens

Depth 0#080814wells, hero edges
Depth 1#0C0B1Ddark canvas
Depth 3#1D1B38cards, code panes
Indigo 600#4F46E5buttons, links on paper
Indigo 500#6366F1brand core
Indigo 400#818CF8accent text on dark
Indigo 300#A5AAFCglow, emphasis on dark
Periwinkle#C7C9F5brightest ramp stop
Paper 0#F5F5FBlight canvas
Ink#191C24text on paper
Pass
#6EE7B7#047857
Warn
#FCD34D#B45309
Fail
#FB7185#BE123C

Usage rules

  1. One hue. Tangle is indigo: every gradient is an indigo luminance ramp, never a hue ramp. Multi-hue gradients are banned.
  2. Indigo is the material, not the accent. The dark canvas glows indigo; chromatic emphasis is rationed to one moment per screen.
  3. Every number is data: costs, latencies, span IDs, dates, and versions are set in mono with tabular figures. Mono is never decoration.
  4. Display type stays at weight 600 or below with tight tracking.
  5. Semantic color carries real state, eval pass or fail, gate results, diff add or remove, never mood.
  6. Generated artwork lives in three slots only: full-bleed atmospheres, product-card art, and social covers. Decoration is code-native and derived from product geometry.