Skip to content
Werklist Brand Guidelines

Patterns.

Compositions of components. Each pattern has a single job and a documented frequency. The CTA banner appears once per page. The AI callout once per detail.

Marketing hero

Marketing hero

Full-bleed black + painterly PNG

Sticky transparent header. Eyebrow pill with live-dot. 44/68/76 headline. Secondary line at white/60. Two CTAs.

Live network

Verified people,
verified companies.

European cross-border staffing. End-to-end services. No fees for workers.

Product hero

Product hero

Compressed marketing hero. pt-7 pb-8 top, logo, search composer and filter pill row. Same dark PNG, no stats grid.

Search composer over dark

White card, rounded-[8px], p-2, shadow hero. Two h-11 inputs with a divider. Search button inverts on hover.

Testimonial

Testimonial

Dark card on white section. Werklist does not use face-with-name testimonials until a case-study library exists.

Dark quote card

rounded-[6px], bg #1D2327, p-10. Quote 22–26px italic white. Attribution eyebrow.

“Werklist screens company backgrounds, contract fairness, safety standards and payment history.”

Werklist compliance statement · 2026

CTA banner

CTA banner

Full-bleed brand blue

bg #1863DC. H2 28–36px white. Primary white reverses to bg-white text-#1863DC. Used once per page, near the end.

Everything starts with a conversation.

Editorial header

Editorial header

border-b border-gray-200, pb-4, 28 to 34px H2 with an optional right-side action.

Editorial header line

Hairline rule, H2, optional action.

Open roles in Croatia

Empty state

Empty state

rounded-[4px] bg #FAFAFA, p-16, centered. One-line H3, one-line body. No illustration.

Honest empty state

No CTA unless recovery is obvious.

Werklist mark

No roles match your filters.

Try fewer filters or browse all open roles.