[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"page-design-systems-published":3},{"id":4,"documentId":5,"title":6,"slug":7,"description":8,"seoTitle":8,"seoDescription":8,"seoKeywords":8,"createdAt":9,"updatedAt":10,"publishedAt":11,"blocks":12},150,"qb8eivedk6wp07npvts0m9jq","Design Systems","design-systems",null,"2026-06-24T14:45:13.467Z","2026-06-25T15:50:41.724Z","2026-06-25T15:50:41.750Z",[13,23,79],{"id":14,"items":15,"__component":22},19,[16,20],{"id":17,"title":18,"link":19},37,"The Visuals","\u002Flogo",{"id":21,"title":6,"link":8},38,"page.breadcrumb-nav",{"id":24,"navAnchor":8,"title":6,"content":25,"subheadText":26,"buttons":27,"groups":28,"__component":78},28,"","Progressive designs and develops a wide variety of digital experiences and applications to meet the needs of our consumers, customers, agents, and employees. A design system refers to our process of building branded, accessible digital products with repeatable interface patterns that increase our speed to market and encourage continuity across touch points on different technology stacks.",[],[29,53],{"id":30,"header":31,"content":32,"columns":33,"buttons":42},25,"Apron: The Progressive Design System","This enterprise-wide Design System is a work in progress that builds on the shoulders of existing Progressive component libraries to deliver our company's first technology agnostic design system using design tokens and web components. It is not a replacement for existing platform specific pattern libraries, rather a shared collection of atomic components that can be incorporated into existing libraries, or the foundation of new digital experiences.",[34,38],{"id":35,"columnTitle":36,"content":37},33,"### Design Resources","[Figma Design Tokens\n](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002FvGBzpuOPX4bIQcwZVLI4iU\u002FPGR-Apron-Tokens?node-id=804-2&p=f&m=dev)\n\n[Figma Component Audit](https:\u002F\u002Fwww.figma.com\u002Fdesign\u002FqngSeH8h3yUFgKrUZeJJeK\u002FDesign-System-Audit?node-id=502-738&p=f&t=YGwt4xoMqBuk4xUU-0)",{"id":39,"columnTitle":40,"content":41},34,"### Dev Resources","[Design Tokens Repository](https:\u002F\u002Fgithub.com\u002Fenterprises\u002Fprog\u002Fsso?return_to=https%3A%2F%2Fgithub.com%2Fprogressive%2Fdesign-tokens)\n\n[Web Components Repository](https:\u002F\u002Fgithub.com\u002Fenterprises\u002Fprog\u002Fsso?return_to=https%3A%2F%2Fgithub.com%2Fprogressive%2Fpgr-components)",[43,48],{"id":44,"label":45,"icon":46,"url":47},73,"Web Components Documentation Site (WIP)","external","https:\u002F\u002Fgithub.com\u002Fenterprises\u002Fprog\u002Fsso?return_to=https%3A%2F%2Fgithub.com%2Fpages%2Fauth%3Fnonce%3Dd293dd86-b16e-4eac-a63a-a3b30cb28703%26page_id%3D40296629%26path%3DLw",{"id":49,"label":50,"icon":51,"url":52},74,"Apron Figma Components (WIP)","figma","https:\u002F\u002Fwww.figma.com\u002Fdesign\u002F3JCM9ZwsYPx7OOav2sQMFO\u002FPGR-Enterprise?m=auto&node-id=726-5371&t=7WEunYAujslwT2nd-1&fuid=1271925362748504478",{"id":54,"header":55,"content":8,"columns":56,"buttons":64},26,"Platform Specific Components & Libraries",[57,60],{"id":58,"columnTitle":36,"content":59},35,"[UI Toolkit 2023 XD\n](https:\u002F\u002Fxd.adobe.com\u002Fview\u002F4ba58b09-80d8-4604-93b8-40966bdf1c67-1ef6\u002Fscreen\u002F2b47f3c8-3eb6-4eee-907c-f33a0e0a877e\u002Fspecs\u002F)\n\n[MNAx Toolkit XD\n](https:\u002F\u002Fxd.adobe.com\u002Fview\u002Fb277a110-2e19-4886-b3e1-cb3fc2e6bbf7-e724\u002Fgrid\u002F)\n\n[Whitehorse XD](https:\u002F\u002Fwww.adobe.com\u002Ffiles\u002Flibraries\u002Furn:aaid:sc:US:832e2e06-645b-4221-a139-02f12a92c3ff?libraryVersion=2)",{"id":61,"columnTitle":62,"content":63},36,"### Reference","[Accessible Patterns Reference](https:\u002F\u002Fprogressiveinsurance.sharepoint.com\u002Fsites\u002FAccessibility1\u002FShared%20Documents\u002FForms\u002FAllItems.aspx?csf=1&web=1&e=i2KHEb&CID=e5122c1c%2De557%2D41d8%2Da14e%2Dcf5c0308180c&FolderCTID=0x01200072C81CD046097A439B7FB57FFCE17B64&id=%2Fsites%2FAccessibility1%2FShared%20Documents%2FPatterns&viewid=77f4ba66%2D1766%2D4497%2Daecb%2D24b1175db990&OR=Teams%2DHL&CT=1738348287121&clickparams=eyJBcHBOYW1lIjoiVGVhbXMtRGVza3RvcCIsIkFwcFZlcnNpb24iOiI1MC8yNDEyMDEwMDIyMSIsIkhhc0ZlZGVyYXRlZFVzZXIiOmZhbHNlfQ%3D%3D)",[65,70,74],{"id":66,"label":67,"icon":68,"url":69},75,"S2DS (Servicing)","code","https:\u002F\u002Fdesign-system-master-ps-design-system-dev.np.glb.pgrcloud.app\u002F",{"id":71,"label":72,"icon":68,"url":73},76,"CoreUI (Claims) ","https:\u002F\u002Fdevelop-cla-core-ui-components-dev.np.glb.pgrcloud.app\u002Fhome",{"id":75,"label":76,"icon":68,"url":77},77,"Whitehorse (Progressive.com)","https:\u002F\u002Fwww.progressive.com\u002Fdev\u002F","page.text-content",{"id":80,"prevLabel":81,"prevUrl":82,"nextLabel":83,"nextUrl":84,"borderTop":8,"__component":85},66,"Social Channels","\u002Fsocial-channels","Accessibility","\u002Faccessibility","page.button-pagination",1782415033203]