Sign in Subscribe

Design System

Red color shades mood image

Create Consistent and Stunning Color Palettes

Learn to create consistent color palettes for UI/UX design. Explore brand, neutral, and semantic color categories. Compare HSL and OKLCH methods for shades, ensuring accessibility, optimal contrast, and usability across modes. Achieve a cohesive, user-friendly interface with these key insights.

Building a design system and block-based CMS to power our new website

Building a design system and block-based CMS to power our new website

A little while ago, we took on the mission to improve our company’s website. The website had served us well up until then, but it was starting to show its age. Creating new pages was a cumbersome and tech-heavy process, and the barrier to entry was rather high if

Die zwei Bausteine der modernen Website-Entwicklung: Design System und modulare Komponenten

Die zwei Bausteine der modernen Website-Entwicklung: Design System und modulare Komponenten

In der digitalen Welt von heute ist eine Website viel mehr als nur eine Sammlung von Seiten. Sie ist ein komplexes System aus miteinander verbundenen Modulen, die zusammenarbeiten, um ein reibungsloses Benutzererlebnis zu schaffen. Eine effiziente Methode, dies zu erreichen, ist die Verwendung von Design Systemen und komponenten-basierten Websites sowie

The future of Design Tokens

The future of Design Tokens

Design tokens are a relatively new concept in the world of design systems, but they have quickly become an essential tool for designers and developers working on digital products collaboratively. In this article, we will explore what design tokens are and how they are used. We will also discuss the

Test, manage & document components with Storybook JS

Test, manage & document components with Storybook JS

Storybook can be used for a variety of cases. In this introduction to the basic functionalities we show how designers, developers and project managers can benefit from the open source software.

Design Systeme + Cross-Platform Entwicklung = ❤: Wie sich Design Systeme in der Cross-Platform Entwicklung nutzen lassen

Design Systeme + Cross-Platform Entwicklung = ❤: Wie sich Design Systeme in der Cross-Platform Entwicklung nutzen lassen

Wir sind bei Hybrid Heroes nicht nur Fans von State of the Art Technologie, sondern noch viel mehr von stringenter User Experience und konsistentem, ansprechendem sowie skalierbarem Design. Aus diesem Grund arbeiten wir fast in allen Projekten mit Design-Systemen, die eine durchdachte UX mit einer durchgängigen Design-Sprache kombinieren. Was sind