The HiBob website runs on a full design system covering 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 pairs with warm neutrals, dark wines and accent yellows. Every tone has a defined role across text, backgrounds and UI states.
Forms, inputs, buttons, modals and date pickers were built out with every state documented. Handoff was fast and the dev team could build with confidence.
Logo usage, lockups and customer-logo treatments keep the brand consistent across every marketing surface.
