What is a Design System and why do we need it?

A design system is a set of interconnected patterns and shared practices coherently organized to achieve the purpose of digital products. Jedox Models & Reports Design System provides guidelines, reusable UI components and other resources to help you create easily models and reports in Jedox.

Why does Jedox need a Design System for Reports?

With our Design System, we aim to provide a frictionless interaction with Jedox software for every user that builds and consumes reports - so planning, analyzing and reporting gets even easier than ever before.

Our Approach

From the very beginning of the Design System, we wanted it to be flexible so it can serve the best Jedox experience for every situation. In our definition process, we were initially inspired by the Atomic Design methodology by Bratt Frost but modified it to suit the uniqueness of Jedox models and reports. We created a modular methodology which converts this Design System into your toolbox and for the report creation is build on four blocks: Core concepts, Atoms, Molecules and Organisms.

Core Concepts

Core concepts are the styles and concepts that have a broad application throughout all the elements of Jedox models and reports (e.g. colors, typography or layout).


Atoms are the base elements of our Design System and consist of the most granular UI components (e.g. buttons, labels or table cells).


Molecules are building blocks formed by a group of atoms (e.g. analytical panels or comboboxes).


Organisms are a combination of molecules that form entire functional elements (e.g. tables, headers or forms).

Desired Outcome

Using this system will help make your work more efficient, our product more consistent and our users happy.