[{"data":1,"prerenderedAt":535},["ShallowReactive",2],{"navigation_docs":3,"-design-branding":209,"-design-branding-surround":531},[4,8,50,75,133,149,162,171,205],{"title":5,"path":6,"stem":7},"Introduction","\u002Fintroduction","0.introduction",{"title":9,"path":10,"stem":11,"children":12,"page":49},"Company","\u002Fcompany","1.company",[13,17,21,25,29,33,37,41,45],{"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},"Operations","\u002Fcompany\u002Foperations","1.company\u002Foperations",{"title":38,"path":39,"stem":40},"Policies","\u002Fcompany\u002Fpolicies","1.company\u002Fpolicies",{"title":42,"path":43,"stem":44},"Product","\u002Fcompany\u002Fproduct","1.company\u002Fproduct",{"title":46,"path":47,"stem":48},"Security","\u002Fcompany\u002Fsecurity","1.company\u002Fsecurity",false,{"title":51,"path":52,"stem":53,"children":54,"page":49},"People Ops","\u002Fpeople-ops","2.people-ops",[55,59,63,67,71],{"title":56,"path":57,"stem":58},"Compensation","\u002Fpeople-ops\u002Fcompensation","2.people-ops\u002Fcompensation",{"title":60,"path":61,"stem":62},"Education","\u002Fpeople-ops\u002Feducation","2.people-ops\u002Feducation",{"title":64,"path":65,"stem":66},"Expenses","\u002Fpeople-ops\u002Fexpenses","2.people-ops\u002Fexpenses",{"title":68,"path":69,"stem":70},"Holiday & Leave","\u002Fpeople-ops\u002Fleave","2.people-ops\u002Fleave",{"title":72,"path":73,"stem":74},"Onboarding","\u002Fpeople-ops\u002Fonboarding","2.people-ops\u002Fonboarding",{"title":76,"path":77,"stem":78,"children":79,"page":49},"Engineering","\u002Fengineering","3.engineering",[80,84,88,92,96,117,121,125,129],{"title":81,"path":82,"stem":83},"Development Setup","\u002Fengineering\u002Fdevelopment-setup","3.engineering\u002F1.development-setup",{"title":85,"path":86,"stem":87},"Contributing","\u002Fengineering\u002Fcontributing","3.engineering\u002Fcontributing",{"title":89,"path":90,"stem":91},"Production Database","\u002Fengineering\u002Fdatabase-connection","3.engineering\u002Fdatabase-connection",{"title":93,"path":94,"stem":95},"Deployment","\u002Fengineering\u002Fdeployment","3.engineering\u002Fdeployment",{"title":97,"path":98,"stem":99,"children":100,"page":49},"Github","\u002Fengineering\u002Fgithub","3.engineering\u002Fgithub",[101,105,109,113],{"title":102,"path":103,"stem":104},"Packages","\u002Fengineering\u002Fgithub\u002Fpackages","3.engineering\u002Fgithub\u002Fpackages",{"title":106,"path":107,"stem":108},"Personal Access Token","\u002Fengineering\u002Fgithub\u002Fpersonal-access-token","3.engineering\u002Fgithub\u002Fpersonal-access-token",{"title":110,"path":111,"stem":112},"Troubleshooting","\u002Fengineering\u002Fgithub\u002Ftroubleshooting","3.engineering\u002Fgithub\u002Ftroubleshooting",{"title":114,"path":115,"stem":116},"Workflows","\u002Fengineering\u002Fgithub\u002Fworkflows","3.engineering\u002Fgithub\u002Fworkflows",{"title":118,"path":119,"stem":120},"Platform Ops","\u002Fengineering\u002Fplatform-ops","3.engineering\u002Fplatform-ops",{"title":122,"path":123,"stem":124},"Project Management","\u002Fengineering\u002Fproject-management","3.engineering\u002Fproject-management",{"title":126,"path":127,"stem":128},"Releases","\u002Fengineering\u002Frelease","3.engineering\u002Frelease",{"title":130,"path":131,"stem":132},"Tools","\u002Fengineering\u002Ftools","3.engineering\u002Ftools",{"title":134,"path":135,"stem":136,"children":137,"page":49},"Design","\u002Fdesign","4.design",[138,142,146],{"title":139,"path":140,"stem":141},"Branding","\u002Fdesign\u002Fbranding","4.design\u002Fbranding",{"title":143,"path":144,"stem":145},"Design Thinking","\u002Fdesign\u002Fdesign-thinking","4.design\u002Fdesign-thinking",{"title":130,"path":147,"stem":148},"\u002Fdesign\u002Ftools","4.design\u002Ftools",{"title":150,"path":151,"stem":152,"children":153,"page":49},"Sales","\u002Fsales","4.sales",[154,158],{"title":155,"path":156,"stem":157},"Customer Onboarding","\u002Fsales\u002Fonboarding","4.sales\u002Fonboarding",{"title":159,"path":160,"stem":161},"Sales Tools","\u002Fsales\u002Ftools","4.sales\u002Ftools",{"title":163,"path":164,"stem":165,"children":166,"page":49},"Marketing","\u002Fmarketing","5.marketing",[167],{"title":168,"path":169,"stem":170},"Messaging","\u002Fmarketing\u002Fmessaging","5.marketing\u002Fmessaging",{"title":172,"path":173,"stem":174,"children":175,"page":49},"Data Ops","\u002Fdata-ops","6.data-ops",[176,185,189,193,197,201],{"title":177,"path":178,"stem":179,"children":180,"page":49},"Capability Exchange","\u002Fdata-ops\u002Fcapability-exchange","6.data-ops\u002FCapability Exchange",[181],{"title":182,"path":183,"stem":184},"Leaderboard Calculation","\u002Fdata-ops\u002Fcapability-exchange\u002Fleaderboard-calculation","6.data-ops\u002FCapability Exchange\u002Fleaderboard-calculation",{"title":186,"path":187,"stem":188},"Account Portal (CAS)","\u002Fdata-ops\u002Faccount-portal","6.data-ops\u002Faccount-portal",{"title":190,"path":191,"stem":192},"Adding Products","\u002Fdata-ops\u002Faddin-products","6.data-ops\u002Faddin-products",{"title":194,"path":195,"stem":196},"Adding Vendors","\u002Fdata-ops\u002Fadding-vendors","6.data-ops\u002Fadding-vendors",{"title":198,"path":199,"stem":200},"Message Queues","\u002Fdata-ops\u002Fmessage-queues","6.data-ops\u002Fmessage-queues",{"title":202,"path":203,"stem":204},"Refreshing Vendors","\u002Fdata-ops\u002Frefreshing-vendors","6.data-ops\u002Frefreshing-vendors",{"title":206,"path":207,"stem":208},"Glossary","\u002Fglossary","glossary",{"id":210,"title":139,"body":211,"description":217,"extension":525,"links":526,"meta":527,"navigation":528,"path":140,"seo":529,"stem":141,"__hash__":530},"docs\u002F4.design\u002Fbranding.md",{"type":212,"value":213,"toc":506},"minimark",[214,218,221,234,237,242,245,249,254,257,281,285,288,293,299,303,307,311,315,319,322,326,332,336,341,343,347,351,360,366,370,373,377,386,392,396,404,410,412,416,419,424,433,435,439,448,456,458,462,466,470,476,487,491,497],[215,216,217],"p",{},"This is the branding for ESProfiler, containing assets that serve as the definitive blueprint for our visual identity.",[215,219,220],{},"The goal of this document is to provide the team with the tools and constraints necessary to create cohesive work across every platform. By adhering to these standards, we ensure that whether a user sees a social media post, an internal deck, or a product interface, they are met with a singular, unmistakable brand experience.",[222,223,224],"ul",{},[225,226,227],"li",{},[228,229,233],"a",{"href":230,"rel":231},"https:\u002F\u002Fdrive.google.com\u002Fdrive\u002Ffolders\u002F1WOM6IuGE59lxlG7D2Fwe5i2xRMgYS5hB?usp=drive_link",[232],"nofollow","Google Drive: Logo Files",[235,236],"hr",{},[238,239,241],"h2",{"id":240},"written-form","Written Form",[215,243,244],{},"Whilst our company name is written in all capital letters for our logo, in written form, we use ESProfiler.",[238,246,248],{"id":247},"logo","Logo",[250,251,253],"h3",{"id":252},"composition","Composition",[215,255,256],{},"The ESProfiler logo is composed of two primary elements: a graphic logomark (icon) and a wordmark.",[258,259,260,267],"ol",{},[225,261,262,266],{},[263,264,265],"strong",{},"Logomark:"," A stylized, abstract diamond shape incorporating layers and negative space.",[225,268,269,272,273,276,277,280],{},[263,270,271],{},"The Wordmark:"," A custom sans-serif typeface split into ",[263,274,275],{},"\"ES\""," (Purple) and ",[263,278,279],{},"\"PROFILER\""," (Navy\u002FSilver)",[250,282,284],{"id":283},"variations","Variations",[215,286,287],{},"The horizontal version is preferred. Use the vertical version only when space constraints make the horizontal choice an awkward fit.",[289,290,292],"h4",{"id":291},"horizontal","Horizontal",[294,295],"img",{"src":296,"style":297,"alt":298},"\u002Fimages\u002Fbranding\u002FESProfiler_Secondary_Dark_Mode.png","max-width: 400px; width: 100%;","Vertical Logo Dark Mode",[294,300],{"src":301,"style":297,"alt":302},"\u002Fimages\u002Fbranding\u002FESProfiler_Secondary_Light_Mode.png","Vertical Logo Light Mode",[289,304,306],{"id":305},"vertical","Vertical",[294,308],{"src":309,"style":297,"alt":310},"\u002Fimages\u002Fbranding\u002FESProfiler_Primary_Dark_Mode.png","Horizontal Logo Light Mode",[294,312],{"src":313,"style":297,"alt":314},"\u002Fimages\u002Fbranding\u002FESProfiler_Primary_Light_Mode.png","Horizontal Logo Dark Mode",[250,316,318],{"id":317},"usage-backgrounds","Usage & Backgrounds",[215,320,321],{},"Do not alter the order, distance, or proportion of the elements.",[289,323,325],{"id":324},"light-background","Light Background",[215,327,328],{},[294,329],{"alt":330,"src":331},"alt text","\u002Fimages\u002Fbranding\u002FESProfiler-logo-on-white-background.png",[289,333,335],{"id":334},"darkcoloured-background","Dark\u002FColoured Background",[215,337,338],{},[294,339],{"alt":330,"src":340},"\u002Fimages\u002Fbranding\u002FESProfiler-logo-on-colored-background.png",[235,342],{},[238,344,346],{"id":345},"typography","Typography",[250,348,350],{"id":349},"platform-digital","Platform & Digital",[215,352,353,354,359],{},"For internal applications, we utilize the ",[228,355,358],{"href":356,"rel":357},"https:\u002F\u002Fdrive.google.com\u002Ffile\u002Fd\u002F1-JxIEbraHA6ly7C0ZDNCRf2pSyaB6yBG\u002Fview?usp=drive_link",[232],"Exo family",". For public-facing assets, we follow the display and body guidelines below.",[215,361,362],{},[294,363],{"alt":364,"src":365},"exo-font.png","\u002Fimages\u002Fbranding\u002Fexo-font.png",[250,367,369],{"id":368},"other","Other",[215,371,372],{},"These fonts are used on our website and for general communications.",[289,374,376],{"id":375},"headings-and-subheadings","Headings and Subheadings",[215,378,379,380,385],{},"We use ",[228,381,384],{"href":382,"rel":383},"https:\u002F\u002Fdrive.google.com\u002Fdrive\u002Ffolders\u002F1YtZM2Ix_H3Yop4BpJRU0-qXAna7YdluA?usp=drive_link",[232],"Matimo font-family"," for headings & sub-heading.",[215,387,388],{},[294,389],{"alt":390,"src":391},"matimo-font.png","\u002Fimages\u002Fbranding\u002Fmatimo-font.png",[289,393,395],{"id":394},"body","Body",[215,397,398,399],{},"For primary text, communication and long-form text we use ",[228,400,403],{"href":401,"rel":402},"https:\u002F\u002Fdrive.google.com\u002Fdrive\u002Ffolders\u002F1g86uwuOjA8nTDsFR40n8i92TmnQOw2CK?usp=drive_link",[232],"General Sans",[215,405,406],{},[294,407],{"alt":408,"src":409},"general-sans-font.png","\u002Fimages\u002Fbranding\u002Fgeneral-sans-font.png",[235,411],{},[238,413,415],{"id":414},"colour-palette","Colour Palette",[215,417,418],{},"The palette consists of Primary, Secondary, and Highlight colors. Primary colors define the brand identity, while Highlight colors are reserved for calls-to-action.",[294,420],{"src":421,"alt":422,"style":423},"\u002Fimages\u002Fbranding\u002Fcolor-palette.png","color-palette","width: 100%; margin-top: 20px;",[215,425,426],{},[427,428,429,432],"em",{},[263,430,431],{},"Technical Note:"," PANTONE to CMYK\u002FRGB translations may vary. Always test for print clarity.",[235,434],{},[238,436,438],{"id":437},"iconography","Iconography",[215,440,441,442,447],{},"We use the ",[228,443,446],{"href":444,"rel":445},"https:\u002F\u002Ftabler.io\u002Ficons",[232],"Tabler Icons"," library. Maintain consistent stroke weights for a unified look.",[222,449,450],{},[225,451,452,455],{},[263,453,454],{},"Sizing:"," 16px | 20px | 24px | 28px",[235,457],{},[238,459,461],{"id":460},"visual-assets","Visual Assets",[250,463,465],{"id":464},"gradient-background","Gradient Background",[289,467,469],{"id":468},"variant-01","Variant 01",[215,471,472],{},[294,473],{"alt":474,"src":475},"","\u002Fimages\u002Fbranding\u002FGradient-variant-1.png",[215,477,478,483],{},[427,479,480],{},[263,481,482],{},"Colors used in the gradient include:",[294,484],{"alt":485,"src":486},"Variant 2 color composition","\u002Fimages\u002Fbranding\u002Fcolors-used-in-variant-1.png",[289,488,490],{"id":489},"variant-02","Variant 02",[215,492,493],{},[294,494],{"alt":495,"src":496},"Gradient-variant-2.png","\u002Fimages\u002Fbranding\u002FGradient-variant-2.png",[215,498,499,503],{},[427,500,501],{},[263,502,482],{},[294,504],{"alt":485,"src":505},"\u002Fimages\u002Fbranding\u002Fcolors-used-in-variant-2.png",{"title":474,"searchDepth":507,"depth":507,"links":508},2,[509,510,516,520,521,522],{"id":240,"depth":507,"text":241},{"id":247,"depth":507,"text":248,"children":511},[512,514,515],{"id":252,"depth":513,"text":253},3,{"id":283,"depth":513,"text":284},{"id":317,"depth":513,"text":318},{"id":345,"depth":507,"text":346,"children":517},[518,519],{"id":349,"depth":513,"text":350},{"id":368,"depth":513,"text":369},{"id":414,"depth":507,"text":415},{"id":437,"depth":507,"text":438},{"id":460,"depth":507,"text":461,"children":523},[524],{"id":464,"depth":513,"text":465},"md",null,{},true,{"title":139,"description":217},"wNiOXMiUPJU1uo-BuCugPl2qSl78JjBuvbeKHvT30rc",[532,534],{"title":130,"path":131,"stem":132,"description":533,"children":-1},"Recommended tooling we use in the Engineering organisation, and if required, how to go about requesting licenses.",{"title":143,"path":144,"stem":145,"description":474,"children":-1},1778263956048]