01.2
Primary logotype
Black on light. White on dark. A blue-gradient variant is reserved for primary chrome (header on light pages) and commercial document covers.
Black on white
White on black
White on brand blue
Logo.
A custom wordmark paired with a mark. Three angled parallel strokes plus a single dot. a stylized W reading as checkmark, hillside, and signal bars. The wordmark is a drawn asset, not typography.
01.1
Construction
Canvas 698×171. strokeLinecap round. strokeWidth 50. The wordmark is a bespoke geometric sans. not Satoshi.
Mark strokes
3 + 1 dot
Canvas
698 × 171
Stroke width
50
01.3
Logomark
Used alone when the wordmark would compete with dense type. app icons, favicons, avatars, PDF page headers, watermarks.
Black
White
White on brand
01.4
Clear space
Minimum clear space on all sides equals one stroke height. the thickness of one angled stroke. Never tighter, even in packed navs.
Visual guide · not to scale
01.5
Minimum sizes
Digital. wordmark80 px wide
Digital. mark16 px (favicon floor)
Print. wordmark20 mm wide
Print. mark6 mm
01.6
On background
Five sanctioned placements. Photography is handled via a minimum 40% black overlay.
White, off-white#FFFFFF / #FAFAFABlack wordmark
Brand blue#1863DCWhite wordmark
Hero blue / near-black#030585 / #1D2327White wordmark
Photographyoverlay ≥ 40% blackWhite wordmark
01.7
Don'ts
Eight rules. Every one is a tell if broken.
Don't
Do not rotate or skew
The wordmark is horizontal. Never tilted.
Don't
Do not recolor
Sanctioned colorways: black, white, blue-gradient. Nothing else.
Don't
Do not outline or stroke
The wordmark is filled geometry.
Don't
Do not drop shadow
No decorative elevation. The mark stands alone.
Don't
Do not place on low contrast
Minimum 4.5:1 against background.
Don't
Do not crop
Use the logomark for tight lockups, never a cropped wordmark.
Don't
Do not pair without a lockup
Co-branding requires a defined lockup.
Don't
Do not animate on hover
The mark does not move on the brand page. Ever.
01.8
Downloads
SVG4 KB
werklist-logo-black.svg
Primary wordmark for light surfaces.
SVG4 KB
werklist-logo-white.svg
Primary wordmark for dark surfaces.
SVG1 KB
werklist-mark-black.svg
Logomark alone. light surface.
SVG1 KB
werklist-mark-white.svg
Logomark alone. dark surface.
public/brand/*.svgAlso mirrored in jobs canon at /public/.