Don't assume your users automatically understand the precise purpose of each element or standard, nor that they will immediately recognize when one standard should be selected over another. Clearly stating the purpose and function of every element is important.
Desktop Web, Tablet Web, Smartphone Web
It is always advisable to provide a link showing the standard actually being used on your live site. Presenting the element in context will normally clarify any ambiguity regarding its purpose.
This area contains the information that many people consider the primary purpose of any UX Style Framework: the detailed specifications for a particular standard. Depending on context, this information could include sizes, interactions, colors, fonts, spacing, states, or any other details necessary to fully define the standard. It should also include information on business, legal, or regulatory restrictions that impact the standard.
This particular section may vary greatly in length from page to page, as some elements will need only a few lines of copy, while other may include charts, images, and even clickable samples.
In order to construct a standard, the UX and design teams may need links to wireframe components, templates, color swatch libraries, or other files. In this area, teams can add a description of the asset along with a link to its location so others can find it quickly.
In this area, you should provide links to past usability test results, customer surveys, specific market research, and any other sources which verify that this particular standard is superior to other tested solutions.
When designing complex modules or new interfaces, this section will help users find all the components or interactions related to this standard. For example, let’s assume the user wants to create a search form, they may also need to see the standards for “auto-suggest” or “ghost text.” Ideally, you will provide direct internal links to those related standards as well.
IMPORTANT: Do not leave any fields blank. If a particular field is not applicable or still being researched, add a few words letting the user know.