=== Background
In order to build our design system on top of a solid visual foundation that enables the application of consistent, predefined styles, we need to consolidate and document its articulating design guidelines. Visual guidelines have a strong impact on design tokens (T293127), since tokens names and values are directly dictated by said principles.
=== User stories
As a designer, I need to have access to the foundational visual principles of the system, so I'm able to reproduce systematic decisions related to colors, spacing, typography, etc. when designing components and creating other system-compliant designs.
=== Conditions of Satisfaction
All the visual guidelines of the design system are consolidated and documented in Figma.
=== Done
Consolidate and document the system's:
**Codex Beta**
[ ] Colors (T296995)
[ ] Sizing scale (T297000)
[x] Opacities (T297001)
[ ] (Box)Shadows (T297003)
[x] Border and Border radius (T300562)
[ ] Iconography (T297007)
[x] Motion (animation & transition) T304443
[ ] Breakpoints
[ ] Cursors
[x] {T302181} Initial addition
[] {T306396}
**Codex 1.0**
[ ] Typographic styles and scale (T296998) [not entirely sure if time's sufficient)
**Notes**
It still needs to be decided whether we also want to document the system's visual principles in an external resource (whether that would be the [[ https://doc.wikimedia.org/codex/main/ | system's demo page ]] or the [[ https://design.wikimedia.org/style-guide/index.html | Design style guide ]]).
Defining a Layout grid for the system (see T90687) is out of scope for this particular task due to its blocking complexity.