The Hoffmann Design System (HDS) is developed to facilitate the creation of high-quality, consistent, and user-centered digital products. It offers a robust suite of tools, including a living component library filled with functional code, design tokens, and extensive resources, all designed to streamline the development process and minimize the complexity of design decisions.

Our system enables teams to direct their attention towards more significant challenges, enhancing product consistency and elevating the user experience for Hoffmann's customers. HDS acts as a comprehensive guide for anyone involved in product development within our digital ecosystem, promoting a collaborative and efficient work environment.

Streamlining the software development process at the Hoffmann Group to elevate customer-centricity and enhance digital solutions across our ecosystem.

Design tokens are a set of basic variables of a visual language. Tokens are used instead of hardcoded values ​​to make it easy to control visual style and ensure consistency across all products.

With the help of our storybook developers are able to get a quick overview of all components and their individual functionalities.

Explore our Confluence space for an in-depth look at our design system. Get insights into our Token System, UI components, and implementation guidelines for a unified and efficient approach.

Login