01 · Identity
Logo
One glyph carries the whole brand: a partial-derivative symbol, set in amber and tilted nine degrees clockwise. Everything on this page exists to keep that glyph unmistakable.
Anatomy
The ∂, and why it leans
The mark is the partial-derivative symbol — ∂ — the operator of infinitesimal change. In calculus, the differential is the moment where one state becomes another; that is DiffLab’s specialty, so the symbol of that moment is the identity.
The glyph is tilted 9° clockwise. The tilt is part of the mark, not an accident: it is the mark caught mid-rotation, change in progress. The tilt is baked into every logo asset — never rotate the files further, and never straighten them.
The angle is tokenized as --dl-motion-logo-tilt: 9deg. The only
sanctioned untilted use is mark-mono-upright.svg — for contexts
where the tilt is mechanically impossible or would be re-rotated (e.g.
spinner geometry). Everywhere else, the mark leans.
Variants
Every approved file
Each variant is shown on the surface it was built for. Pick the file that matches your background — never recolor a file to fit.
The mark
Lockup
Wordmark
App icon
Clearspace
Give the glyph room
Keep a clear area of at least 0.5 × the glyph width on every side of the mark — half a ∂, all the way around. Nothing enters that zone: no text, no other logos, no edges of the canvas.
The same rule applies to lockups and wordmarks: measure the clear zone from the mark’s glyph width, and keep it clear on all sides of the whole asset.
Minimum sizes
Never smaller than this
Below these sizes the ∂ loses its counter and the tilt reads as an error. Each example is rendered live at its true minimum.
Usage rules
Do and don’t
- Use amber on navy — the primary pairing on brand surfaces.
- Use navy or paper-white one-color variants on light surfaces.
- Let
mark-mono.svginherit its context’s color viacurrentColor. - Keep the 9° tilt exactly as shipped in the files.
- Hold the clearspace: ≥ 0.5 × glyph width on every side.
- Respect the minimums: 16 px favicon, 24 px inline mark, 120 px lockup.
- Don’t recolor the mark — no gradients, no off-palette fills.
- Don’t untilt it. The only sanctioned upright use is
mark-mono-upright.svg. - Don’t add drop shadows, glows, outlines, or strokes.
- Don’t stretch, squash, or re-rotate the files.
- Don’t set the amber mark on low-contrast mid-tones.
- Don’t rebuild the ∂ from a font — always use the shipped assets.
Motion
The spinner
The loading spinner is the upright mono glyph rotating about its center —
one full revolution every 1.4 s, tokenized as
--dl-motion-spinner-duration: 1.4s. This is the one place the
mark spins: the 9° tilt is a fixed pose, the spinner is continuous change.
