Placeholder mark for the app, browser icons, and compact placements.
Blueprint / Brand guidelines / v1.0.0
Clanker Test.
Brand guidelines.
The Clanker Test identity. Our logos, colors, typography, and the rules for bringing them together.
01 / Outline
01
A mark for proof.
Solid and Outline lead the identity. Blueprint brings the same geometry into the full brand palette.
Placeholder line mark for headers and lockups.
Placeholder color logo with the Blueprint palette.
Clanker Test
Clanker Test
02
The logo at icon size.
Actual CSS pixel sizes, with the full artwork and its clear space. Favor Solid at 16px. Scale every part of the mark together.
On Paper
On Ink
Blueprint
Keep the geometry.Use the supplied artwork. The visor, eyes, and text lines stay in proportion.
Give it room.Keep the 64-unit canvas and at least 8 additional units of space around it, except in the supplied lockup.
Choose clear contrast.Use Ink or Cobalt on light surfaces and Paper on dark surfaces. Material renders retain their original colors.
03
The Blueprint palette.
A precise palette for proof. Cobalt carries the identity; quiet surfaces give the content space.
#2455E8
Cobalt
Brand, primary actions, links
#16233F
Ink
Headlines and primary text
#FFFFFF
Paper
Working surfaces
#EEF3FF
Mist
Quiet backgrounds and selected surfaces
#CBD6EF
Rule
Dividers and decorative grids
#7F65D6
Iris
Secondary emphasis
Product components use semantic theme tokens. Dark mode uses deep Ink surfaces and a lighter blue for actions. Inputs have stronger boundaries than decorative rules; state colors always have a label or icon.
04
Inter. Clear at every scale.
One family connects the website and product. Semibold headings, Medium labels, Regular body text. System monospace for code and technical identifiers.
Proof that the agent built what you asked for.
Give your coding agent a way to write validation tests and publish the results where people can review the evidence.
clankertest.com
05
Show what the product can do.
Use real structure: pass/fail results, evidence, and the workspace around them.
Product screens stay quiet: Paper surfaces, Ink type, Cobalt for the action that proves a test passed.
CompositionAlign edges. Keep reading surfaces clear. Use grids around diagrams and brand illustrations.
LanguageName the capability and explain the benefit. Agents write tests. People review the proof.
MotionUse 120–200ms for controls and 300–600ms per explanatory step. Honor reduced motion and keep a readable static state.
Everything in one kit.
12 masters, color exports, lockups, app icons, social preview, font, and usage guide.
Ready to share.
The homepage preview pairs our message with the Solid logo and Blueprint grid. Use the 1200 × 630 PNG for social previews or the SVG for larger placements.