The styleguide defines and documents all visual elements in their different states. It describes the use of all interaction elements, graphical elements, colors and fonts. It defines context, placing, characteristics, restraints and alternatives for each element. In order to visualize the development goal typical screens as well as special cases are described and visually designed.
The use of a styleguide ensures a consistent description of all elements within the application. This is especially important if several developers are part of the implementation. The styleguide offers the optimal working basis for all participants.