Style guide

On this entry, we have displayed a style guide of the YUMI framework. This section shows typographies, colors and a logotype library that have been used in the designing process of the terminal. This style guide has been elaborated following the rules of accessibility and legibility that Google Material provides, basing it on the new Worldline branding and resizing them to fit the resolution of the YUMI terminal.

This guide is an example of different styles that could be modified and adapted to a client’s brand if necessary. Nevertheless, it is important to be aware that accessibility and legibility ratios should be maintained despite of the customisation needs.

Typography

This category exhibits various styles of typographies that support the needs and contents of a YUMI product. Despite of having taken these measures from Google Material as a template to work on, they do not fit the resolution of the YUMI terminal. To solve this issue, we have made a list of different usable typographies that have been adapted to this terminal’s resolution, keeping in mind that they must be accessible and legible.

Colors

This section displays a catalogue of colors that have been selected and distributed in five categories: greyscale, main colors, secondary colors and project colors. We have also included an accessibility color use as an example of how the corporative colors of Worldline work on different combinations.

All of them can be customisable depending on the YUMI product and the needs of the client, keeping always in mind that they must pass the rules of accessibility and legibility.

We have included a greyscale that can be used for the design of templates or as an automatic style.

Logotype library

This final library library includes a launcher, a status bar and different examples of Worldline logotypes that can be displayed on a product. All of them have been designed keeping in mind accessibility and legibility, and can be customisable in color and content depending on the needs of the client.