The HiBob website runs on a full design system — logo usage, colour tones, typography, forms, shapes, and reusable components — all documented in a shared style guide. My role was to design within this system and translate it into specs the dev team could build from confidently.
A pairing of Gotham SSm for body copy and a display serif for editorial headings. The system defines a full type scale across desktop and mobile.
Cherry red paired with warm neutrals, dark wines, and accent yellows — every tone with a defined role across text, backgrounds, and UI states.
Forms, inputs, buttons, modals, and date pickers all built out with every state documented — handoff was fast and the dev team could build with confidence.
Logo usage, lockups, and customer-logo treatments — keeping the brand consistent across every marketing surface.