[{"data":1,"prerenderedAt":83},["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},1700,"qb8eivedk6wp07npvts0m9jq","Design Systems","design-systems",null,"2026-06-24T14:45:13.467Z","2026-09-21T20:05:55.125Z","2026-09-21T20:05:55.155Z",[13,19,76],{"id":14,"items":15,"__component":18},1502,[16],{"id":17,"title":6,"link":8},3606,"page.breadcrumb-nav",{"id":20,"navAnchor":8,"title":6,"content":21,"subheadText":22,"borderClass":8,"disclosureText":8,"buttons":23,"blurb":24,"groups":25,"__component":75},5502,"","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.",[],[],[26,50],{"id":27,"header":28,"content":29,"navAnchor":8,"showBottomBorder":8,"columns":30,"buttons":39},11786,"Apron: The Progressive Design System","Our enterprise-wide Design System is a work in progress, and it's built on the shoulders of the Progressive component libraries we already know and love. It's our company's first technology-agnostic design system, powered by design tokens and web components.\n\nThink of it as a shared toolkit, not a replacement. It won't take the place of your platform-specific pattern libraries. Instead, it's a collection of atomic components you can drop into the libraries you already use, or build brand-new digital experiences from the ground up.",[31,35],{"id":32,"columnTitle":33,"content":34},6609,"### 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":36,"columnTitle":37,"content":38},6610,"### 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)",[40,45],{"id":41,"label":42,"icon":43,"url":44},1191,"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":46,"label":47,"icon":48,"url":49},1192,"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":51,"header":52,"content":8,"navAnchor":8,"showBottomBorder":8,"columns":53,"buttons":61},11787,"Platform Specific Components & Libraries",[54,57],{"id":55,"columnTitle":33,"content":56},6611,"[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":58,"columnTitle":59,"content":60},6612,"### 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)",[62,67,71],{"id":63,"label":64,"icon":65,"url":66},1193,"S2DS (Servicing)","code","https:\u002F\u002Fdesign-system-master-ps-design-system-dev.np.glb.pgrcloud.app\u002F",{"id":68,"label":69,"icon":65,"url":70},1194,"CoreUI (Claims) ","https:\u002F\u002Fdevelop-cla-core-ui-components-dev.np.glb.pgrcloud.app\u002Fhome",{"id":72,"label":73,"icon":65,"url":74},1195,"Whitehorse (progressive.com)","https:\u002F\u002Fwww.progressive.com\u002Fdev\u002F","page.text-content",{"id":77,"prevLabel":78,"prevUrl":79,"nextLabel":80,"nextUrl":81,"borderTop":8,"__component":82},1211,"Social Channels","\u002Fsocial-channels","Accessibility","\u002Faccessibility","page.button-pagination",1790297970625]