2:I[6855,["615","static/chunks/615-73e7a76a8c25fd28.js","758","static/chunks/758-54f31fcbe191a4d6.js","444","static/chunks/app/portfolio/page-c73f49412552fbe8.js"],""] 3:I[9619,["615","static/chunks/615-73e7a76a8c25fd28.js","758","static/chunks/758-54f31fcbe191a4d6.js","444","static/chunks/app/portfolio/page-c73f49412552fbe8.js"],""] 4:I[5613,[],""] 5:I[1778,[],""] 6:I[9230,["615","static/chunks/615-73e7a76a8c25fd28.js","160","static/chunks/app/not-found-3d94927e1dd03746.js"],""] 0:["-gPoepaIV12uGOGSFY_Yc",[[["",{"children":["portfolio",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["portfolio",{"children":["__PAGE__",{},["$L1",[["$","$L2",null,{}],["$","main",null,{"className":"min-h-screen","children":["$","div",null,{"className":"max-w-7xl mx-auto px-6 md:px-10 pt-24 pb-16","children":["$","$L3",null,{"work":[{"title":"Tableau Design System","slug":"tableau-tds","description":"The Tableau Design System is an evergreen internal platform that enables teams to build trusted, scalable, and consistent product experiences with greater speed, alignment, and operational efficiency.","coverImage":"/images/work/tableau/tds/tds-page-hero.png","tags":["Design Systems"],"year":2018,"role":"Sr. Designer → Principal Designer","client":"Tableau, from Salesforce","draft":false,"order":0,"keywords":"Design Systems Leadership • Governance & Enablement • Organizational Adoption • Platform Modernization • Cross-Functional Alignment • Design Operations • Accessibility • Design Tokens • Systems Thinking • Scalable Infrastructure • Product Platform Strategy • Operational Maturity • Change Management","gallery":[{"image":"/images/work/tableau/tds/tds_01.png","title":"Tableau Design System","description":"The design system homepage, providing centralized access to components, patterns, and documentation for design and engineering teams."},{"image":"/images/work/tableau/tds/tds_02.png","title":"Component: Accordions","description":"One of the most frequently used components for managing progressive disclosure."},{"image":"/images/work/tableau/tds/tds_03.png","title":"Design Tokens: Color","description":"Core color tokens provide the base palette that semantic and component tokens build upon."},{"image":"/images/work/tableau/tds/tds_06.png","title":"Design Tokens: Type Scale","description":"Type scale tokens help create predictable and scalable typography patterns across interfaces."},{"image":"/images/work/tableau/tds/tds_07.png","title":"Component: Stickers","description":"In product examples, similar to badges or chips, Stickers support flexible styling and customization by both consumers and end users."},{"image":"/images/work/tableau/tds/tds_08.png","title":"Patterns: Loading","description":"A loading pattern that combines a progress bar with labels to communicate status, timing, and next steps."},{"image":"/images/work/tableau/tds/tds_09.png","title":"Loading Bar Anatomy","description":"Loading bar anatomy highlighting the progress bar, track, title, status label, and condition messaging."}]},{"title":"TDS Comboboxes","slug":"tableau-tds-comboboxes","description":"A UI component that combines a text input field with a selectable list of options, allowing users to search, filter, type ahead, and select or enter values efficiently within a single interaction pattern.","coverImage":"/images/work/tableau/comboboxes/combobox-page-hero.png","tags":["Design Systems","Component Design"],"year":2020,"role":"Lead Designer","client":"Tableau, from Salesforce","draft":false,"order":1,"keywords":"Enterprise UX • Design Systems • Interaction Design • Accessibility • Predictive Search • Component Architecture • Cross-Functional Collaboration • Design Engineering Partnership • Scalable UX Patterns • Product Infrastructure • Systems Thinking • Workflow Modernization"}]}]}]}],["$","footer",null,{"className":"mt-20","children":[["$","div",null,{"className":"h-px bg-rule w-full"}],["$","div",null,{"className":"max-w-7xl mx-auto px-6 md:px-10 py-6 flex flex-col sm:flex-row items-center justify-between gap-4","children":[["$","p",null,{"className":"text-[11px] font-sans font-500 uppercase tracking-[0.18em] text-mid-gray","children":["© ",2026," Kyle Goodwin"]}],["$","div",null,{"className":"flex items-center gap-8","children":[["$","a",null,{"href":"https://www.linkedin.com/in/kylegoodwin77/","target":"_blank","rel":"noopener noreferrer","className":"text-[11px] font-sans font-500 uppercase tracking-[0.18em] text-mid-gray hover:text-terracotta transition-colors","children":"LinkedIn"}],["$","a",null,{"href":"https://github.com/goodwink77","target":"_blank","rel":"noopener noreferrer","className":"text-[11px] font-sans font-500 uppercase tracking-[0.18em] text-mid-gray hover:text-terracotta transition-colors","children":"GitHub"}]]}]]}]]}]],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","portfolio","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}]]},[null,["$","html",null,{"lang":"en","className":"__variable_c22fe1","children":["$","body",null,{"className":"font-sans bg-cream text-ink antialiased","children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","$L6",null,{}],"notFoundStyles":[],"styles":null}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/e19d872b567d1ac9.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Portfolio | Kyle Goodwin"}],["$","meta","3",{"name":"description","content":"Selected work spanning design systems, product design, brand, and identity."}],["$","link","4",{"rel":"icon","href":"/icon.png?171fef7299f3f6a7","type":"image/png","sizes":"199x186"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:null