Change Details

==== Background/Goal Define & create the "global" visual styles for the design system, that will handle 90% of needs. ===== User stories - As a designer, I need to understand what visual styles are considered to be "global" styles. - As a designer, I need to be able to see the design specifications of each "global" style in order to incorporate into my designs. - As a designer, I need "global" styles to be available in tokens so I can easily integrate into design implementation. ===== Considerations - Much of this work is in flight or completed already. This ticket is meant to link up related tickets and centralize them. ===== Requirements [X] We define a clear list of "global" visual styles to incorporate into the design system that account for 90% of feature style needs [x] Each "global" visual style category has its own ticket to track design and implementation (and linked to this ticket) [x] All "global" styles category descriptions and principles are documented here: https://doc.wikimedia.org/codex/main/design-tokens/overview.html in respect to https://design.wikimedia.org/style-guide/visual-style.html [] Each "global" visual style category has its own specs in Figma (aka separate from specific components) (T295991) [] "Global" visual styles categories are translated to Figma styles (when applicable) and applied to OOUI and Codex design components (T295606) [] Each "global" style has been shared with the overall Wikimedia Product Design team ===== Acceptance criteria [x] Users can find a publicly available list of "global" styles in the **[[ https://doc.wikimedia.org/codex/main/design-tokens/overview.html | code demo ]]** [] Design contributors can access "global" styles in the design specs ===== Test scenarios [to come]

==== Background/Goal Define & create the "global" visual styles for the design system, that will handle 90% of needs. ===== User stories - As a designer, I need to understand what visual styles are considered to be "global" styles. - As a designer, I need to be able to see the design specifications of each "global" style in order to incorporate into my designs. - As a designer, I need "global" styles to be available in tokens so I can easily integrate into design implementation. ===== Considerations - Much of this work is in flight or completed already. This ticket is meant to link up related tickets and centralize them. ===== Requirements [X] We define a clear list of "global" visual styles to incorporate into the design system that account for 90% of feature style needs [x] Each "global" visual style category has its own ticket to track design and implementation (and linked to this ticket) [x] All "global" styles category descriptions and principles are documented here: https://doc.wikimedia.org/codex/main/design-tokens/overview.html in respect to https://design.wikimedia.org/style-guide/visual-style.html [x] Each "global" visual style category has its own specs in Figma (aka separate from specific components) (T295991) [] "Global" visual styles categories are translated to Figma styles (when applicable) and applied to OOUI and Codex design components (T295606) [x] Each "global" style has been shared with the overall Wikimedia Product Design team ===== Acceptance criteria [x] Users can find a publicly available list of "global" styles in the **[[ https://doc.wikimedia.org/codex/main/design-tokens/overview.html | code demo ]]** [] Design contributors can access "global" styles in the design specs ===== Test scenarios [to come]

==== Background/Goal Define & create the "global" visual styles for the design system, that will handle 90% of needs. ===== User stories - As a designer, I need to understand what visual styles are considered to be "global" styles. - As a designer, I need to be able to see the design specifications of each "global" style in order to incorporate into my designs. - As a designer, I need "global" styles to be available in tokens so I can easily integrate into design implementation. ===== Considerations - Much of this work is in flight or completed already. This ticket is meant to link up related tickets and centralize them. ===== Requirements [X] We define a clear list of "global" visual styles to incorporate into the design system that account for 90% of feature style needs [x] Each "global" visual style category has its own ticket to track design and implementation (and linked to this ticket) [x] All "global" styles category descriptions and principles are documented here: https://doc.wikimedia.org/codex/main/design-tokens/overview.html in respect to https://design.wikimedia.org/style-guide/visual-style.html [x] Each "global" visual style category has its own specs in Figma (aka separate from specific components) (T295991) [] "Global" visual styles categories are translated to Figma styles (when applicable) and applied to OOUI and Codex design components (T295606) [x] Each "global" style has been shared with the overall Wikimedia Product Design team ===== Acceptance criteria [x] Users can find a publicly available list of "global" styles in the **[[ https://doc.wikimedia.org/codex/main/design-tokens/overview.html | code demo ]]** [] Design contributors can access "global" styles in the design specs ===== Test scenarios [to come]