[{"data":1,"prerenderedAt":609},["ShallowReactive",2],{"navigation_docs":3,"-design-figma-structure":279,"-design-figma-structure-surround":606},[4,8,67,96,162,186,199,216,275],{"title":5,"path":6,"stem":7},"Introduction","\u002Fintroduction","0.introduction",{"title":9,"path":10,"stem":11,"children":12,"page":62},"Company","\u002Fcompany","1.company",[13,17,21,25,29,33,37,41,45,49,63],{"title":14,"path":15,"stem":16},"About","\u002Fcompany\u002Fabout","1.company\u002F0.about",{"title":18,"path":19,"stem":20},"Values","\u002Fcompany\u002Fvalues","1.company\u002F1.values",{"title":22,"path":23,"stem":24},"Communication","\u002Fcompany\u002Fcommunication","1.company\u002Fcommunication",{"title":26,"path":27,"stem":28},"Competition","\u002Fcompany\u002Fcompetition","1.company\u002Fcompetition",{"title":30,"path":31,"stem":32},"Hybrid Working","\u002Fcompany\u002Fhybrid-working","1.company\u002Fhybrid-working",{"title":34,"path":35,"stem":36},"Manchester Office","\u002Fcompany\u002Foffice","1.company\u002Foffice",{"title":38,"path":39,"stem":40},"Operations","\u002Fcompany\u002Foperations","1.company\u002Foperations",{"title":42,"path":43,"stem":44},"Policies","\u002Fcompany\u002Fpolicies","1.company\u002Fpolicies",{"title":46,"path":47,"stem":48},"Product Strategy","\u002Fcompany\u002Fproduct-strategy","1.company\u002Fproduct-strategy",{"title":50,"path":51,"stem":52,"children":53,"page":62},"Products","\u002Fcompany\u002Fproducts","1.company\u002Fproducts",[54,58],{"title":55,"path":56,"stem":57},"Capability Exchange","\u002Fcompany\u002Fproducts\u002Fcapability-exchange","1.company\u002Fproducts\u002Fcapability-exchange",{"title":59,"path":60,"stem":61},"ESProfiler Platform","\u002Fcompany\u002Fproducts\u002Fesprofiler","1.company\u002Fproducts\u002Fesprofiler",false,{"title":64,"path":65,"stem":66},"Security","\u002Fcompany\u002Fsecurity","1.company\u002Fsecurity",{"title":68,"path":69,"stem":70,"children":71,"page":62},"People Ops","\u002Fpeople-ops","2.people-ops",[72,76,80,84,88,92],{"title":73,"path":74,"stem":75},"Compensation","\u002Fpeople-ops\u002Fcompensation","2.people-ops\u002Fcompensation",{"title":77,"path":78,"stem":79},"Education","\u002Fpeople-ops\u002Feducation","2.people-ops\u002Feducation",{"title":81,"path":82,"stem":83},"Expenses","\u002Fpeople-ops\u002Fexpenses","2.people-ops\u002Fexpenses",{"title":85,"path":86,"stem":87},"Holiday & Leave","\u002Fpeople-ops\u002Fleave","2.people-ops\u002Fleave",{"title":89,"path":90,"stem":91},"Onboarding","\u002Fpeople-ops\u002Fonboarding","2.people-ops\u002Fonboarding",{"title":93,"path":94,"stem":95},"Recruitment","\u002Fpeople-ops\u002Frecruitment","2.people-ops\u002Frecruitment",{"title":97,"path":98,"stem":99,"children":100,"page":62},"Engineering","\u002Fengineering","3.engineering",[101,105,109,113,125,146,150,154,158],{"title":102,"path":103,"stem":104},"Development Setup","\u002Fengineering\u002Fdevelopment-setup","3.engineering\u002F1.development-setup",{"title":106,"path":107,"stem":108},"Contributing","\u002Fengineering\u002Fcontributing","3.engineering\u002Fcontributing",{"title":110,"path":111,"stem":112},"Production Database","\u002Fengineering\u002Fdatabase-connection","3.engineering\u002Fdatabase-connection",{"title":114,"path":115,"stem":116,"children":117},"Deployment","\u002Fengineering\u002Fdeployment","3.engineering\u002Fdeployment",[118,121],{"title":55,"path":119,"stem":120},"\u002Fengineering\u002Fdeployment\u002Fcapability-exchange","3.engineering\u002Fdeployment\u002Fcapability-exchange",{"title":122,"path":123,"stem":124},"Platform","\u002Fengineering\u002Fdeployment\u002Fplatform","3.engineering\u002Fdeployment\u002Fplatform",{"title":126,"path":127,"stem":128,"children":129,"page":62},"Github","\u002Fengineering\u002Fgithub","3.engineering\u002Fgithub",[130,134,138,142],{"title":131,"path":132,"stem":133},"Packages","\u002Fengineering\u002Fgithub\u002Fpackages","3.engineering\u002Fgithub\u002Fpackages",{"title":135,"path":136,"stem":137},"Personal Access Token","\u002Fengineering\u002Fgithub\u002Fpersonal-access-token","3.engineering\u002Fgithub\u002Fpersonal-access-token",{"title":139,"path":140,"stem":141},"Troubleshooting","\u002Fengineering\u002Fgithub\u002Ftroubleshooting","3.engineering\u002Fgithub\u002Ftroubleshooting",{"title":143,"path":144,"stem":145},"Workflows","\u002Fengineering\u002Fgithub\u002Fworkflows","3.engineering\u002Fgithub\u002Fworkflows",{"title":147,"path":148,"stem":149},"Platform Ops","\u002Fengineering\u002Fplatform-ops","3.engineering\u002Fplatform-ops",{"title":151,"path":152,"stem":153},"Project Management","\u002Fengineering\u002Fproject-management","3.engineering\u002Fproject-management",{"title":155,"path":156,"stem":157},"Releases","\u002Fengineering\u002Frelease","3.engineering\u002Frelease",{"title":159,"path":160,"stem":161},"Tools","\u002Fengineering\u002Ftools","3.engineering\u002Ftools",{"title":163,"path":164,"stem":165,"children":166,"page":62},"Design","\u002Fdesign","4.design",[167,171,175,179,182],{"title":168,"path":169,"stem":170},"Branding","\u002Fdesign\u002Fbranding","4.design\u002Fbranding",{"title":172,"path":173,"stem":174},"Design Thinking","\u002Fdesign\u002Fdesign-thinking","4.design\u002Fdesign-thinking",{"title":176,"path":177,"stem":178},"Figma","\u002Fdesign\u002Ffigma-structure","4.design\u002Ffigma-structure",{"title":159,"path":180,"stem":181},"\u002Fdesign\u002Ftools","4.design\u002Ftools",{"title":183,"path":184,"stem":185},"Customer Success","\u002Fdesign\u002Fworking-with-customers","4.design\u002Fworking-with-customers",{"title":187,"path":188,"stem":189,"children":190,"page":62},"Sales","\u002Fsales","4.sales",[191,195],{"title":192,"path":193,"stem":194},"Customer Onboarding","\u002Fsales\u002Fonboarding","4.sales\u002Fonboarding",{"title":196,"path":197,"stem":198},"Sales Tools","\u002Fsales\u002Ftools","4.sales\u002Ftools",{"title":200,"path":201,"stem":202,"children":203,"page":62},"Marketing","\u002Fmarketing","5.marketing",[204,208,212],{"title":205,"path":206,"stem":207},"Content","\u002Fmarketing\u002Fcontent","5.marketing\u002Fcontent",{"title":209,"path":210,"stem":211},"Messaging","\u002Fmarketing\u002Fmessaging","5.marketing\u002Fmessaging",{"title":213,"path":214,"stem":215},"Website","\u002Fmarketing\u002Fwebsite","5.marketing\u002Fwebsite",{"title":217,"path":218,"stem":219,"children":220,"page":62},"AI & Data Ops","\u002Fdata-ops","6.data-ops",[221,229,233,258,271],{"title":55,"path":222,"stem":223,"children":224,"page":62},"\u002Fdata-ops\u002Fcapability-exchange","6.data-ops\u002FCapability Exchange",[225],{"title":226,"path":227,"stem":228},"Leaderboard Calculation","\u002Fdata-ops\u002Fcapability-exchange\u002Fleaderboard-calculation","6.data-ops\u002FCapability Exchange\u002Fleaderboard-calculation",{"title":230,"path":231,"stem":232},"Account Portal (CAS)","\u002Fdata-ops\u002Faccount-portal","6.data-ops\u002Faccount-portal",{"title":234,"path":235,"stem":236,"children":237,"page":62},"Data Management","\u002Fdata-ops\u002Fdata-management","6.data-ops\u002Fdata-management",[238,242,246,250,254],{"title":239,"path":240,"stem":241},"Adding Products","\u002Fdata-ops\u002Fdata-management\u002Fadding-products","6.data-ops\u002Fdata-management\u002Fadding-products",{"title":243,"path":244,"stem":245},"Adding Vendors","\u002Fdata-ops\u002Fdata-management\u002Fadding-vendors","6.data-ops\u002Fdata-management\u002Fadding-vendors",{"title":247,"path":248,"stem":249},"Framework Mapping","\u002Fdata-ops\u002Fdata-management\u002Fframework-mapping","6.data-ops\u002Fdata-management\u002Fframework-mapping",{"title":251,"path":252,"stem":253},"Refreshing Vendors","\u002Fdata-ops\u002Fdata-management\u002Frefreshing-vendors","6.data-ops\u002Fdata-management\u002Frefreshing-vendors",{"title":255,"path":256,"stem":257},"Reviewing Draft Vendors","\u002Fdata-ops\u002Fdata-management\u002Freviewing-draft-vendors","6.data-ops\u002Fdata-management\u002Freviewing-draft-vendors",{"title":259,"path":260,"stem":261,"children":262,"page":62},"LLM Ops","\u002Fdata-ops\u002Fllm-ops","6.data-ops\u002Fllm-ops",[263,267],{"title":264,"path":265,"stem":266},"Agents","\u002Fdata-ops\u002Fllm-ops\u002Fagents","6.data-ops\u002Fllm-ops\u002F1.agents",{"title":268,"path":269,"stem":270},"ESPi Architecture & Query Flow","\u002Fdata-ops\u002Fllm-ops\u002Fespi-architecture","6.data-ops\u002Fllm-ops\u002F2.espi-architecture",{"title":272,"path":273,"stem":274},"Message Queues","\u002Fdata-ops\u002Fmessage-queues","6.data-ops\u002Fmessage-queues",{"title":276,"path":277,"stem":278},"Glossary","\u002Fglossary","glossary",{"id":280,"title":176,"body":281,"description":589,"extension":600,"links":601,"meta":602,"navigation":603,"path":177,"seo":604,"stem":178,"__hash__":605},"docs\u002F4.design\u002Ffigma-structure.md",{"type":282,"value":283,"toc":588},"minimark",[284,289,299,303,306,317,321,454,458,465,468,472,477,480,524,529,532,537,545,551,561,564,570,573,579,582],[285,286,288],"h2",{"id":287},"what-is-it","What is it?",[290,291,292,298],"p",{},[293,294,176],"a",{"href":295,"rel":296},"https:\u002F\u002Fwww.figma.com\u002F",[297],"nofollow"," is the industry standard design tool used by teams to package, align and communicate on the designs of their products.",[285,300,302],{"id":301},"openness-etiquette","Openness & Etiquette",[290,304,305],{},"Figma is an open and transparent space, anyone on the team can see and play with any file. This is intentional and helps everyone stay aligned, but it comes with a shared responsibility:",[307,308,309],"blockquote",{},[290,310,311,312,316],{},"If you want to explore or experiment, ",[313,314,315],"strong",{},"duplicate the file or page first"," and work in your copy. Please don't edit completed flows or shipped designs directly.",[285,318,320],{"id":319},"projects","Projects",[322,323,324,337],"table",{},[325,326,327],"thead",{},[328,329,330,334],"tr",{},[331,332,333],"th",{},"Project",[331,335,336],{},"Purpose",[338,339,340,355,368,381,397,410,428,441],"tbody",{},[328,341,342,352],{},[343,344,345],"td",{},[313,346,347],{},[293,348,351],{"href":349,"target":350},"https:\u002F\u002Fwww.figma.com\u002Ffiles\u002Fproject\u002F424772352","_blank","ESP Platform",[343,353,354],{},"Core product design for the ESProfiler platform. Currently mid-restructure, moving from a file-per-feature layout to a file-per-page layout, where each page represents a ticket\u002Fcontinuation of a feature. These will become the living, source-of-truth files.",[328,356,357,365],{},[343,358,359],{},[313,360,361],{},[293,362,364],{"href":363,"target":350},"https:\u002F\u002Fwww.figma.com\u002Ffiles\u002Fproject\u002F577216505","ESP Product Management & Design Thinking",[343,366,367],{},"Discovery and strategy work, journey maps, personas, workshops, roadmapping. Owned jointly by Product Management and Design.",[328,369,370,378],{},[343,371,372],{},[313,373,374],{},[293,375,377],{"href":376,"target":350},"https:\u002F\u002Fwww.figma.com\u002Ffiles\u002Fproject\u002F222290313","ESP Design System",[343,379,380],{},"The design system, components, tokens, and foundations, one file per library. Includes a reference copy of the Vuetify library used to build the front end. Currently a work in progress.",[328,382,383,391],{},[343,384,385],{},[313,386,387],{},[293,388,390],{"href":389,"target":350},"https:\u002F\u002Fwww.figma.com\u002Ffiles\u002Fproject\u002F611978450","ESP Marketing Content",[343,392,393,394,396],{},"Marketing assets, social media, ads, decks, and campaign content. Overlaps with the assets in ",[293,395,168],{"href":169},".",[328,398,399,407],{},[343,400,401],{},[313,402,403],{},[293,404,406],{"href":405,"target":350},"https:\u002F\u002Fwww.figma.com\u002Ffiles\u002Fproject\u002F547335849","ESP Capability Exchange",[343,408,409],{},"Design for the Capability Exchange, a free product we offer, a complimentary website for identifying initial product and framework gaps.",[328,411,412,420],{},[343,413,414],{},[313,415,416],{},[293,417,419],{"href":418,"target":350},"https:\u002F\u002Fwww.figma.com\u002Ffiles\u002Fproject\u002F541077107","ESP Website",[343,421,422,423,396],{},"Design for the public marketing site, ",[293,424,427],{"href":425,"rel":426},"https:\u002F\u002Fesprofiler.com\u002F",[297],"esprofiler.com",[328,429,430,438],{},[343,431,432],{},[313,433,434],{},[293,435,437],{"href":436,"target":350},"https:\u002F\u002Fwww.figma.com\u002Ffiles\u002Fproject\u002F620077431","ESP Team Spaces",[343,439,440],{},"Personal sandbox space, one file per person. Convention is to name your file after yourself, e.g. \"Andys Space\".",[328,442,443,451],{},[343,444,445],{},[313,446,447],{},[293,448,450],{"href":449,"target":350},"https:\u002F\u002Fwww.figma.com\u002Ffiles\u002Fproject\u002F621014592","Archive",[343,452,453],{},"Deprecated designs and extensive explorations that are no longer part of the main platform files.",[285,455,457],{"id":456},"project-structure","Project structure",[290,459,460],{},[461,462],"img",{"alt":463,"src":464},"ESP Platform project structure in Figma","\u002Fimages\u002Ffigma\u002Ffigma-project-structure.png",[290,466,467],{},"Although still subject to slignment the current direction is that the files will be split up by pages. If there are global features like \"Search\" these will have it's own file.",[285,469,471],{"id":470},"file-structure","File structure",[290,473,474],{},[461,475],{"alt":463,"src":476},"\u002Fimages\u002Ffigma\u002Ffigma-file-cover.png",[290,478,479],{},"All files have their own covers that should have information at a glance.\nThe covers are consistent and should convery the following information:",[322,481,482,492],{},[325,483,484],{},[328,485,486,489],{},[331,487,488],{},"Field",[331,490,491],{},"Description",[338,493,494,504,514],{},[328,495,496,501],{},[343,497,498],{},[313,499,500],{},"Title",[343,502,503],{},"Clearly indicates the area the design is focused on.",[328,505,506,511],{},[343,507,508],{},[313,509,510],{},"Area",[343,512,513],{},"For example \"platform\" is shown as a tag. If the design focuses on the website it will have a \"Website\" tag with it's own indentifiable icon and colour.",[328,515,516,521],{},[343,517,518],{},[313,519,520],{},"Team members",[343,522,523],{},"Who contributed to the design in case future team members have questions and know who to come to.",[525,526,528],"h3",{"id":527},"navigating-a-file-in-figma","Navigating a file in Figma",[290,530,531],{},"Each Figma file will have a defined structure to make it easier to navigate. The work items should be tied to Git Issues. All information that contributes towards a work item should be added to the Figma file.",[533,534,536],"h4",{"id":535},"templates","Templates",[290,538,539,540,544],{},"Each file will have a ",[541,542,543],"code",{},"[XXXX] Template Ticket"," page. When you have a new work item duplicate this page.",[290,546,547],{},[461,548],{"alt":549,"src":550},"Template structure in Figma","\u002Fimages\u002Ffigma\u002Ftemplate-structure.png",[290,552,553,554,557,558,396],{},"Within the duplicated page you'll see some guideline sections for your work. Update the ",[541,555,556],{},"[XXXX]"," to be the issue number associate with the work item. for examples ",[541,559,560],{},"[#39]",[290,562,563],{},"All the relevant links connected to the work should be stored within the title for quick access.",[290,565,566],{},[461,567],{"alt":568,"src":569},"Item title in Figma","\u002Fimages\u002Ffigma\u002Ftitle-links.png",[290,571,572],{},"During the design phase these files can be quite erratic. I like to keep all my design explorations as they can come in handy for the same item or future items. If you're viewing these in progress files the rule of thumb is I work down the file, The latest should be at the bottom.",[290,574,575],{},[461,576],{"alt":577,"src":578},"Working file Figma","\u002Fimages\u002Ffigma\u002Fexample-file.png",[290,580,581],{},"These are \"in progress\" designs. \"Complete\" designs will be cleaned up with user flows at the start of each row and contain notes and arrows for UX interactions.",[290,583,584],{},[461,585],{"alt":586,"src":587},"Complete item in Figma","\u002Fimages\u002Ffigma\u002Fexample-complete.png",{"title":589,"searchDepth":590,"depth":590,"links":591},"",2,[592,593,594,595,596],{"id":287,"depth":590,"text":288},{"id":301,"depth":590,"text":302},{"id":319,"depth":590,"text":320},{"id":456,"depth":590,"text":457},{"id":470,"depth":590,"text":471,"children":597},[598],{"id":527,"depth":599,"text":528},3,"md",null,{},true,{"title":176,"description":589},"709q7nocgtUH1iv_tlF5M4MDFjmxK-H8sl9zKQMp2wI",[607,608],{"title":172,"path":173,"stem":174,"description":589,"children":-1},{"title":159,"path":180,"stem":181,"description":589,"children":-1},1784892022113]