At the heart of the relaunch is a custom-developed, token-based design system for Netz NÖ. Colors, typography, spacings, radii, and shadows are defined as design tokens and consistently implemented in Figma, Storybook, and Xperience by Kentico. The workflow "Figma → Storybook → XbyK" has established itself as a binding pipeline: design decisions are made collaboratively in Figma, implemented as isolated, documented components in Storybook, and only then integrated into the CMS once they have been approved technically, visually, and in terms of accessibility. The result is a single source of truth that keeps editorial, design, and development permanently synchronized.
On the frontend side, a modern architecture based on TypeScript and SCSS is used. Components are modular, typed, and themeable via tokens without the editorial team having to touch any code. All components were developed according to WCAG 2.2 AA – contrasts, keyboard operability, focus states, and semantic structures are not retrofitted but part of the component definition. For Netz Niederösterreich as a publicly accessible utility provider, accessibility is thus transparently anchored in the system.