The dashboard and the global menu, the sidebar, which enables both navigation for the user and the administration to adjust club settings, have been redesigned. At the same time, the essential components provided by the design system are being developed and driven forward.
The Landing Pages are designed to motivate club boards to integrate the app into their operations. It was also a catalyst for our design system to get to grips with Tailwind and the adaptation of the typography and color schemes, including the theming , that we wanted to use in the app.
The token-based design system is rooted in Tailwind and is adapted and overwritten by us in the form of typography and color. In particular, the color tokens and the HCT color system including its tones introduced by us, form the basis for our automated and club-oriented theming of the app and ensure accessibility in accordance with WCAG 2.2. In addition to the tokens, the essential components of a design system are also created.