@adobe/spectrum-design-data 3.3.0-beta.2 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/components/accordion.json +67 -15
  2. package/components/action-bar.json +30 -9
  3. package/components/action-button.json +92 -39
  4. package/components/action-group.json +137 -18
  5. package/components/alert-banner.json +27 -8
  6. package/components/alert-dialog.json +55 -34
  7. package/components/avatar-group.json +35 -9
  8. package/components/avatar.json +105 -29
  9. package/components/badge.json +163 -56
  10. package/components/breadcrumbs.json +107 -26
  11. package/components/button-group.json +63 -19
  12. package/components/button.json +105 -61
  13. package/components/calendar.json +74 -8
  14. package/components/card.json +13 -0
  15. package/components/cards.json +46 -31
  16. package/components/checkbox-group.json +85 -16
  17. package/components/checkbox.json +97 -27
  18. package/components/close-button.json +75 -20
  19. package/components/coach-indicator.json +44 -14
  20. package/components/coach-mark.json +26 -8
  21. package/components/color-area.json +100 -20
  22. package/components/color-handle.json +46 -25
  23. package/components/color-loupe.json +14 -2
  24. package/components/color-slider.json +129 -26
  25. package/components/color-wheel.json +91 -17
  26. package/components/combo-box.json +189 -50
  27. package/components/contextual-help.json +126 -80
  28. package/components/date-field.json +7 -0
  29. package/components/date-picker.json +127 -24
  30. package/components/divider.json +38 -12
  31. package/components/drop-zone.json +37 -18
  32. package/components/field-label.json +62 -21
  33. package/components/heading.json +7 -0
  34. package/components/help-text.json +53 -16
  35. package/components/illustrated-message.json +85 -21
  36. package/components/in-line-alert.json +53 -13
  37. package/components/link.json +63 -24
  38. package/components/list-view.json +80 -15
  39. package/components/menu.json +181 -45
  40. package/components/meter.json +78 -24
  41. package/components/number-field.json +175 -34
  42. package/components/picker.json +188 -42
  43. package/components/popover.json +126 -37
  44. package/components/progress-bar.json +108 -23
  45. package/components/progress-circle.json +55 -12
  46. package/components/radio-button.json +67 -14
  47. package/components/radio-group.json +132 -28
  48. package/components/rating.json +38 -9
  49. package/components/search-field.json +126 -34
  50. package/components/segmented-control.json +70 -21
  51. package/components/select-box.json +103 -29
  52. package/components/side-navigation.json +69 -28
  53. package/components/slider.json +155 -39
  54. package/components/standard-dialog.json +88 -16
  55. package/components/status-light.json +136 -41
  56. package/components/steplist.json +24 -5
  57. package/components/swatch-group.json +55 -19
  58. package/components/swatch.json +79 -24
  59. package/components/switch.json +79 -31
  60. package/components/table.json +73 -26
  61. package/components/tabs.json +52 -22
  62. package/components/tag-field.json +60 -14
  63. package/components/tag-group.json +56 -16
  64. package/components/tag.json +78 -21
  65. package/components/takeover-dialog.json +61 -10
  66. package/components/text-area.json +205 -49
  67. package/components/text-field.json +170 -42
  68. package/components/thumbnail.json +63 -22
  69. package/components/time-field.json +7 -0
  70. package/components/toast.json +50 -29
  71. package/components/tooltip.json +87 -27
  72. package/components/tree-view.json +147 -45
  73. package/components/user-card.json +7 -0
  74. package/guidelines/app-frame-overview.json +44 -46
  75. package/guidelines/attention-hierarchy.json +22 -13
  76. package/guidelines/background-layers.json +10 -80
  77. package/guidelines/brand.json +12 -32
  78. package/guidelines/colors.json +17 -47
  79. package/guidelines/developer-overview.json +9 -25
  80. package/guidelines/faqs.json +9 -96
  81. package/guidelines/fonts.json +14 -29
  82. package/guidelines/grays.json +44 -17
  83. package/guidelines/icon-fundamentals.json +18 -7
  84. package/guidelines/manifest.json +15 -367
  85. package/guidelines/motion.json +16 -17
  86. package/guidelines/principles.json +8 -7
  87. package/guidelines/resources.json +15 -21
  88. package/guidelines/states.json +11 -16
  89. package/guidelines/using-icons.json +44 -33
  90. package/package.json +2 -2
  91. package/registry/platform-implementations.json +30 -0
  92. package/guidelines/ai-resource-guide.json +0 -50
  93. package/guidelines/applying-the-type-system.json +0 -67
  94. package/guidelines/bi-directionality.json +0 -57
  95. package/guidelines/border-width.json +0 -58
  96. package/guidelines/cognitive.json +0 -197
  97. package/guidelines/component-spacing.json +0 -61
  98. package/guidelines/contact-us.json +0 -67
  99. package/guidelines/content-area-browsing-context.json +0 -65
  100. package/guidelines/content-design-grammar-and-mechanics.json +0 -241
  101. package/guidelines/content-design-voice-and-tone.json +0 -37
  102. package/guidelines/content-grammar-and-mechanics.json +0 -252
  103. package/guidelines/content-language-and-inclusivity-writing-about-people.json +0 -103
  104. package/guidelines/content-language-and-inclusivity-writing-with-visuals.json +0 -70
  105. package/guidelines/content-voice-and-tone.json +0 -47
  106. package/guidelines/creating-bluelines-browsing-context.json +0 -91
  107. package/guidelines/design-tokens.json +0 -158
  108. package/guidelines/drop-shadow.json +0 -68
  109. package/guidelines/grammar-and-mechanics.json +0 -252
  110. package/guidelines/header-browsing-context.json +0 -40
  111. package/guidelines/illustration.json +0 -105
  112. package/guidelines/in-product-word-list.json +0 -29
  113. package/guidelines/inclusive-design.json +0 -101
  114. package/guidelines/inclusive-ux-writing.json +0 -30
  115. package/guidelines/internationalization.json +0 -87
  116. package/guidelines/language-and-inclusivity-writing-about-people.json +0 -85
  117. package/guidelines/language-and-inclusivity-writing-with-visuals.json +0 -61
  118. package/guidelines/layout-and-structure-containers.json +0 -47
  119. package/guidelines/layout-and-structure-spacing-overview.json +0 -66
  120. package/guidelines/layout-spacing.json +0 -39
  121. package/guidelines/object-styles-overview.json +0 -17
  122. package/guidelines/rounding.json +0 -73
  123. package/guidelines/side-navigation-browsing-context.json +0 -74
  124. package/guidelines/spacing-overview.json +0 -45
  125. package/guidelines/support.json +0 -113
  126. package/guidelines/typography-overview.json +0 -43
  127. package/guidelines/typography-system.json +0 -208
  128. package/guidelines/visual-language-containers.json +0 -36
  129. package/guidelines/voice-and-tone.json +0 -47
  130. package/guidelines/whats-new.json +0 -32
  131. package/guidelines/writing-about-people.json +0 -103
  132. package/guidelines/writing-for-errors.json +0 -120
  133. package/guidelines/writing-for-onboarding.json +0 -119
  134. package/guidelines/writing-for-readability.json +0 -54
  135. package/guidelines/writing-with-visuals.json +0 -70
  136. package/registry/platform-extensions/web-components-states.json +0 -58
