The Reflex Solution Pro (RSP) design tool is a hybrid web app. It helps our customers to find and design the appropriate products for their project (Reflex and Sinus) as well as product information (Reflex Solutions).
Orientation at a glance. The app's significant depth of content is laid our clearly and practically. Design has a very important role to play here and this is why RSP has been granted special status in its use of the Reflex corporate design.
Colours
Colours have an important role to play in ensuring our customers can orientate themselves clearly and quickly in the RSP app. Specific functions or content are therefore always highlighted in the colours given below – please pay particular attention and always use this colour coding.
The dominant colour is Reflex green. It guides users through the app, step by step, by showing them the next possible interaction.
Red is a warning colour. It indicates that users, for example, should check entered data again or review an anomaly.
Orange is an advisory colour. Elements in orange provide additional information or offer help which may be relevant for the design process.
General comments on the subject of colours are available here: Colours.
Typography
All general comments on which fonts we use where can be found in the Typography section of this manual. The design software for RSP is:
1. Web font Netto Pro
For headings
2. Web font Arial
As Arial is also easy to read in very low resolution, we use it in the app for all formulae and all content that is not a heading. This helps to ensure the app is easy to use.
Reflex animated icons
The icon set shown here was developed specifically for Reflex Solutions Pro.
The icons clearly illustrate the app's functions; they are almost impossible to misinterpret. By using icons we have developed ourselves, we ensure high usability and a positive user experience.
Please note: Product line icons are also used in RSP.