{"componentChunkName":"component---src-templates-cms-page-tsx","path":"/versions/8/design/design-kits/","result":{"data":{"sitePage":{"pageContext":{"page":{"node":{"title":"Design kits","navTitle":null,"slug":"design/design-kits/","hidePage":false,"collapsibleGroup":null,"group":"About Constellation","seoDescription":null,"childStrapiSimplePageOverviewTextnode":{"overview":"The following design kits house Pega assets, including Pega components, icons, and styling, that you may use to start designing applications. Subscribe to get automatic updates—if you are unable to subscribe, you may download your required library."},"body":[{"id":"8f2ece4d-f835-5f4c-8cc0-8c1df0779620","strapi_component":"content.visual-card","title":"Constellation (Figma)","visual":{"url":"/versions/8/uploads/Figma_logo.svg"},"visualAltText":"Figma logo","text":null,"links":[{"text":"Download '23","href":"https://www.figma.com/community/file/1291700598213081391","gaAction":"click","gaCategory":"Downloads","gaLabel":"Figma-Constellation-'23","download":false},{"text":"Download Early Adopter","href":"https://www.figma.com/community/file/1197275780594964749","gaAction":"click","gaCategory":"Downloads","gaLabel":"Figma-Constellation-Early","download":false}],"darkModeFilter":false},{"id":"1580a64b-115e-5007-bfa3-b937c293356a","strapi_component":"content.visual-card","title":"Pega icons (Figma)","visual":{"url":"/versions/8/uploads/Figma_logo.svg"},"visualAltText":"Figma logo","text":null,"links":[{"text":"Download","href":"https://www.figma.com/community/file/1204446388899952933","gaAction":"click","gaCategory":"Downloads","gaLabel":"Figma-Icon","download":false}],"darkModeFilter":false},{"id":"4328621e-9a8e-5d2e-a964-0d34f7ef37b0","strapi_component":"content.visual-card","title":"Sketch assets","visual":{"url":"/versions/8/uploads/download-sketch.svg"},"visualAltText":"Sketch logo","text":"All future versions of this library will be supported by Figma only.","links":[{"text":"Download '23","href":"https://design.pega.com/sketch/Constellation_23_1.sketch","gaAction":"download","gaCategory":"Downloads","gaLabel":"cosmos-library-download--23.1","download":true},{"text":"Download icons","href":"https://design.pega.com/sketch/Pega_icons.sketch","gaAction":"download","gaCategory":"Downloads","gaLabel":"cosmos-icon-download","download":true}],"darkModeFilter":false},{"id":"e3a6290b-0e02-5a2d-ac0d-ac27361f34e8","strapi_component":"content.visual-card","title":"Pega fonts","visual":{"url":"/versions/8/uploads/download-text.svg"},"visualAltText":"Text glyphs","text":null,"links":[{"text":"Download Inter","href":"https://fonts.google.com/specimen/Inter?query=inter","gaAction":"download","gaCategory":"Downloads","gaLabel":"font-family-download","download":true},{"text":"Download Open Sans","href":"https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans","gaAction":"download","gaCategory":"Downloads","gaLabel":"font-family-download","download":true}],"darkModeFilter":true}]}},"slugs":["design/navigate-the-application/","design/pulse/","design/case-lifecycle/","design/case-preview/","design/case-page/","design/date-time-input/","design/location-input/","design/rich-text-editor/","design/app-shell/","design/date-time-display/","design/followers/","design/related-cases/","design/attachments/","design/stakeholders/","design/tasks/","design/card/","design/form/","design/icon/","design/checkbox/","design/currency-input/","design/email-input/","design/field-group/","design/file-input/","design/form-progress/","design/number-input/","design/phone-input/","design/radio-button/","design/select-combobox/","design/text-area/","design/text-input/","design/url-input/","design/breadcrumbs/","design/link/","design/tabs/","design/avatar/","design/badge/","design/banner/","design/empty-state/","design/file-display/","design/app-announcement/","design/modal-dialog/","design/popover/","design/toast/","design/tooltip/","design/field-value-list/","design/meta-list/","design/summary-list/","design/timeline-list/","design/button/","design/skip-links/","design/contextual-information/","design/table/","develop/avatar/","develop/badge/","develop/banner/","develop/boolean/","develop/button/","develop/card/","develop/checkbox/","develop/color-picker/","develop/combo-box/","develop/currency-input/","develop/currency-display/","develop/date-time-display/","develop/date-time-input/","develop/drawer/","develop/email-display/","develop/empty-state/","develop/error-state/","develop/expand-collapse/","develop/field-group/","develop/field-value-list/","develop/file-display/","develop/file-input/","develop/flex/","develop/grid/","develop/image/","develop/input/","develop/label/","develop/link/","develop/location-display/","develop/location-input/","develop/menu-button/","develop/meta-list/","develop/number-display/","develop/number-input/","develop/page-templates/","develop/phone-display/","develop/phone-input/","develop/progress/","develop/radio-button/","develop/rating/","develop/select/","develop/slider/","develop/summary-item/","develop/summary-list/","develop/switch/","develop/tabs/","develop/text/","develop/text-area/","develop/url-display/","develop/configuration/","develop/theme/","develop/search-input/","develop/icon/","develop/credit-card-input/","develop/credit-card-display/","develop/ai-button/","develop/danger-button/","develop/","develop/getting-started-react/","design/manage-your-work/","design/design-tokens/","design/","design/getting-started/","design/patterns/","design/search-for-information/","design/explore-data/","design/create-custom-landing-pages/","design/accessibility/","design/about-components/","design/ui-architecture/","design/start-your-work-day/","design/design-kits/","design/complete-your-work-tasks/","design/ux-writing-guidelines","design/responsive-adaptive/"]}}},"pageContext":{"page":{"node":{"title":"Design kits","navTitle":null,"slug":"design/design-kits/","hidePage":false,"collapsibleGroup":null,"group":"About Constellation","seoDescription":null,"childStrapiSimplePageOverviewTextnode":{"overview":"The following design kits house Pega assets, including Pega components, icons, and styling, that you may use to start designing applications. Subscribe to get automatic updates—if you are unable to subscribe, you may download your required library."},"body":[{"id":"8f2ece4d-f835-5f4c-8cc0-8c1df0779620","strapi_component":"content.visual-card","title":"Constellation (Figma)","visual":{"url":"/versions/8/uploads/Figma_logo.svg"},"visualAltText":"Figma logo","text":null,"links":[{"text":"Download '23","href":"https://www.figma.com/community/file/1291700598213081391","gaAction":"click","gaCategory":"Downloads","gaLabel":"Figma-Constellation-'23","download":false},{"text":"Download Early Adopter","href":"https://www.figma.com/community/file/1197275780594964749","gaAction":"click","gaCategory":"Downloads","gaLabel":"Figma-Constellation-Early","download":false}],"darkModeFilter":false},{"id":"1580a64b-115e-5007-bfa3-b937c293356a","strapi_component":"content.visual-card","title":"Pega icons (Figma)","visual":{"url":"/versions/8/uploads/Figma_logo.svg"},"visualAltText":"Figma logo","text":null,"links":[{"text":"Download","href":"https://www.figma.com/community/file/1204446388899952933","gaAction":"click","gaCategory":"Downloads","gaLabel":"Figma-Icon","download":false}],"darkModeFilter":false},{"id":"4328621e-9a8e-5d2e-a964-0d34f7ef37b0","strapi_component":"content.visual-card","title":"Sketch assets","visual":{"url":"/versions/8/uploads/download-sketch.svg"},"visualAltText":"Sketch logo","text":"All future versions of this library will be supported by Figma only.","links":[{"text":"Download '23","href":"https://design.pega.com/sketch/Constellation_23_1.sketch","gaAction":"download","gaCategory":"Downloads","gaLabel":"cosmos-library-download--23.1","download":true},{"text":"Download icons","href":"https://design.pega.com/sketch/Pega_icons.sketch","gaAction":"download","gaCategory":"Downloads","gaLabel":"cosmos-icon-download","download":true}],"darkModeFilter":false},{"id":"e3a6290b-0e02-5a2d-ac0d-ac27361f34e8","strapi_component":"content.visual-card","title":"Pega fonts","visual":{"url":"/versions/8/uploads/download-text.svg"},"visualAltText":"Text glyphs","text":null,"links":[{"text":"Download Inter","href":"https://fonts.google.com/specimen/Inter?query=inter","gaAction":"download","gaCategory":"Downloads","gaLabel":"font-family-download","download":true},{"text":"Download Open Sans","href":"https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans","gaAction":"download","gaCategory":"Downloads","gaLabel":"font-family-download","download":true}],"darkModeFilter":true}]}},"slugs":["design/navigate-the-application/","design/pulse/","design/case-lifecycle/","design/case-preview/","design/case-page/","design/date-time-input/","design/location-input/","design/rich-text-editor/","design/app-shell/","design/date-time-display/","design/followers/","design/related-cases/","design/attachments/","design/stakeholders/","design/tasks/","design/card/","design/form/","design/icon/","design/checkbox/","design/currency-input/","design/email-input/","design/field-group/","design/file-input/","design/form-progress/","design/number-input/","design/phone-input/","design/radio-button/","design/select-combobox/","design/text-area/","design/text-input/","design/url-input/","design/breadcrumbs/","design/link/","design/tabs/","design/avatar/","design/badge/","design/banner/","design/empty-state/","design/file-display/","design/app-announcement/","design/modal-dialog/","design/popover/","design/toast/","design/tooltip/","design/field-value-list/","design/meta-list/","design/summary-list/","design/timeline-list/","design/button/","design/skip-links/","design/contextual-information/","design/table/","develop/avatar/","develop/badge/","develop/banner/","develop/boolean/","develop/button/","develop/card/","develop/checkbox/","develop/color-picker/","develop/combo-box/","develop/currency-input/","develop/currency-display/","develop/date-time-display/","develop/date-time-input/","develop/drawer/","develop/email-display/","develop/empty-state/","develop/error-state/","develop/expand-collapse/","develop/field-group/","develop/field-value-list/","develop/file-display/","develop/file-input/","develop/flex/","develop/grid/","develop/image/","develop/input/","develop/label/","develop/link/","develop/location-display/","develop/location-input/","develop/menu-button/","develop/meta-list/","develop/number-display/","develop/number-input/","develop/page-templates/","develop/phone-display/","develop/phone-input/","develop/progress/","develop/radio-button/","develop/rating/","develop/select/","develop/slider/","develop/summary-item/","develop/summary-list/","develop/switch/","develop/tabs/","develop/text/","develop/text-area/","develop/url-display/","develop/configuration/","develop/theme/","develop/search-input/","develop/icon/","develop/credit-card-input/","develop/credit-card-display/","develop/ai-button/","develop/danger-button/","develop/","develop/getting-started-react/","design/manage-your-work/","design/design-tokens/","design/","design/getting-started/","design/patterns/","design/search-for-information/","design/explore-data/","design/create-custom-landing-pages/","design/accessibility/","design/about-components/","design/ui-architecture/","design/start-your-work-day/","design/design-kits/","design/complete-your-work-tasks/","design/ux-writing-guidelines","design/responsive-adaptive/"]}},"staticQueryHashes":["1103706436","2075638250","2949869146","3642924123","793757994"]}