@@ -5,7 +5,10 @@
5
5
  "title": "Icon fundamentals",
6
6
  "category": "designing",
7
7
  "documentBlocks": [
8
- { "type": "purpose", "content": "Icon fundamentals" },
8
+ {
9
+ "type": "purpose",
10
+ "content": "### Icons designed to balance personality with function\n\nSpectrum 2 icons are crisp, modern, and clean. They have more personality in the form of rounder corners and motion, and use more playful but modern metaphors when there's the need to have more brand expression (for example, in feature onboarding, marketing, and Learn content). The updated icon style picks up the clean and irreducible style of Spectrum and supports the efforts to bring a unified experience to all Adobe products.\n\n### What's been updated?\n\nMost noticeably, there's been a switch to an outline style from the previous style of icons as being filled. There's also an updated priority for using meaningful metaphors consistently, focusing on content, and helping users navigate across interfaces. This combines into a cohesive theme: **icons signal familiarity**. In a product portfolio as complex as Adobe's, this familiarity is expressed through a consistent and cohesive usage of UI elements, colors, patterns, and icon metaphors.\n\nThe purpose of the updated icon style isn't just about functionality or the Adobe brand: it's about how many intricate details add up to make a big difference in the user experience. Using icon metaphors consistently makes Adobe's products usable."
11
+ },
9
12
  {
10
13
  "type": "guideline",
11
14
  "content": "How the Spectrum 2 icon set was developed.\n\nSeveral teams collaborated on the overall Spectrum 2 design language updates. One goal for iconography was to build out the current style into a unified icon language, to more closely align with our multi-platform design approach and to look and feel cohesive with the iOS and Android iconography systems. Previous testing and the launch of the outline icon style for Acrobat Modern Viewer and Adobe Express provided insights that informed style refinements."
@@ -16,19 +19,27 @@
16
19
  },
17
20
  {
18
21
  "type": "guideline",
19
- "content": "The Spectrum 2 icon style aligns with contemporary UI and icon trends and is optimized for where the icons are viewed: displays across desktop and mobile. With a bigger focus on high-res screens, we've prioritized spacing and contrast for a more expressive range — leaving behind the problem of pixel-perfect snapping. We're also aligning the stroke weight into 4 subdivisions inside the pixel unit to create balanced stroke rendering with a 1.5 px stroke weight. This weight has been proven to work well with mobile retina screens, and it allows for a stronger appearance of the line renderings of icon shapes. Image: Diagram showing and example of Spectrum 2 icon stroke weight and spacing. Within 20 pixels, an icons stroke weight is divided into 4 areas. (source: https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/media_1b6950b8826ac4405a7504a493116219c33362d58.png?width=750&format=png&optimize=medium)"
22
+ "content": "The Spectrum 2 icon style aligns with contemporary UI and icon trends and is optimized for where the icons are viewed: displays across desktop and mobile. With a bigger focus on high-res screens, we've prioritized spacing and contrast for a more expressive range — leaving behind the problem of pixel-perfect snapping."
23
+ },
24
+ {
25
+ "type": "guideline",
26
+ "content": "We're also aligning the stroke weight into 4 subdivisions inside the pixel unit to create balanced stroke rendering with a 1.5 px stroke weight. This weight has been proven to work well with mobile retina screens, and it allows for a stronger appearance of the line renderings of icon shapes."
27
+ },
28
+ {
29
+ "type": "guideline",
30
+ "content": "Icons are outlined. They're mostly monochrome to allow for colored accents in badges for status updates like alerts, information, and notifications. Some icons also use fill and a stroke to illustrate a concept more clearly (for example, the favorite star rating, or third-party logos)."
20
31
  },
21
32
  {
22
33
  "type": "guideline",
23
- "content": "Icons are outlined. They're mostly monochrome to allow for colored accents in badges for status updates like alerts, information, and notifications. Some icons also use fill and a stroke to illustrate a concept more clearly (for example, the favorite star rating, or third-party logos). Occasionally, there are duotone icons to indicate a perceived change of direction, exclusion, transition, or speed (like in flip horizontal/vertical). Image: Chart showing 105 different examples of Spectrum 2 icons and demonstrating the visual style. (source: https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/media_1254ce1f133d89a15f178e50f730facf76df26772.png?width=750&format=png&optimize=medium)Various examples of Spectrum 2 icons. Image: Diagram of the relationship between the Spectrum icons and the Adobe Express icons and how that merges into the Spectrum 2 icons. Spectrum icons are rational, classic, serious, and unique. Adobe Express icons are easy, trendy, playful, and familiar. Spectrum 2 icons combine these to be more expressive and also incorporate a sense of motion. (source: https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/media_1569649220eef056016b5a0c7e8406d29712e6d62.png?width=750&format=png&optimize=medium)Similarities of icon styles across Spectrum and Adobe Express. Image: Chart showing history of Adobe's icon styles. 2018, Spectrum icons, 18 pixel canvas with 1 or 2 pixel stroke. 2020, Adobe Express icons, 18 pixel canvas with 2 pixel stroke. 2020, Document Cloud Modern icons, 18 pixel canvas with 1 and a half pixel stroke. 2023, Spectrum 2, 20 pixel canvas with 1 and a half pixel stroke. (source: https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/media_169156cc71c2b273a0cd95b4d79fc3d82d009e8ee.png?width=750&format=png&optimize=medium)How icons have evolved over time."
34
+ "content": "Occasionally, there are duotone icons to indicate a perceived change of direction, exclusion, transition, or speed (like in flip horizontal/vertical)."
24
35
  },
25
36
  {
26
37
  "type": "guideline",
27
- "content": "Characteristics.\n\nAdobe products often have complex controls, so our icon metaphors are clear, functional, and additive to experiences. They describe tools and topics as simply and accurately as possible. Icons that attempt to relay too much information often become busy and don't read well at small sizes. The shapes of the icons themselves are based on predefined key shapes to ensure a balanced look and feel across interfaces. Image: Three examples of key shapes in Spectrum 2 icons, square, circle, and rectangle. A square becomes a document icon. A circle becomes a compass icon. A rectangle becomes a file folder icon. (source: https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/media_1705813a0cc859925174da0e7e30ee6682bf7faee.png?width=750&format=png&optimize=medium)Examples of key shapes. Image: Examples of literal and abstract metaphors. Literal metaphor, house icon represents the concept of Home. Abstract metaphor, an icon with an assemblage of squares represents the concept of Group. (source: https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/media_11bab8021c39aca4dd072f1a786d8917b5516ee32.png?width=750&format=png&optimize=medium)Image: Examples of platform standard icons for Share. iOS uses one icon for share while Android uses another. (source: https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/media_1d27dc5c7e3afa085093cba37611e95ab4370a2d3.png?width=750&format=png&optimize=medium)"
38
+ "content": "Characteristics.\n\nAdobe products often have complex controls, so our icon metaphors are **clear**, **functional**, and **additive to experiences**. They describe tools and topics as simply and accurately as possible. Icons that attempt to relay too much information often become busy and don't read well at small sizes.\n\nThe shapes of the icons themselves are based on predefined **key shapes** to ensure a balanced look and feel across interfaces."
28
39
  }
29
40
  ],
