(Spike) Standards visual treatment

[KxDm8]

Each of the numbered standards on the docs site needs visually treating for consistency.

Standards definition

Each Standard has a:

• Standard Number
• Title
• [Optional] description that can span multiple paragraphs

Standards reference

Each Standard reference is displayed as a badge and has a:

• Left aligned, coloured indicator that matches the section it is referencing (Tokens, Components, Patterns, or Frameworks)
• Name of the individual token/component
• [Optional] Number of the standard it is referencing

In the example below, the Standards reference is referring to:

• Components (Purple line to the left)
• Name of the component (Select)
• The standard number within the Select (Standard 1.1-2)

[m7kvqbe1]

Developers need to first create a POC of this feature. It may add huge amounts of complexity to content model and code base.

Conduct Spike.

[github-actions]

This issue has been marked as stale because it has been open for 60 days with no activity