3:I[71642,[],""]
5:I[18184,["2141","static/chunks/app/page/%5Bslug%5D/error-fb8a49e0cb95f622.js"],""]
6:I[79462,[],""]
7:I[5236,["3031","static/chunks/app/page/error-915035f28f7b4f60.js"],""]
8:I[52823,["7179","static/chunks/7179-f7ada6a0a351521c.js","1066","static/chunks/1066-3f91e2c9280ff971.js","3185","static/chunks/app/layout-10bd766fda8ee499.js"],""]
9:I[92293,["7601","static/chunks/app/error-4470e79cb22ce422.js"],""]
a:I[79230,["9160","static/chunks/app/not-found-a644a9bd3912801e.js"],""]
b:I[96544,["7179","static/chunks/7179-f7ada6a0a351521c.js","1066","static/chunks/1066-3f91e2c9280ff971.js","3185","static/chunks/app/layout-10bd766fda8ee499.js"],""]
c:I[91520,["7179","static/chunks/7179-f7ada6a0a351521c.js","1066","static/chunks/1066-3f91e2c9280ff971.js","3185","static/chunks/app/layout-10bd766fda8ee499.js"],""]
4:["slug","principles","d"]
0:["OSZuFqpH8UoxvfcPmE3GW",[[["",{"children":["page",{"children":[["slug","principles","d"],{"children":["__PAGE__?{\"slug\":\"principles\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["page",{"children":[["slug","principles","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","page","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$5","errorStyles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b4360cf725cbfd2e.css","precedence":"next","crossOrigin":""}]],"errorScripts":[],"template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/604a667b4f95db55.css","precedence":"next","crossOrigin":""}]]}]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","page","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$7","errorStyles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b4360cf725cbfd2e.css","precedence":"next","crossOrigin":""}]],"errorScripts":[],"template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}]]},[null,["$","html",null,{"lang":"en","children":["$","body",null,{"children":[["$","noscript",null,{"children":["$","strong",null,{"children":"We're sorry but Spectrum documentation site doesn't work without JavaScript enabled. Please enable it to continue."}]}],["$","$L8",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$9","errorStyles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b4360cf725cbfd2e.css","precedence":"next","crossOrigin":""}]],"errorScripts":[],"template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","$La",null,{}],"notFoundStyles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b4360cf725cbfd2e.css","precedence":"next","crossOrigin":""}]],"styles":null}]}],["$","$Lb",null,{}],["$","$Lc",null,{"src":"/typekit.js"}]]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/6ef18225c76ebea3.css","precedence":"next","crossOrigin":""}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/284b867dc19b3946.css","precedence":"next","crossOrigin":""}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/22e318e19efac9aa.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]]
e:I[40440,["622","static/chunks/622-984d2f01e710595b.js","7179","static/chunks/7179-f7ada6a0a351521c.js","2273","static/chunks/2273-75ba3fa4b4842e09.js","7968","static/chunks/7968-0fe233a1ea369ec3.js","5201","static/chunks/app/page/%5Bslug%5D/page-c92a664e09509adf.js"],""]
2:["$","$Le",null,{"data":{"id":"0d8f703f-cebd-434b-8e34-3e152156c60e","title":"Principles","slug":"principles","site":"internal and public","release_status":"released","search_category":"foundation","search_tags":["key-principles","design-system-principles","foundation","guiding-principles"],"show_issues":false,"description":null,"hero_image_style":null,"table_of_contents":false,"component":false,"all_interactive_states":"not-applicable","all_color_themes":"not-applicable","all_platform_scales":"not-applicable","defined_behaviors":"not-applicable","usage_guidelines":"not-applicable","internationalization_guidelines":"not-applicable","keyboard_interactions":"not-applicable","design_tokens":"not-applicable","generated_ui_kit":"not-applicable","isdeprecated":false,"defined_options":"not-applicable","accessible_contrast_text":"not-applicable","accessible_contrast_ui_components":"not-applicable","accessible_use_color":"not-applicable","ui_kit":"not-applicable","writing_guidelines":"not-applicable","content_design":"not-applicable","xd_plugin":"not-applicable","spectrum_design":"yes","spectrum_dna":"no","spectrum_css":"no","react_spectrum_v2":"no","react_spectrum_v3":"no","spectrum_web_components":"no","spectrum_windows":"no","spectrum_macos":"no","spectrum_ios":"no","spectrum_android":"no","drover_v7":"no","spectrum_uxp":"no","patterns_figma_url":null,"patterns_generic_link_text":null,"patterns_generic_link_url":null,"hero_image_desktop":null,"hero_image_mobile":null,"header_components":[],"sections":[{"id":22948,"sort":0,"section":{"id":"f80f8d1b-9d6b-4ddd-838f-2ef11d36d6d1","title":"Spectrum principles","text":null,"visibility":"all","display_title":false,"content":[{"id":42999,"sort":0,"collection":"triple_text_with_visual","item":{"id":"e66ba87f-6bf2-46e4-88a7-bf81a48164ab","title_one":"Rational","text_one":"Spectrum is based on real-world situations. Every component, pattern, and principle is informed by research and thoughtful testing.","title_two":"Human","text_two":"Spectrum places customer needs first. It's deeply committed to a high standard of accessibility, honesty, and respect for user attention.","title_three":"Focused","text_three":"Spectrum strives to deliver what’s needed, when it’s needed. No unnecessary decoration or irrelevant content.","image_style":"illustration","show_titles_on_website":true,"image_one":{"width":921,"id":"dc07c14f-4fa1-4e61-8675-e606a4bbf6ab","filename_download":"principles_rational@2x.png","height":921,"description":"[blank]","modified_on":"2021-03-29T20:05:19.517Z","folder":null},"image_two":{"width":921,"id":"0d0dfa23-eeef-4d77-afc2-3296a272987d","filename_download":"principles_human@2x.png","height":921,"description":"[blank]","modified_on":"2021-03-29T20:05:19.534Z","folder":null},"image_three":{"width":921,"id":"b669f394-6841-4162-9dd4-badd01b2d788","filename_download":"principles_focused@2x.png","height":921,"description":"[blank]","modified_on":"2021-03-29T20:05:19.551Z","folder":null}}}]}},{"id":22238,"sort":2,"section":{"id":"06ae5d4e-6fb5-4e6c-992d-a311819000ae","title":"Our principles in action","text":null,"visibility":"public","display_title":true,"content":[{"id":41865,"sort":0,"collection":"text_beside_visual","item":{"id":"c7b433cb-bfda-463a-8e72-e89f43f9164b","title":"For all platforms","type":"other","image_style":"standard","background_color":null,"image_columns":6,"image_position":"right","text":"We believe that people should have a high quality experience that effortlessly scales across platforms.\n\nSpectrum considers all platforms — for both desktop and mobile — from the ground up. We recognize that people work across many different products and often need to context switch, so our scale system accounts for better legibility and easier UI interactions to set a foundation for consistent experiences across devices.\n\n[Learn about platform scale](/page/platform-scale)","caption":null,"show_titles_on_website":true,"desktop_image":{"width":688,"id":"1dd76d29-5901-4f1e-abbb-654d57effed0","filename_download":"principles_in-action_all-platforms@2x.png","height":576,"description":"Illustration of the same Spectrum button, label Action, that retains its style and context on both a desktop and a mobile platform.","modified_on":"2022-04-12T19:33:54.288Z","folder":null},"mobile_image":null}},{"id":41866,"sort":1,"collection":"text_beside_visual","item":{"id":"87c4da30-be30-4cdc-ada4-7dc6af6cd9c2","title":"For everyone","type":"other","image_style":"standard","background_color":null,"image_columns":6,"image_position":"right","text":"We believe in building for the widest audience possible.\n\nSpectrum is designed to be clearly readable, intuitive to use, and mindful of those who use alternative input peripherals or screen readers. Everything in our system — from color and type to interaction and language — is built to be compliant with industry standards.\n\n[Learn about inclusive design](/page/inclusive-design)  \n[Learn about international design](/page/international-design)  \n[Learn about bi-directionality](/page/bi-directionality)","caption":null,"show_titles_on_website":true,"desktop_image":{"width":688,"id":"7aadbaab-2f14-4e32-87cf-fe70e8b00e5a","filename_download":"principles_in-action_for-everyone@2x.png","height":576,"description":"Illustration of 2 accent buttons, both labeled Share, one in English and one in Arabic. Both buttons include an icon. The button is Arabic is mirrored for RTL languages, with the icon on the right of the button.","modified_on":"2022-04-12T19:33:54.349Z","folder":null},"mobile_image":null}},{"id":41867,"sort":2,"collection":"text_beside_visual","item":{"id":"952abc20-fb45-4172-b7df-774b1a87a2ea","title":"Evolving and transparent","type":"other","image_style":"standard","background_color":null,"image_columns":6,"image_position":"right","text":"We believe in a system that’s visible, flexible, and evolves. \n\nSpectrum is built with transparency at its core. Everything in our system has its own individual versioning, a list of open issues, and a design checklist that communicate overall status. We want to consistently communicate what we’re working on, set clear expectations, and build trust with our users so that we can strengthen the relationships that help products and industries grow.\n\n[Check out what’s new](/page/whats-new)","caption":null,"show_titles_on_website":true,"desktop_image":{"width":688,"id":"f92f4bef-fa52-445b-80f5-d2f33cdc2ca6","filename_download":"principles_in-action_evolving-transparent@2x.png","height":576,"description":"Illustration showing the design progression of an accent button. A blue button labeled Action begins as a rectangle shape. Then, it gets a slight corner rounding. Finally, it becomes a pill-shaped button.","modified_on":"2022-04-12T19:33:54.414Z","folder":null},"mobile_image":null}},{"id":41868,"sort":3,"collection":"text_beside_visual","item":{"id":"0006486d-a52b-48b3-b908-64137957a852","title":"Built by a community","type":"other","image_style":"standard","background_color":null,"image_columns":6,"image_position":"right","text":"We believe that our system gets its strength from everyone.\n\nSpectrum connects many different talents, viewpoints, and skills into something that benefits all Adobe products. Anyone at Adobe can contribute to a collection of design elements that are being considered as additions to the design system.","caption":null,"show_titles_on_website":true,"desktop_image":{"width":688,"id":"4bb418c1-c4df-4cb0-9152-464b71b34061","filename_download":"principles_in-action_community@2x.png","height":576,"description":"Illustration showing how the Spectrum team collaborates and draws inspiration from the Adobe community. 3 gender neutral figures in profile converse together, with depictions of code and design metaphors for conversations and ideas.","modified_on":"2022-04-12T19:33:54.487Z","folder":null},"mobile_image":null}}]}}],"options":[],"versions":[]}}]
d:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Principles - Spectrum"}],["$","meta","3",{"property":"og:title","content":"Principles - Spectrum"}],["$","meta","4",{"property":"og:url","content":"https://spectrum.adobe.com/page/principles/"}],["$","meta","5",{"property":"og:locale","content":"en-US"}],["$","meta","6",{"property":"og:image","content":"https://spectrum.adobe.com/static/landscape.png"}],["$","meta","7",{"property":"og:image:width","content":"1200"}],["$","meta","8",{"property":"og:image:height","content":"630"}],["$","meta","9",{"property":"og:type","content":"website"}],["$","meta","10",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","11",{"name":"twitter:title","content":"Principles - Spectrum"}],["$","meta","12",{"name":"twitter:image","content":"https://spectrum.adobe.com/static/landscape.png"}],["$","link","13",{"rel":"shortcut icon","href":"//www.adobe.com/favicon.ico"}]]
1:null