30
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/icon-fundamentals",
31
- "lastUpdated": "2026-09-04",
41
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/icon-fundamentals/",
42
+ "lastUpdated": "2026-02-02",
32
43
  "status": "published",
33
- "tags": ["icons", "outline", "monochrome", "stroke-weight", "iconography"]
44
+ "tags": ["designing"]
34
45
  }
@@ -1,13 +1,5 @@
1
1
  {
2
2
  "guidelines": [
3
- {
4
- "slug": "ai-resource-guide",
5
- "title": "AI resource guide",
6
- "category": "support",
7
- "status": "published",
8
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/support/ai-resource-guide",
9
- "file": "guidelines/ai-resource-guide.json"
10
- },
11
3
  {
12
4
  "slug": "app-frame-content-area",
13
5
  "title": "App frame content area (browsing context)",
@@ -37,7 +29,7 @@
37
29
  "title": "App frame",
38
30
  "category": "designing",
39
31
  "status": "published",
40
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/app-frame/overview",
32
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/app-frame-overview/",
41
33
  "file": "guidelines/app-frame-overview.json"
42
34
  },
43
35
  {
@@ -48,20 +40,12 @@
48
40
  "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/app-frame-side-navigation/",
49
41
  "file": "guidelines/app-frame-side-navigation.json"
50
42
  },
51
- {
52
- "slug": "applying-the-type-system",
53
- "title": "Applying the type system",
54
- "category": "designing",
55
- "status": "published",
56
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/typography/applying-the-type-system",
57
- "file": "guidelines/applying-the-type-system.json"
58
- },
59
43
  {
60
44
  "slug": "attention-hierarchy",
61
45
  "title": "Attention hierarchy",
62
46
  "category": "designing",
63
47
  "status": "published",
64
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/attention-hierarchy",
48
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/attention-hierarchy/",
65
49
  "file": "guidelines/attention-hierarchy.json"
66
50
  },
67
51
  {
@@ -69,65 +53,25 @@
69
53
  "title": "Background layers",
70
54
  "category": "designing",
71
55
  "status": "published",
72
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/color/background-layers",
56
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/background-layers/",
73
57
  "file": "guidelines/background-layers.json"
74
58
  },
75
- {
76
- "slug": "bi-directionality",
77
- "title": "Bi-directionality",
78
- "category": "designing",
79
- "status": "published",
80
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/inclusivity/bi-directionality",
81
- "file": "guidelines/bi-directionality.json"
82
- },
83
- {
84
- "slug": "border-width",
85
- "title": "Border width",
86
- "category": "designing",
87
- "status": "published",
88
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/styles/object-styles/border-width",
89
- "file": "guidelines/border-width.json"
90
- },
91
59
  {
92
60
  "slug": "brand",
93
61
  "title": "Brand",
94
62
  "category": "designing",
95
63
  "status": "published",
96
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/brand",
64
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/brand/",
97
65
  "file": "guidelines/brand.json"
98
66
  },
99
- {
100
- "slug": "cognitive",
101
- "title": "Cognitive",
102
- "category": "designing",
103
- "status": "published",
104
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/foundations/inclusivity/cognitive",
105
- "file": "guidelines/cognitive.json"
106
- },
107
67
  {
108
68
  "slug": "colors",
109
69
  "title": "Colors",
110
70
  "category": "designing",
111
71
  "status": "published",
112
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/color/colors",
72
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/colors/",
113
73
  "file": "guidelines/colors.json"
114
74
  },
115
- {
116
- "slug": "component-spacing",
117
- "title": "Component spacing",
118
- "category": "designing",
119
- "status": "published",
120
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/layout-and-structure/spacing/component-spacing",
121
- "file": "guidelines/component-spacing.json"
122
- },
123
- {
124
- "slug": "contact-us",
125
- "title": "Contact us",
126
- "category": "support",
127
- "status": "published",
128
- "sourceUrl": "https://preview.spectrum.adobe.com/support/contact-us",
129
- "file": "guidelines/contact-us.json"
130
- },
131
75
  {
132
76
  "slug": "containers",
133
77
  "title": "Containers",
@@ -136,100 +80,20 @@
136
80
  "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/containers/",
137
81
  "file": "guidelines/containers.json"
138
82
  },
139
- {
140
- "slug": "content-area-browsing-context",
141
- "title": "Browsing context: Content area",
142
- "category": "designing",
143
- "status": "published",
144
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/app-frame/content-area-browsing-context",
145
- "file": "guidelines/content-area-browsing-context.json"
146
- },
147
- {
148
- "slug": "content-design-grammar-and-mechanics",
149
- "title": "Grammar and mechanics",
150
- "category": "designing",
151
- "status": "published",
152
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/content-design/grammar-and-mechanics",
153
- "file": "guidelines/content-design-grammar-and-mechanics.json"
154
- },
155
- {
156
- "slug": "content-design-voice-and-tone",
157
- "title": "Voice and tone",
158
- "category": "designing",
159
- "status": "published",
160
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/content-design/voice-and-tone",
161
- "file": "guidelines/content-design-voice-and-tone.json"
162
- },
163
- {
164
- "slug": "content-grammar-and-mechanics",
165
- "title": "Grammar and mechanics",
166
- "category": "designing",
167
- "status": "published",
168
- "sourceUrl": "https://preview.spectrum.adobe.com/content/grammar-and-mechanics",
169
- "file": "guidelines/content-grammar-and-mechanics.json"
170
- },
171
- {
172
- "slug": "content-language-and-inclusivity-writing-about-people",
173
- "title": "Writing about people",
174
- "category": "designing",
175
- "status": "published",
176
- "sourceUrl": "https://preview.spectrum.adobe.com/content/language-and-inclusivity/writing-about-people",
177
- "file": "guidelines/content-language-and-inclusivity-writing-about-people.json"
178
- },
179
- {
180
- "slug": "content-language-and-inclusivity-writing-with-visuals",
181
- "title": "Writing with visuals",
182
- "category": "designing",
183
- "status": "published",
184
- "sourceUrl": "https://preview.spectrum.adobe.com/content/language-and-inclusivity/writing-with-visuals",
185
- "file": "guidelines/content-language-and-inclusivity-writing-with-visuals.json"
186
- },
187
- {
188
- "slug": "content-voice-and-tone",
189
- "title": "Voice and tone",
190
- "category": "designing",
191
- "status": "published",
192
- "sourceUrl": "https://preview.spectrum.adobe.com/content/voice-and-tone",
193
- "file": "guidelines/content-voice-and-tone.json"
194
- },
195
- {
196
- "slug": "creating-bluelines-browsing-context",
197
- "title": "Creating bluelines",
198
- "category": "designing",
199
- "status": "published",
200
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/app-frame/creating-bluelines-browsing-context",
201
- "file": "guidelines/creating-bluelines-browsing-context.json"
202
- },
203
- {
204
- "slug": "design-tokens",
205
- "title": "Design tokens",
206
- "category": "designing",
207
- "status": "published",
208
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/design-data/design-tokens",
209
- "file": "guidelines/design-tokens.json"
210
- },
211
83
  {
212
84
  "slug": "developer-overview",
213
85
  "title": "Developer overview",
214
86
  "category": "developing",
215
87
  "status": "published",
216
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/support/developer-overview",
88
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/developer-overview/",
217
89
  "file": "guidelines/developer-overview.json"
218
90
  },
219
- {
220
- "slug": "drop-shadow",
221
- "title": "Drop shadow",
222
- "category": "designing",
223
- "status": "published",
224
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/styles/object-styles/drop-shadow",
225
- "file": "guidelines/drop-shadow.json"
226
- },
227
91
  {
228
92
  "slug": "faqs",
229
93
  "title": "FAQs",
230
94
  "category": "support",
231
95
  "status": "published",
232
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/support/faqs",
96
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/faqs/",
233
97
  "file": "guidelines/faqs.json"
234
98
  },
235
99
  {
@@ -237,49 +101,25 @@
237
101
  "title": "Fonts",
238
102
  "category": "designing",
239
103
  "status": "published",
240
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/foundations/typography/fonts",
104
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/fonts/",
241
105
  "file": "guidelines/fonts.json"
242
106
  },
243
- {
244
- "slug": "grammar-and-mechanics",
245
- "title": "Grammar and mechanics",
246
- "category": "designing",
247
- "status": "published",
248
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/content/grammar-and-mechanics",
249
- "file": "guidelines/grammar-and-mechanics.json"
250
- },
251
107
  {
252
108
  "slug": "grays",
253
109
  "title": "Grays",
254
110
  "category": "designing",
255
111
  "status": "published",
256
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/color/grays",
112
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/grays/",
257
113
  "file": "guidelines/grays.json"
258
114
  },
259
- {
260
- "slug": "header-browsing-context",
261
- "title": "Browsing context: Header",
262
- "category": "designing",
263
- "status": "published",
264
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/app-frame/header-browsing-context",
265
- "file": "guidelines/header-browsing-context.json"
266
- },
267
115
  {
268
116
  "slug": "icon-fundamentals",
269
117
  "title": "Icon fundamentals",
270
118
  "category": "designing",
271
119
  "status": "published",
272
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/icon-fundamentals",
120
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/icon-fundamentals/",
273
121
  "file": "guidelines/icon-fundamentals.json"
274
122
  },
275
- {
276
- "slug": "illustration",
277
- "title": "Illustration",
278
- "category": "designing",
279
- "status": "published",
280
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/visual-language/illustration",
281
- "file": "guidelines/illustration.json"
282
- },
283
123
  {
284
124
  "slug": "illustrations",
285
125
  "title": "Illustrations",
@@ -288,38 +128,6 @@
288
128
  "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/illustrations/",
289
129
  "file": "guidelines/illustrations.json"
290
130
  },
291
- {
292
- "slug": "in-product-word-list",
293
- "title": "In-product word list",
294
- "category": "designing",
295
- "status": "published",
296
- "sourceUrl": "https://preview.spectrum.adobe.com/content/in-product-word-list",
297
- "file": "guidelines/in-product-word-list.json"
298
- },
299
- {
300
- "slug": "inclusive-design",
301
- "title": "Inclusive design",
302
- "category": "designing",
303
- "status": "published",
304
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/inclusivity/inclusive-design",
305
- "file": "guidelines/inclusive-design.json"
306
- },
307
- {
308
- "slug": "inclusive-ux-writing",
309
- "title": "Inclusive UX writing",
310
- "category": "designing",
311
- "status": "published",
312
- "sourceUrl": "https://preview.spectrum.adobe.com/content/language-and-inclusivity/inclusive-ux-writing",
313
- "file": "guidelines/inclusive-ux-writing.json"
314
- },
315
- {
316
- "slug": "internationalization",
317
- "title": "Internationalization",
318
- "category": "designing",
319
- "status": "published",
320
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/inclusivity/internationalization",
321
- "file": "guidelines/internationalization.json"
322
- },
323
131
  {
324
132
  "slug": "introduction",
325
133
  "title": "Introduction",
@@ -328,52 +136,12 @@
328
136
  "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/introduction/",
329
137
  "file": "guidelines/introduction.json"
330
138
  },
331
- {
332
- "slug": "language-and-inclusivity-writing-about-people",
333
- "title": "Writing about people",
334
- "category": "designing",
335
- "status": "published",
336
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/content-design/language-and-inclusivity/writing-about-people",
337
- "file": "guidelines/language-and-inclusivity-writing-about-people.json"
338
- },
339
- {
340
- "slug": "language-and-inclusivity-writing-with-visuals",
341
- "title": "Writing with visuals",
342
- "category": "designing",
343
- "status": "published",
344
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/content-design/language-and-inclusivity/writing-with-visuals",
345
- "file": "guidelines/language-and-inclusivity-writing-with-visuals.json"
346
- },
347
- {
348
- "slug": "layout-and-structure-containers",
349
- "title": "Containers",
350
- "category": "designing",
351
- "status": "published",
352
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/layout-and-structure/containers",
353
- "file": "guidelines/layout-and-structure-containers.json"
354
- },
355
- {
356
- "slug": "layout-and-structure-spacing-overview",
357
- "title": "Spacing",
358
- "category": "designing",
359
- "status": "published",
360
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/layout-and-structure/spacing/overview",
361
- "file": "guidelines/layout-and-structure-spacing-overview.json"
362
- },
363
- {
364
- "slug": "layout-spacing",
365
- "title": "Layout spacing",
366
- "category": "designing",
367
- "status": "published",
368
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/layout-and-structure/spacing/layout-spacing",
369
- "file": "guidelines/layout-spacing.json"
370
- },
371
139
  {
372
140
  "slug": "motion",
373
141
  "title": "Motion",
374
142
  "category": "designing",
375
143
  "status": "published",
376
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/behavior/motion",
144
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/motion/",
377
145
  "file": "guidelines/motion.json"
378
146
  },
379
147
  {
@@ -384,20 +152,12 @@
384
152
  "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/object-styles/",
385
153
  "file": "guidelines/object-styles.json"
386
154
  },
387
- {
388
- "slug": "object-styles-overview",
389
- "title": "Object styles",
390
- "category": "designing",
391
- "status": "published",
392
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/styles/object-styles/overview",
393
- "file": "guidelines/object-styles-overview.json"
394
- },
395
155
  {
396
156
  "slug": "principles",
397
157
  "title": "Principles",
398
158
  "category": "fundamentals",
399
159
  "status": "published",
400
- "sourceUrl": "https://preview.spectrum.adobe.com/getting-started/principles",
160
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/principles/",
401
161
  "file": "guidelines/principles.json"
402
162
  },
403
163
  {
@@ -405,25 +165,9 @@
405
165
  "title": "Resources",
406
166
  "category": "support",
407
167
  "status": "published",
408
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/support/resources",
168
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/resources/",
409
169
  "file": "guidelines/resources.json"
410
170
  },
411
- {
412
- "slug": "rounding",
413
- "title": "Rounding",
414
- "category": "designing",
415
- "status": "published",
416
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/styles/object-styles/rounding",
417
- "file": "guidelines/rounding.json"
418
- },
419
- {
420
- "slug": "side-navigation-browsing-context",
421
- "title": "Browsing context: Side nav",
422
- "category": "designing",
423
- "status": "published",
424
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/app-frame/side-navigation-browsing-context",
425
- "file": "guidelines/side-navigation-browsing-context.json"
426
- },
427
171
  {
428
172
  "slug": "spacing",
429
173
  "title": "Spacing",
@@ -432,30 +176,14 @@
432
176
  "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/spacing/",
433
177
  "file": "guidelines/spacing.json"
434
178
  },
435
- {
436
- "slug": "spacing-overview",
437
- "title": "Spacing overview",
438
- "category": "designing",
439
- "status": "published",
440
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/layout-and-structure/spacing/spacing-overview",
441
- "file": "guidelines/spacing-overview.json"
442
- },
443
179
  {
444
180
  "slug": "states",
445
181
  "title": "States",
446
182
  "category": "designing",
447
183
  "status": "published",
448
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/behavior/states",
184
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/states/",
449
185
  "file": "guidelines/states.json"
450
186
  },
451
- {
452
- "slug": "support",
453
- "title": "FAQs",
454
- "category": "support",
455
- "status": "published",
456
- "sourceUrl": "https://preview.spectrum.adobe.com/support",
457
- "file": "guidelines/support.json"
458
- },
459
187
  {
460
188
  "slug": "typography-fundamentals",
461
189
  "title": "Typography fundamentals",
@@ -464,93 +192,13 @@
464
192
  "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/typography-fundamentals/",
465
193
  "file": "guidelines/typography-fundamentals.json"
466
194
  },
467
- {
468
- "slug": "typography-overview",
469
- "title": "Typography",
470
- "category": "designing",
471
- "status": "published",
472
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/typography/overview",
473
- "file": "guidelines/typography-overview.json"
474
- },
475
- {
476
- "slug": "typography-system",
477
- "title": "Typography system",
478
- "category": "designing",
479
- "status": "published",
480
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/typography/typography-system",
481
- "file": "guidelines/typography-system.json"
482
- },
483
195
  {
484
196
  "slug": "using-icons",
485
197
  "title": "Using icons",
486
198
  "category": "designing",
487
199
  "status": "published",
488
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/icons-and-illustrations/using-icons",
200
+ "sourceUrl": "https://s2.spectrum.corp.adobe.com/page/using-icons/",
489
201
  "file": "guidelines/using-icons.json"
490
- },
491
- {
492
- "slug": "visual-language-containers",
493
- "title": "Containers",
494
- "category": "designing",
495
- "status": "published",
496
- "sourceUrl": "https://preview.spectrum.adobe.com/foundations/visual-language/containers",
497
- "file": "guidelines/visual-language-containers.json"
498
- },
499
- {
500
- "slug": "voice-and-tone",
501
- "title": "Voice and tone",
502
- "category": "designing",
503
- "status": "published",
504
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/content/voice-and-tone",
505
- "file": "guidelines/voice-and-tone.json"
506
- },
507
- {
508
- "slug": "whats-new",
509
- "title": "Great design systems evolve alongside the people who use them",
510
- "category": "fundamentals",
511
- "status": "published",
512
- "sourceUrl": "https://preview.spectrum.adobe.com/getting-started/whats-new",
513
- "file": "guidelines/whats-new.json"
514
- },
515
- {
516
- "slug": "writing-about-people",
517
- "title": "Writing about people",
518
- "category": "designing",
519
- "status": "published",
520
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/content/language-and-inclusivity/writing-about-people",
521
- "file": "guidelines/writing-about-people.json"
522
- },
523
- {
524
- "slug": "writing-for-errors",
525
- "title": "Writing for errors",
526
- "category": "designing",
527
- "status": "published",
528
- "sourceUrl": "https://preview.spectrum.adobe.com/content/writing-for-errors",
529
- "file": "guidelines/writing-for-errors.json"
530
- },
531
- {
532
- "slug": "writing-for-onboarding",
533
- "title": "Writing for onboarding",
534
- "category": "designing",
535
- "status": "published",
536
- "sourceUrl": "https://preview.spectrum.adobe.com/content/writing-for-onboarding",
537
- "file": "guidelines/writing-for-onboarding.json"
538
- },
539
- {
540
- "slug": "writing-for-readability",
541
- "title": "Writing for readability",
542
- "category": "designing",
543
- "status": "published",
544
- "sourceUrl": "https://preview.spectrum.adobe.com/content/language-and-inclusivity/writing-for-readability",
545
- "file": "guidelines/writing-for-readability.json"
546
- },
547
- {
548
- "slug": "writing-with-visuals",
549
- "title": "Writing with visuals",
550
- "category": "designing",
551
- "status": "published",
552
- "sourceUrl": "https://main--spectrum-hub--adobe.aem.live/content/language-and-inclusivity/writing-with-visuals",
553
- "file": "guidelines/writing-with-visuals.json"
554
202
  }
555
203
  ]
556
204
  }