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.

Interaction


RGB
132/189/63


HEX
#84bd3f


 

Note


RGB
244/155/0


HEX
#F49B00


 

Warning


RGB
205/5/41


HEX
#CD0529


 

Background


RGB
242/242/242


HEX
#F2F2F2


 

Lines
and elements


RGB
198/198/198


HEX
#C6C6C6


 

Font colour
 


RGB
100/100/100


HEX
#646464


 

Font colour user input


RGB
0/0/0


HEX
#000000


 

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.

Home page


 

Project management


 

Reflex Solutions


User account


 

Password


 

Settings


 

Login


Logout


 

Information video


 

Contact


 

email


Search


 

Edit


 

Calculation


 

Save


Show


 

Hide


 

Start


 

Open


Back


 

Reset


 

Close


 

Calculate


Calender


 

Export


 

Import


 

Product information


Add


 

Remove


 

Delete


 

Download


Duplicate


 

Move


 

Show help


 

Hide help


Fault message


 

Mobile menu button