Design System

Design System

Mediatic is a web agency based in Cluj-Napoca. They craft tailored websites, visual identities and offer digital solutions through effective design.

With a background of over 10 years of working in the digital business, we designed and built a template to be used for our clients as a set of deliverables, containing rules, style guides and utilities. More than just a Sketch library or Zeplin links it holds together all the components needed to start development, maintain and evolve any digital product.

“A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications. Design systems are a method to translate a consistent experience and visual language across a product when working on different touch-points.” – UX Planet.

Another aspect of a design system is sharing and accepting a way of designing and developing digital, by making a product scalable and consistent. We consider consistency to be a brand value that we teach our clients to embrace it.

Below a few screens from the developed Design System.


The typography is directly implemented when creating the design system, thus giving the first applied specifications. It also can be viewed as the first preview in its most basic form: typography and spacing.


All the content needs a place to be displayed and components offer the layout, the styling and the rules to do so, in such a manner that it’s consistent across devices and platforms. This can also be extended outside the digital world such as print.

The Design System includes prototypes to make sure the functionality is correctly implemented.