@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.
- package/components/accordion.json +67 -15
- package/components/action-bar.json +30 -9
- package/components/action-button.json +92 -39
- package/components/action-group.json +137 -18
- package/components/alert-banner.json +27 -8
- package/components/alert-dialog.json +55 -34
- package/components/avatar-group.json +35 -9
- package/components/avatar.json +105 -29
- package/components/badge.json +163 -56
- package/components/breadcrumbs.json +107 -26
- package/components/button-group.json +63 -19
- package/components/button.json +105 -61
- package/components/calendar.json +74 -8
- package/components/card.json +13 -0
- package/components/cards.json +46 -31
- package/components/checkbox-group.json +85 -16
- package/components/checkbox.json +97 -27
- package/components/close-button.json +75 -20
- package/components/coach-indicator.json +44 -14
- package/components/coach-mark.json +26 -8
- package/components/color-area.json +100 -20
- package/components/color-handle.json +46 -25
- package/components/color-loupe.json +14 -2
- package/components/color-slider.json +129 -26
- package/components/color-wheel.json +91 -17
- package/components/combo-box.json +189 -50
- package/components/contextual-help.json +126 -80
- package/components/date-field.json +7 -0
- package/components/date-picker.json +127 -24
- package/components/divider.json +38 -12
- package/components/drop-zone.json +37 -18
- package/components/field-label.json +62 -21
- package/components/heading.json +7 -0
- package/components/help-text.json +53 -16
- package/components/illustrated-message.json +85 -21
- package/components/in-line-alert.json +53 -13
- package/components/link.json +63 -24
- package/components/list-view.json +80 -15
- package/components/menu.json +181 -45
- package/components/meter.json +78 -24
- package/components/number-field.json +175 -34
- package/components/picker.json +188 -42
- package/components/popover.json +126 -37
- package/components/progress-bar.json +108 -23
- package/components/progress-circle.json +55 -12
- package/components/radio-button.json +67 -14
- package/components/radio-group.json +132 -28
- package/components/rating.json +38 -9
- package/components/search-field.json +126 -34
- package/components/segmented-control.json +70 -21
- package/components/select-box.json +103 -29
- package/components/side-navigation.json +69 -28
- package/components/slider.json +155 -39
- package/components/standard-dialog.json +88 -16
- package/components/status-light.json +136 -41
- package/components/steplist.json +24 -5
- package/components/swatch-group.json +55 -19
- package/components/swatch.json +79 -24
- package/components/switch.json +79 -31
- package/components/table.json +73 -26
- package/components/tabs.json +52 -22
- package/components/tag-field.json +60 -14
- package/components/tag-group.json +56 -16
- package/components/tag.json +78 -21
- package/components/takeover-dialog.json +61 -10
- package/components/text-area.json +205 -49
- package/components/text-field.json +170 -42
- package/components/thumbnail.json +63 -22
- package/components/time-field.json +7 -0
- package/components/toast.json +50 -29
- package/components/tooltip.json +87 -27
- package/components/tree-view.json +147 -45
- package/components/user-card.json +7 -0
- package/guidelines/app-frame-overview.json +44 -46
- package/guidelines/attention-hierarchy.json +22 -13
- package/guidelines/background-layers.json +10 -80
- package/guidelines/brand.json +12 -32
- package/guidelines/colors.json +17 -47
- package/guidelines/developer-overview.json +9 -25
- package/guidelines/faqs.json +9 -96
- package/guidelines/fonts.json +14 -29
- package/guidelines/grays.json +44 -17
- package/guidelines/icon-fundamentals.json +18 -7
- package/guidelines/manifest.json +15 -367
- package/guidelines/motion.json +16 -17
- package/guidelines/principles.json +8 -7
- package/guidelines/resources.json +15 -21
- package/guidelines/states.json +11 -16
- package/guidelines/using-icons.json +44 -33
- package/package.json +2 -2
- package/registry/platform-implementations.json +30 -0
- package/guidelines/ai-resource-guide.json +0 -50
- package/guidelines/applying-the-type-system.json +0 -67
- package/guidelines/bi-directionality.json +0 -57
- package/guidelines/border-width.json +0 -58
- package/guidelines/cognitive.json +0 -197
- package/guidelines/component-spacing.json +0 -61
- package/guidelines/contact-us.json +0 -67
- package/guidelines/content-area-browsing-context.json +0 -65
- package/guidelines/content-design-grammar-and-mechanics.json +0 -241
- package/guidelines/content-design-voice-and-tone.json +0 -37
- package/guidelines/content-grammar-and-mechanics.json +0 -252
- package/guidelines/content-language-and-inclusivity-writing-about-people.json +0 -103
- package/guidelines/content-language-and-inclusivity-writing-with-visuals.json +0 -70
- package/guidelines/content-voice-and-tone.json +0 -47
- package/guidelines/creating-bluelines-browsing-context.json +0 -91
- package/guidelines/design-tokens.json +0 -158
- package/guidelines/drop-shadow.json +0 -68
- package/guidelines/grammar-and-mechanics.json +0 -252
- package/guidelines/header-browsing-context.json +0 -40
- package/guidelines/illustration.json +0 -105
- package/guidelines/in-product-word-list.json +0 -29
- package/guidelines/inclusive-design.json +0 -101
- package/guidelines/inclusive-ux-writing.json +0 -30
- package/guidelines/internationalization.json +0 -87
- package/guidelines/language-and-inclusivity-writing-about-people.json +0 -85
- package/guidelines/language-and-inclusivity-writing-with-visuals.json +0 -61
- package/guidelines/layout-and-structure-containers.json +0 -47
- package/guidelines/layout-and-structure-spacing-overview.json +0 -66
- package/guidelines/layout-spacing.json +0 -39
- package/guidelines/object-styles-overview.json +0 -17
- package/guidelines/rounding.json +0 -73
- package/guidelines/side-navigation-browsing-context.json +0 -74
- package/guidelines/spacing-overview.json +0 -45
- package/guidelines/support.json +0 -113
- package/guidelines/typography-overview.json +0 -43
- package/guidelines/typography-system.json +0 -208
- package/guidelines/visual-language-containers.json +0 -36
- package/guidelines/voice-and-tone.json +0 -47
- package/guidelines/whats-new.json +0 -32
- package/guidelines/writing-about-people.json +0 -103
- package/guidelines/writing-for-errors.json +0 -120
- package/guidelines/writing-for-onboarding.json +0 -119
- package/guidelines/writing-for-readability.json +0 -54
- package/guidelines/writing-with-visuals.json +0 -70
- 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
|
-
{
|
|
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.
|
|
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": "
|
|
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
|
|
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://
|
|
31
|
-
"lastUpdated": "2026-
|
|
41
|
+
"sourceUrl": "https://s2.spectrum.corp.adobe.com/page/icon-fundamentals/",
|
|
42
|
+
"lastUpdated": "2026-02-02",
|
|
32
43
|
"status": "published",
|
|
33
|
-
"tags": ["
|
|
44
|
+
"tags": ["designing"]
|
|
34
45
|
}
|
package/guidelines/manifest.json
CHANGED
|
@@ -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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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://
|
|
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
|
}
|