We are ready for departure!
Rule: Don't use outlines or hard shadows for shapes and forms.
Do:
Don't:
Exception: Progress arrows
Boxes are a graphical element that can be used for highlighting of text or labels. Boxes can also show diagrams, structures, and comparisons.
Rule: Boxes that are positioned next to each other must have the same height.
Do:
Don't:
Rule: Use colored boxes for highlighting. Don't use colors that are too dark.
Do:
Don't:
Rule: Use lighter colors for boxes/circles.
Rule: Only use Red Carpet for the following two purposes.
Signaling awareness
Showing a medical context
Arrows help to show connections, processes, relations, and diagrams.
Rule: Arrows must have a height of 0.7 cm.
Do:
Don't:
Mind the gap!
For information on the width of line arrows, please check out the Lines section!
Rule: Arrows should directly connect with boxes instead of stopping before the boxes.
Do:
Don't:
Rule: Arrows should align straight or in an angle.
Do:
Don't:
Rule: Colors for arrows can vary depending on their visual purpose. In a medical context the arrows Red Carpet 300 and Ocean 300 show the different blood flows. For general flows Raccoon should be used.
Examples: