{"roots":["261:26310"],"nodeById":{"86:10243":{"id":"86:10243","assetId":"VariableCollectionId:bccdb5706533c37896ee5f16ecc728a586f8ca93/2849:875","type":"VARIABLE_COLLECTION","name":"🔢  hex-values","defaultModeId":"2:6","modes":[{"modeId":"2:6","name":"Mode 1"}]},"19:4863":{"id":"19:4863","assetId":"VariableCollectionId:c1fe9f68772fbac531a428ff27030e9e64f59082/4015:58","type":"VARIABLE_COLLECTION","name":"Luminary Color Variables","defaultModeId":"1:2","modes":[{"modeId":"1:2","name":"💡  light theme 💡"}]},"86:10341":{"id":"86:10341","assetId":"VariableCollectionId:18e371557d8832e39bc5571ae9e6285f23585dd0/2316:134","type":"VARIABLE_COLLECTION","name":"Typography Variables","defaultModeId":"32:0","modes":[{"modeId":"32:0","name":"Year-Round Build"}]},"86:11468":{"id":"86:11468","type":"VARIABLE","assetId":"VariableID:e108472e83b49acf9f40386229d76610958a98f4/2849:94","name":"Grayscale/cool/150","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:bccdb5706533c37896ee5f16ecc728a586f8ca93/2849:875","codeSyntax":{},"valuesByMode":{"2:6":{"r":0.829392194747925,"g":0.842477142810822,"b":0.868647038936615,"a":1.0}}},"268:1801":{"type":"TEXT","id":"268:1801","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":6699.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6699.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"266:513":{"id":"266:513","type":"VARIABLE","assetId":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94","name":"Spacing/Margins Padding/Small","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:9860bf350c4e467f6fd7d83449f1d8b4b235e6fe/229:107","codeSyntax":{},"valuesByMode":{"6:0":16.0}},"266:510":{"id":"266:510","type":"VARIABLE","assetId":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17","name":"on/surface/neutral/low","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:c1fe9f68772fbac531a428ff27030e9e64f59082/4015:58","codeSyntax":{},"valuesByMode":{"1:2":{"type":"VARIABLE_ALIAS","id":"VariableID:77db9f8afee2557d5154ba206f1143d546136a8b/5149:25"}}},"19:4880":{"id":"19:4880","type":"VARIABLE","assetId":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1","name":"on/surface/neutral/high","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:c1fe9f68772fbac531a428ff27030e9e64f59082/4015:58","codeSyntax":{},"valuesByMode":{"1:2":{"type":"VARIABLE_ALIAS","id":"VariableID:85189dd891109d713f760deca79e789a5faa3c33/5147:52"}}},"268:2788":{"type":"TEXT","id":"268:2788","name":"Navigating All Platform Components","absoluteBoundingBox":{"x":17545.0,"y":9043.41015625,"width":640.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":17546.4375,"y":9047.7060546875,"width":297.2265625,"height":17.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":22.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Navigating All Platform Components ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.36,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":21.6000003814697,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"86:10345":{"id":"86:10345","type":"VARIABLE","assetId":"VariableID:1356c70e93f0d98bd8a66d15a75e257bff7b73bc/2365:68","name":"font/line-height/75% rem","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:18e371557d8832e39bc5571ae9e6285f23585dd0/2316:134","codeSyntax":{},"valuesByMode":{"32:0":12.0}},"86:10343":{"id":"86:10343","type":"VARIABLE","assetId":"VariableID:aad797f81603f1a032bd2450a363bce7faf3f02b/2316:106","name":"font/Weight/Medium","resolvedType":"STRING","variableCollectionId":"VariableCollectionId:18e371557d8832e39bc5571ae9e6285f23585dd0/2316:134","codeSyntax":{},"valuesByMode":{"32:0":"Medium"}},"266:528":{"type":"COMPONENT_SET","id":"266:528","name":"Feature/Content/SubComponents/Single Image","absoluteBoundingBox":{"x":-9092.0,"y":6465.0,"width":642.0,"height":1069.0},"isolatedAbsoluteRenderBounds":{"x":-9092.0,"y":6465.0,"width":642.0,"height":1069.0},"relativeTransform":[[1.0,0.0,-9092.0],[0.0,1.0,6465.0]],"size":{"x":642.0,"y":1069.0},"fills":[],"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.592156887054443,"g":0.278431385755539,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["266:529"],"componentPropertyDefinitions":{"Show Horizontal":{"type":"VARIANT","defaultValue":"True","variantOptions":["True","False"]}}},"266:530":{"type":"RECTANGLE","id":"266:530","name":"Horizontal","overrideKey":"198:14317","absoluteBoundingBox":{"x":-9092.0,"y":6465.0,"width":610.0,"height":334.0},"isolatedAbsoluteRenderBounds":{"x":-9092.0,"y":6465.0,"width":610.0,"height":334.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":610.0,"y":334.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"6ac552a9eed157b5fc20cfc1afeeb700f580648c","originalImageWidth":576,"originalImageHeight":324,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"268:1817":{"type":"TEXT","id":"268:1817","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":6291.88623046875,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6291.88623046875,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"266:520":{"type":"TEXT","id":"266:520","name":"Title","overrideKey":"136:13640","absoluteBoundingBox":{"x":-12872.0,"y":3748.0,"width":141.0,"height":15.0},"isolatedAbsoluteRenderBounds":{"x":-12871.1416015625,"y":3748.4140625,"width":139.419921875,"height":19.7119140625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":141.0,"y":15.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0208722855895758,"g":0.0165277775377035,"b":0.070833332836628,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}},"visible":true,"opacity":1.0}],"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Lorem Ipsum","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:30bcc0b602a648a2bdde2bd6d24be8e994318351/251:13","fontFamily":"Source Serif Pro","fontPostScriptName":null,"fontStyle":"SemiBold","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.66,"letterSpacingValue":3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.0,"lineHeightPercent":119.712684631348,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"266:524":{"type":"COMPONENT","id":"266:524","name":"Feature/Content/SubComponents/Top Section","overrideKey":"188:4274","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":610.0,"height":207.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":610.0,"height":210.690002441406},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":610.0,"y":207.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","children":["266:525","266:526","266:527"]},"266:526":{"mainComponentId":"266:521","type":"INSTANCE","id":"266:526","name":"Subtitle","overrideKey":"188:4269","absoluteBoundingBox":{"x":0.0,"y":59.0,"width":610.0,"height":15.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":59.0,"width":610.0,"height":19.5100021362305},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,59.0]],"size":{"x":610.0,"y":15.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"componentPropertyReferences":{"visible":"Show Subtitle#188:17"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","children":["I266:526;136:13655"],"componentSetId":"266:518","componentProperties":{"Spacing":{"value":"Small","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"boundVariables":null,"counterAxisSizingMode":"FIXED","itemSpacing":40.0,"name":"Subtitle","paddingBottom":null,"paddingTop":null,"primaryAxisAlignItems":null,"primaryAxisSizingMode":null,"size":{"x":610.0,"y":15.0}},"componentId":"266:521"},{"key":["Title0"],"value":{"characterStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Lorem Ipsum Lorem Ipsum Lorem Ipsum ","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{"1":{"styleIdForText":"StyleId:e7df40be54b4fcd1f8681bf93c7f2e882f2c2be4/251:21","fontFamily":"Source Sans Pro","fontPostScriptName":"SourceSansPro-Regular","fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"letterSpacing":0.748000020980835,"letterSpacingValue":3.40000009536743,"letterSpacingUnit":"PERCENT","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"componentId":"266:521"}]},"266:537":{"mainComponentId":"266:519","type":"INSTANCE","id":"266:537","name":"Caption","overrideKey":"185:6937","absoluteBoundingBox":{"x":0.0,"y":637.0,"width":610.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":637.0,"width":610.0,"height":15.6900024414062},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,637.0]],"size":{"x":610.0,"y":12.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"componentPropertyReferences":{"visible":"Show Caption#185:3"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["I266:537;136:13640"],"componentSetId":"266:518","componentProperties":{"Spacing":{"value":"Medium","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"counterAxisSizingMode":"FIXED","name":"Caption","size":{"x":610.0,"y":12.0}},"componentId":"266:519"},{"key":["Title0"],"value":{"style":{"styleIdForText":"StyleId:10ed0972e278b0f258b928fd457c5ac82ad80e78/228:39","fontFamily":"Source Sans Pro","fontPostScriptName":"SourceSansPro-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.612000017166138,"letterSpacingValue":3.40000009536743,"letterSpacingUnit":"PERCENT","lineHeightPx":27.0,"lineHeightPercent":119.331741333008,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"text":null},"componentId":"266:519"}]},"266:535":{"mainComponentId":"266:524","type":"INSTANCE","id":"266:535","name":"Top Content","overrideKey":"188:4275","absoluteBoundingBox":{"x":0.0,"y":16.0,"width":610.0,"height":207.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":16.0,"width":610.0,"height":210.690002441406},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,16.0]],"size":{"x":610.0,"y":207.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92"}},"componentPropertyReferences":{"visible":"Show Top Content#188:19"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I266:535;188:4268","I266:535;188:4269","I266:535;188:4270"],"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true,"isDefault":true}},"overrides":[{"key":[],"value":{"name":"Top Content","size":{"x":610.0,"y":207.0}},"componentId":"266:524"}]},"268:1800":{"type":"TEXT","id":"268:1800","name":"Flexibility with Components","absoluteBoundingBox":{"x":16361.0,"y":6659.5126953125,"width":800.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":16362.7578125,"y":6663.8720703125,"width":276.91796875,"height":21.140625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Flexibility with Components","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:11139":{"type":"COMPONENT_SET","id":"239:11139","name":"TL;DR","absoluteBoundingBox":{"x":5360.0,"y":8594.0,"width":1072.0,"height":1450.0},"isolatedAbsoluteRenderBounds":{"x":5360.0,"y":8594.0,"width":1072.0,"height":1450.0},"relativeTransform":[[1.0,0.0,5360.0],[0.0,1.0,8594.0]],"size":{"x":1072.0,"y":1450.0},"fills":[],"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.541176497936249,"g":0.219607844948769,"b":0.960784316062927,"a":1.0},"visible":true,"opacity":1.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["239:11195"],"componentPropertyDefinitions":{"Property 1":{"type":"VARIANT","defaultValue":"stacked","variantOptions":["stacked"]}}},"142:571090":{"type":"SVG","id":"142:571090","name":"container","overrideKey":"2653:4485","absoluteBoundingBox":{"x":-7.0,"y":-45.9999732971191,"width":320.0,"height":0.0},"isolatedAbsoluteRenderBounds":{"x":-7.0,"y":-46.9999732971191,"width":320.0,"height":1.0},"relativeTransform":[[1.0,8.74227765734759e-08,4.37113953921653e-08],[-8.74227765734759e-08,1.0,1.00002801418304]],"size":{"x":320.0,"y":0.0},"fills":[],"strokeAlign":"CENTER","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.829392194747925,"g":0.842477142810822,"b":0.868647038936615,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:10718f07905678b4cedebc94d5deec7344fd52c4/2550:7"}},"visible":true,"opacity":1.0}],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:10718f07905678b4cedebc94d5deec7344fd52c4/2550:7"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"isLine":true,"hash":"162b9032c126453df7aa34298ae9680096b3a08f"},"239:11215":{"type":"FRAME","id":"239:11215","name":"outcome","absoluteBoundingBox":{"x":5376.0,"y":9666.0,"width":1040.0,"height":67.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":9666.0,"width":1040.0,"height":67.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,997.0]],"size":{"x":1040.0,"y":67.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["239:11216"]},"239:11216":{"type":"FRAME","id":"239:11216","name":"role-content","absoluteBoundingBox":{"x":5376.0,"y":9666.0,"width":1040.0,"height":67.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":9666.0,"width":1040.0,"height":67.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1040.0,"y":67.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["239:11217","239:11218"]},"239:11197":{"type":"FRAME","id":"239:11197","name":"content","absoluteBoundingBox":{"x":5376.0,"y":8669.0,"width":1040.0,"height":278.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8669.0,"width":1040.0,"height":278.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1040.0,"y":278.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","children":["239:11198","239:11201"]},"267:1213":{"type":"FRAME","id":"267:1213","name":"Frame 2239","absoluteBoundingBox":{"x":16361.0,"y":4319.5126953125,"width":800.0,"height":202.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":4319.5126953125,"width":800.0,"height":202.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,308.0]],"size":{"x":800.0,"y":202.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["267:1214","267:1215"]},"239:11201":{"type":"FRAME","id":"239:11201","name":"add. info","absoluteBoundingBox":{"x":5376.0,"y":8831.0,"width":1040.0,"height":116.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8831.0,"width":1040.0,"height":116.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,162.0]],"size":{"x":1040.0,"y":116.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["239:11202","239:11205","239:11208","239:11211"]},"239:11213":{"type":"TEXT","id":"239:11213","name":"add","absoluteBoundingBox":{"x":5420.0,"y":8924.0,"width":996.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5425.50927734375,"y":8929.0,"width":41.6298828125,"height":15.4541015625},"relativeTransform":[[1.0,0.0,44.0],[0.0,1.0,0.0]],"size":{"x":996.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":" Figma","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:11205":{"type":"FRAME","id":"239:11205","name":"timeline content","absoluteBoundingBox":{"x":5376.0,"y":8862.0,"width":1040.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8862.0,"width":1040.0,"height":23.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,31.0]],"size":{"x":1040.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["239:11206","239:11207"]},"239:11207":{"type":"TEXT","id":"239:11207","name":"add","absoluteBoundingBox":{"x":5443.0,"y":8862.0,"width":973.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5448.3046875,"y":8867.2041015625,"width":79.85546875,"height":11.955078125},"relativeTransform":[[1.0,0.0,67.0],[0.0,1.0,0.0]],"size":{"x":973.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":" 2024-2025","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:11206":{"type":"TEXT","id":"239:11206","name":"Timeline:","absoluteBoundingBox":{"x":5376.0,"y":8862.0,"width":67.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5376.70458984375,"y":8866.8974609375,"width":64.3525390625,"height":12.2783203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":67.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Timeline:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:11198":{"type":"FRAME","id":"239:11198","name":"title section","absoluteBoundingBox":{"x":5376.0,"y":8669.0,"width":1040.0,"height":122.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8669.0,"width":1040.0,"height":122.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1040.0,"y":122.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["239:11199","239:11200"]},"239:11200":{"type":"TEXT","id":"239:11200","name":"Designing a native mobile experience for SaaS-delivered benefits — and adapting when legacy infrastructure forced a pivot to responsive web.","absoluteBoundingBox":{"x":5376.0,"y":8733.0,"width":1040.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":5377.12939453125,"y":8739.7802734375,"width":1024.66943359375,"height":48.310546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,64.0]],"size":{"x":1040.0,"y":58.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0392156876623631,"g":0.0431372560560703,"b":0.0509803928434849,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Designing a native mobile experience for SaaS-delivered benefits — and adapting when legacy infrastructure forced a pivot to responsive web.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Light","fontStyle":"Light","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.5,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":29.0,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26314":{"type":"FRAME","id":"261:26314","name":"Nav","absoluteBoundingBox":{"x":17098.0,"y":199.5,"width":239.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":17098.0,"y":199.5,"width":239.0,"height":23.0},"relativeTransform":[[1.0,0.0,977.0],[0.0,1.0,34.5]],"size":{"x":239.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"NAV","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","children":["261:26315","261:26316","261:26317"]},"261:26310":{"type":"WEBPAGE","id":"261:26310","name":"/ford-work","absoluteBoundingBox":{"x":16057.0,"y":65.0,"width":2711.0,"height":13327.5126953125},"isolatedAbsoluteRenderBounds":{"x":16057.0,"y":65.0,"width":2711.0,"height":13327.5126953125},"relativeTransform":[[1.0,0.0,16057.0],[0.0,1.0,65.0]],"size":{"x":2711.0,"y":13327.5126953125},"fills":[{"opacity":0.0470588244497776,"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["261:26311","261:26415","261:26519"]},"261:26621":{"type":"TEXT","id":"261:26621","name":"home","absoluteBoundingBox":{"x":18353.0,"y":12781.435546875,"width":48.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":18354.189453125,"y":12786.3447265625,"width":45.775390625,"height":13.2822265625},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,32.0]],"size":{"x":48.0,"y":22.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"home","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.36,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":21.6000003814697,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1315":{"type":"TEXT","id":"268:1315","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":1722.84619140625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":1722.84619140625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26598":{"type":"FRAME","id":"261:26598","name":"Text list 1","absoluteBoundingBox":{"x":18329.0,"y":10923.435546875,"width":375.0,"height":1826.0},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":10923.435546875,"width":375.0,"height":1826.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,10758.435546875]],"size":{"x":375.0,"y":1826.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":64.0,"paddingRight":16.0,"paddingBottom":64.0,"paddingLeft":16.0,"clipsContent":true,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","children":["261:26599","261:26601"]},"261:26615":{"type":"FRAME","id":"261:26615","name":"Header","absoluteBoundingBox":{"x":18361.0,"y":12183.435546875,"width":311.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":18361.0,"y":12183.435546875,"width":311.0,"height":24.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,24.0]],"size":{"x":311.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["261:26616","261:26618"]},"261:26619":{"type":"TEXT","id":"261:26619","name":"Design systems are a living and evolving SYSTEM. They need people and support to work on them, maintain them, and continue to iterate on them to push them forward. At the time of this implementation as a design system team, we were operating as team of three, which included myself, the Lead App Designer, and the Lead In-Vehicle Designer, which is laughable for as large of an organization that we were working for. So despite the circumstances, we did incredible work and I am so proud that I was able to be part of that team.","absoluteBoundingBox":{"x":18361.0,"y":12219.435546875,"width":311.0,"height":442.0},"isolatedAbsoluteRenderBounds":{"x":18361.408203125,"y":12225.8203125,"width":294.177734375,"height":433.296875},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,60.0]],"size":{"x":311.0,"y":442.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems are a living and evolving SYSTEM. They need people and support to work on them, maintain them, and continue to iterate on them to push them forward. \nAt the time of this implementation as a design system team, we were operating as team of three, which included myself, the Lead App Designer, and the Lead In-Vehicle Designer, which is laughable for as large of an organization that we were working for. So despite the circumstances, we did incredible work and I am so proud that I was able to be part of that team.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26618":{"type":"TEXT","id":"261:26618","name":"Support","absoluteBoundingBox":{"x":18397.0,"y":12186.435546875,"width":275.0,"height":18.0},"isolatedAbsoluteRenderBounds":{"x":18397.818359375,"y":12189.166015625,"width":67.587890625,"height":16.951171875},"relativeTransform":[[1.0,0.0,36.0],[0.0,1.0,3.0]],"size":{"x":275.0,"y":18.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H5","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Support","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.27,"letterSpacingValue":-1.5,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":82.6291122436523,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26616":{"type":"FRAME","id":"261:26616","name":"Icon","absoluteBoundingBox":{"x":18361.0,"y":12183.435546875,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":18361.0,"y":12183.435546875,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"children":["261:26617"]},"261:26617":{"type":"RECTANGLE","id":"261:26617","name":"Shape","absoluteBoundingBox":{"x":18362.8933984637,"y":12185.3291015625,"width":21.2132030725479,"height":21.2132030725479},"isolatedAbsoluteRenderBounds":{"x":18362.892578125,"y":12185.3291015625,"width":21.21484375,"height":21.212890625},"relativeTransform":[[0.70710676908493,-0.70710676908493,12.5],[0.70710676908493,0.70710676908493,1.8935546875]],"size":{"x":15.0,"y":15.0},"fills":[{"opacity":0.449999988079071,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"constraints":{"vertical":"CENTER","horizontal":"CENTER"},"constraintValues":{"left":{"pixelOffset":-10.106601536274,"sizeFraction":0.5},"right":{"pixelOffset":11.106601536274,"sizeFraction":0.5},"top":{"pixelOffset":-10.1064453125,"sizeFraction":0.5},"bottom":{"pixelOffset":11.1067577600479,"sizeFraction":0.5}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"239:11385":{"mainComponentId":"142:571088","type":"INSTANCE","id":"239:11385","name":"Divider","absoluteBoundingBox":{"x":5375.99999991257,"y":9748.0,"width":1040.00000008743,"height":1.00011893387091},"isolatedAbsoluteRenderBounds":{"x":5375.99999991257,"y":9748.0,"width":1040.00000008743,"height":1.00011893387091},"relativeTransform":[[1.0,-8.74227765734759e-08,4.37125891039614e-08],[8.74227765734759e-08,1.0,1079.0]],"size":{"x":1040.0,"y":1.00002801418304},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","strokesIncludedInLayout":true,"children":["I239:11385;2653:4485"],"componentSetId":"142:571086","componentProperties":{"Type":{"value":"horizontal","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":1040.0,"y":1.00002801418304}},"componentId":"142:571088"}]},"261:26608":{"type":"FRAME","id":"261:26608","name":"Row 1","absoluteBoundingBox":{"x":18345.0,"y":11863.435546875,"width":343.0,"height":280.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":11863.435546875,"width":343.0,"height":280.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,802.0]],"size":{"x":343.0,"y":280.0},"fills":[{"opacity":0.0500000007450581,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":24.0,"paddingRight":16.0,"paddingBottom":24.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["269:3188","261:26613"]},"261:26602":{"type":"FRAME","id":"261:26602","name":"Row 3","absoluteBoundingBox":{"x":18345.0,"y":11061.435546875,"width":343.0,"height":786.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":11061.435546875,"width":343.0,"height":786.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":786.0},"fills":[{"opacity":0.0500000007450581,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":24.0,"paddingRight":16.0,"paddingBottom":24.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["261:26603","261:26607"]},"261:26603":{"type":"FRAME","id":"261:26603","name":"Header","absoluteBoundingBox":{"x":18361.0,"y":11085.435546875,"width":311.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":18361.0,"y":11085.435546875,"width":311.0,"height":24.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,24.0]],"size":{"x":311.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["261:26604","261:26606"]},"261:26606":{"type":"TEXT","id":"261:26606","name":"Career Trajectory","absoluteBoundingBox":{"x":18397.0,"y":11088.435546875,"width":275.0,"height":18.0},"isolatedAbsoluteRenderBounds":{"x":18397.958984375,"y":11090.7119140625,"width":147.09765625,"height":17.4052734375},"relativeTransform":[[1.0,0.0,36.0],[0.0,1.0,3.0]],"size":{"x":275.0,"y":18.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H5","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Career Trajectory","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.27,"letterSpacingValue":-1.5,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":82.6291122436523,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2491":{"type":"TEXT","id":"268:2491","name":"Design System Guidelines","absoluteBoundingBox":{"x":17545.0,"y":6840.41015625,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":17547.294921875,"y":6847.01220703125,"width":385.39453125,"height":31.30712890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design System Guidelines","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:3010":{"type":"FRAME","id":"268:3010","name":"Text block 11","absoluteBoundingBox":{"x":18329.0,"y":10003.12890625,"width":375.0,"height":920.306396484375},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":10003.12890625,"width":375.0,"height":920.306640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,9716.12890625]],"size":{"x":375.0,"y":920.306396484375},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3080","269:3095","269:3136"]},"269:3137":{"type":"FRAME","id":"269:3137","name":"Focus","absoluteBoundingBox":{"x":18345.0,"y":10622.0986328125,"width":343.0,"height":230.88215637207},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":10622.0986328125,"width":343.0,"height":230.88215637207},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":230.88215637207},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0941176488995552,"g":0.105882354080677,"b":0.149019613862038,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.556818187236786,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":13.3636360168457,"paddingRight":13.3636360168457,"paddingBottom":13.3636360168457,"paddingLeft":13.3636360168457,"layoutMode":"VERTICAL","itemSpacing":4.45454549789429,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["269:3138"]},"269:3138":{"type":"RECTANGLE","id":"269:3138","name":"Focus","absoluteBoundingBox":{"x":18358.36328125,"y":10635.462890625,"width":316.272735595703,"height":204.154891967773},"targetAspectRatio":{"x":2268.0,"y":1464.0},"isolatedAbsoluteRenderBounds":{"x":18358.36328125,"y":10635.462890625,"width":316.2734375,"height":204.1552734375},"relativeTransform":[[1.0,0.0,13.3638248443604],[0.0,1.0,13.3638572692871]],"size":{"x":316.272735595703,"y":204.154891967773},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"b864058fa10e1711bb7af1925e092cadb971002a","originalImageWidth":2268,"originalImageHeight":1464,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.556818187236786,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"269:3080":{"type":"FRAME","id":"269:3080","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":10043.12890625,"width":343.0,"height":279.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":10043.12890625,"width":343.0,"height":279.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":279.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3081"]},"239:11202":{"type":"FRAME","id":"239:11202","name":"role-content","absoluteBoundingBox":{"x":5376.0,"y":8831.0,"width":1040.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8831.0,"width":1040.0,"height":23.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1040.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["239:11203","239:11204"]},"269:3085":{"type":"TEXT","id":"269:3085","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":10083.12890625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":10083.12890625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3082":{"type":"TEXT","id":"269:3082","name":"Accessibility Guidelines","absoluteBoundingBox":{"x":18345.0,"y":10043.12890625,"width":343.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":18345.595703125,"y":10047.9755859375,"width":259.314453125,"height":23.0625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Accessibility Guidelines","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26600":{"type":"TEXT","id":"261:26600","name":"Final Thoughts","absoluteBoundingBox":{"x":18345.0,"y":10987.435546875,"width":343.0,"height":34.0},"isolatedAbsoluteRenderBounds":{"x":18346.76953125,"y":10992.908203125,"width":194.12109375,"height":27.5732421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":34.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Final Thoughts","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":28.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.56,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.6000022888184,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:11212":{"type":"TEXT","id":"239:11212","name":"Tools:","absoluteBoundingBox":{"x":5376.0,"y":8924.0,"width":44.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5376.70458984375,"y":8929.36328125,"width":41.693359375,"height":11.8125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":44.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Tools:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2795":{"type":"TEXT","id":"268:2795","name":"Navigating All Platform Components","absoluteBoundingBox":{"x":18345.0,"y":9231.4365234375,"width":343.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":18346.4375,"y":9235.732421875,"width":297.2265625,"height":17.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":22.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Navigating All Platform Components ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.36,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":21.6000003814697,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3204":{"type":"SVG","id":"269:3204","name":"Icon","absoluteBoundingBox":{"x":18361.0,"y":11893.435546875,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":18361.0,"y":11893.435546875,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,6.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"4abb829671a63a4aafa788747350a4e89eb0d4fb"},"268:2797":{"type":"TEXT","id":"268:2797","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":9276.4365234375,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":9276.4365234375,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2770":{"type":"FRAME","id":"268:2770","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":8695.63671875,"width":343.0,"height":250.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8695.63671875,"width":343.0,"height":250.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":250.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2771","268:2772","268:2773","268:2774","268:2775"]},"268:2774":{"type":"TEXT","id":"268:2774","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":8735.63671875,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8735.63671875,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2772":{"type":"TEXT","id":"268:2772","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":8735.63671875,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8735.63671875,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2771":{"type":"TEXT","id":"268:2771","name":"Navigating Components","absoluteBoundingBox":{"x":18345.0,"y":8695.63671875,"width":343.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":18346.7578125,"y":8699.99609375,"width":241.9375,"height":21.390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Navigating Components","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2535":{"type":"FRAME","id":"268:2535","name":"Text block 8","absoluteBoundingBox":{"x":18329.0,"y":7357.68603515625,"width":375.0,"height":1297.95043945312},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":7357.68603515625,"width":375.0,"height":1297.95068359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,7070.68603515625]],"size":{"x":375.0,"y":1297.95043945312},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2597","268:2606","268:2619"]},"268:2620":{"type":"FRAME","id":"268:2620","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":8063.63623046875,"width":343.0,"height":552.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8063.63623046875,"width":343.0,"height":552.00048828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":552.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2621","268:2622","268:2623","268:2624"]},"239:11195":{"type":"COMPONENT","id":"239:11195","name":"Property 1=stacked","absoluteBoundingBox":{"x":5376.0,"y":8669.0,"width":1040.0,"height":1064.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8669.0,"width":1040.0,"height":1064.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,75.0]],"size":{"x":1040.0,"y":1064.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":16.0,"sizeFraction":0.0},"top":{"pixelOffset":75.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["239:11196","239:11215","239:11385"],"componentSetId":"239:11139"},"268:2624":{"type":"TEXT","id":"268:2624","name":"Difficult to navigate No internal page navigation = a lot of scrolling “cmd + f” did not always work to find items much farther down the page) Difficultly/Intimidating --> Avoid use by designers & devs A lot of manual updates = time consuming Time consuming to update menial items (Figma solve-components update with library update) Images had to be used - higher likelihood of out dated version (Less but not eliminated with Figma) Dev difficulties: Inspect links take them out of DSM (Figma solve - Inspect/Dev Mode) Cannot see component behavior High probability of viewing out of date version (Figma solve-simple update library automatically triggered)","absoluteBoundingBox":{"x":18345.0,"y":8063.63623046875,"width":343.0,"height":552.0},"isolatedAbsoluteRenderBounds":{"x":18345.447265625,"y":8069.931640625,"width":340.205078125,"height":542.943359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":552.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,8,0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7],"characters":"Difficult to navigate\nNo internal page navigation = a lot of scrolling\n“cmd + f” did not always work to find items much farther down the page)\nDifficultly/Intimidating --> Avoid use by designers & devs\n\nA lot of manual updates = time consuming \nTime consuming to update menial items (Figma solve-components update with library update)\nImages had to be used - higher likelihood of out dated version (Less but not eliminated with Figma)\n\nDev difficulties:\nInspect links take them out of DSM (Figma solve - Inspect/Dev Mode)\nCannot see component behavior\nHigh probability of viewing out of date version (Figma solve-simple update library automatically triggered)","lineIndentations":[0,1,2,1,0,0,1,1,0,0,1,1,1],"lineTypes":["NONE","UNORDERED","UNORDERED","UNORDERED","NONE","NONE","UNORDERED","UNORDERED","NONE","NONE","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"8":{"boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontSize":15.0,"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"7":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontSize":15.0,"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"2":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"268:2622":{"type":"TEXT","id":"268:2622","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":8108.63623046875,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8108.63623046875,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2597":{"type":"FRAME","id":"268:2597","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":7397.68603515625,"width":343.0,"height":354.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":7397.68603515625,"width":343.0,"height":354.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":354.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2598"]},"268:1388":{"type":"TEXT","id":"268:1388","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":4325.4765625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":4325.4765625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2599":{"type":"TEXT","id":"268:2599","name":"Structuring Our House","absoluteBoundingBox":{"x":18345.0,"y":7397.68603515625,"width":343.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":18346.125,"y":7402.04541015625,"width":224.779296875,"height":21.390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Structuring Our House","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1866":{"type":"FRAME","id":"268:1866","name":"Text block 7","absoluteBoundingBox":{"x":18329.0,"y":6709.68603515625,"width":375.0,"height":648.0},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":6709.68603515625,"width":375.0,"height":648.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,6422.68603515625]],"size":{"x":375.0,"y":648.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2497"]},"268:2498":{"type":"FRAME","id":"268:2498","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":6749.68603515625,"width":343.0,"height":568.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6749.68603515625,"width":343.0,"height":568.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":568.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2499","268:2500","268:2501","268:2502","268:2503","268:2504"]},"268:1814":{"type":"TEXT","id":"268:1814","name":"Flexibility with Components","absoluteBoundingBox":{"x":18345.0,"y":6251.88623046875,"width":343.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":18346.7578125,"y":6256.24560546875,"width":276.91796875,"height":21.140625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Flexibility with Components","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2501":{"type":"TEXT","id":"268:2501","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":6794.68603515625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6794.68603515625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:11218":{"type":"TEXT","id":"239:11218","name":"add","absoluteBoundingBox":{"x":5376.0,"y":9701.0,"width":1040.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":5382.2802734375,"y":9709.0,"width":36.19677734375,"height":16.265625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,35.0]],"size":{"x":1040.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":" add","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.55,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":31.9000015258789,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1813":{"type":"FRAME","id":"268:1813","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":6251.88623046875,"width":343.0,"height":172.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6251.88623046875,"width":343.0,"height":172.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":172.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1814","268:1815","268:1816","268:1817","268:1818"]},"268:1818":{"type":"TEXT","id":"268:1818","name":"Figma’s properties allowed us the ability to level up the component’s flexibility that we could build into the component. This would enable quicker iteration and prototyping for product teams.","absoluteBoundingBox":{"x":18345.0,"y":6293.88623046875,"width":343.0,"height":130.0},"isolatedAbsoluteRenderBounds":{"x":18345.505859375,"y":6300.27099609375,"width":339.123046875,"height":121.50146484375},"relativeTransform":[[1.0,0.0,-9.09494701772928e-13],[0.0,1.0,42.0]],"size":{"x":343.0,"y":130.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s properties allowed us the ability to level up the component’s flexibility that we could build into the component. This would enable quicker iteration and prototyping for product teams.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1816":{"type":"TEXT","id":"268:1816","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":6296.88623046875,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6296.88623046875,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2488":{"type":"TEXT","id":"268:2488","name":"As a group we brainstormed and iterated on an initial structure of how the guidelines may look. Our ultimate goal was to have a website that housed our new guidelines, but in the mean time, we decided to structure and link to pages within Figma, mimicking a website. While the team built out the rest of the finalized components, I began working through building out and populating the component guidelines and documentation.","absoluteBoundingBox":{"x":16361.0,"y":7415.5126953125,"width":800.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":16361.37109375,"y":7421.80810546875,"width":797.099609375,"height":147.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,102.0]],"size":{"x":800.0,"y":156.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"As a group we brainstormed and iterated on an initial structure of how the guidelines may look. Our ultimate goal was to have a website that housed our new guidelines, but in the mean time, we decided to structure and link to pages within Figma, mimicking a website. \n\nWhile the team built out the rest of the finalized components, I began working through building out and populating the component guidelines and documentation. ","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1722":{"type":"FRAME","id":"268:1722","name":"Text block 6","absoluteBoundingBox":{"x":16121.0,"y":6611.5126953125,"width":1280.0,"height":622.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":6611.5126953125,"width":1280.0,"height":622.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,6354.5126953125]],"size":{"x":1280.0,"y":622.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":48.0,"paddingRight":240.0,"paddingBottom":48.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1798","268:1819"]},"268:1610":{"type":"FRAME","id":"268:1610","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":5624.08642578125,"width":343.0,"height":302.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":5624.08642578125,"width":343.0,"height":302.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":302.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1611"]},"268:1611":{"type":"FRAME","id":"268:1611","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":5624.08642578125,"width":343.0,"height":302.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":5624.08642578125,"width":343.0,"height":302.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":302.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1612","268:1613","268:1614","268:1615","268:1616"]},"261:26315":{"type":"TEXT","id":"261:26315","name":"home","absoluteBoundingBox":{"x":17098.0,"y":199.5,"width":43.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":17099.36328125,"y":204.863632202148,"width":40.671875,"height":11.8125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":43.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"home","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","hyperlink":{"type":"NODE","nodeID":"/"},"textCase":"LOWER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2778":{"type":"RECTANGLE","id":"268:2778","name":"Horizontal","absoluteBoundingBox":{"x":18345.0,"y":8985.63671875,"width":343.0,"height":205.800003051758},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8985.63671875,"width":343.0,"height":205.7998046875},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,330.0]],"size":{"x":343.0,"y":205.800003051758},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"6296f458f784bc5cad22ef4463d685e4b68c50d5","gifRef":"e7eac6c884f7dfe2aade7c4e9d0a7495084ec159","originalImageWidth":600,"originalImageHeight":427,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.562295079231262,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"267:1200":{"type":"FRAME","id":"267:1200","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":3361.4765625,"width":343.0,"height":316.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":3361.4765625,"width":343.0,"height":316.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":316.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["267:1201","267:1202"]},"269:3191":{"type":"TEXT","id":"269:3191","name":"Manual Updates, less but not elimitated.","absoluteBoundingBox":{"x":18397.0,"y":11887.435546875,"width":275.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":18397.767578125,"y":11890.3447265625,"width":244.1484375,"height":31.2890625},"relativeTransform":[[1.0,0.0,36.0],[0.0,1.0,0.0]],"size":{"x":275.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H5","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Manual Updates, less but not elimitated.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.27,"letterSpacingValue":-1.5,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":82.6291122436523,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2598":{"type":"FRAME","id":"268:2598","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":7397.68603515625,"width":343.0,"height":354.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":7397.68603515625,"width":343.0,"height":354.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":354.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2599","268:2600","268:2601","268:2602","268:2603"]},"268:1615":{"type":"TEXT","id":"268:1615","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":5664.08642578125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":5664.08642578125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1612":{"type":"TEXT","id":"268:1612","name":"Navigation","absoluteBoundingBox":{"x":18345.0,"y":5624.08642578125,"width":343.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":18346.7578125,"y":5628.44580078125,"width":105.361328125,"height":21.390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Navigation","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2497":{"type":"FRAME","id":"268:2497","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":6749.68603515625,"width":343.0,"height":568.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6749.68603515625,"width":343.0,"height":568.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":568.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2498"]},"268:2944":{"type":"TEXT","id":"268:2944","name":"Nested Platform Navigation Text","absoluteBoundingBox":{"x":16575.0,"y":10284.345703125,"width":475.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":16575.681640625,"y":10289.1640625,"width":204.576171875,"height":15.6357421875},"relativeTransform":[[1.0,0.0,116.0],[0.0,1.0,338.83349609375]],"size":{"x":475.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":116.0,"sizeFraction":0.0},"top":{"pixelOffset":338.83349609375,"sizeFraction":0.0}},"strokeAlign":"OUTSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Nested Platform Navigation","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26562":{"type":"FRAME","id":"261:26562","name":"Text block 4","absoluteBoundingBox":{"x":18329.0,"y":4245.4765625,"width":375.0,"height":1338.60986328125},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":4245.4765625,"width":375.0,"height":1338.60986328125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3958.4765625]],"size":{"x":375.0,"y":1338.60986328125},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1383","268:1392","268:1395"]},"239:11209":{"type":"TEXT","id":"239:11209","name":"Team:","absoluteBoundingBox":{"x":5376.0,"y":8893.0,"width":45.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5376.70458984375,"y":8898.36328125,"width":42.89013671875,"height":11.830078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":45.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Team:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1395":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1395","name":"Content","absoluteBoundingBox":{"x":18345.0,"y":5338.78125,"width":343.0,"height":205.304916381836},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":5338.78125,"width":343.0,"height":205.304916381836},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,1093.30493164062]],"size":{"x":343.0,"y":205.304916381836},"fills":[],"strokeAlign":"INSIDE","maxWidth":343.0,"strokes":[],"strokeWeight":0.562295079231262,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":4.4983606338501,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1395;188:4275","I268:1395;185:6959","I268:1395;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":true,"isDefault":true}},"uniformScaleFactor":0.562295079231262,"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":4.4983606338501,"maxHeight":null,"maxWidth":343.0,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":343.0,"y":205.304916381836}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Final checkbox build - checkbox incorporated into list component","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":8.9967212677002,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.044983606338501,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":13.0452461242676,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"openTypeFlags":null,"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER"},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif checkbox","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"4fc70b5bfbb0cb37c8623381c481654174dae984","originalImageWidth":915,"originalImageHeight":501,"visible":true,"opacity":1.0,"rotation":0.0}],"individualStrokeWeights":null,"strokeWeight":0.562295079231262},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:2766":{"type":"TEXT","id":"268:2766","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":8496.41015625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":8496.41015625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26607":{"type":"TEXT","id":"261:26607","name":"Having never experienced a complete ground-up design system build, establishing the semantic token naming structure, accessibility validation methodology, and guidelines information architecture taught me how systems thinking compounds across teams. Though I departed before the Figma migration and production shipping, seeing the system launch in FordPass and Lincoln validated that the token architecture and naming conventions I developed were sound and scalable. This work sparked a real interest in design systems—specifically how design tokens are the translation layer where design intent meets engineering implementation—flexible enough that designers can iterate and engineers can optimize without losing alignment. I'm committed to continuing this journey in roles where I can see systems through to production.","absoluteBoundingBox":{"x":18361.0,"y":11121.435546875,"width":311.0,"height":702.0},"isolatedAbsoluteRenderBounds":{"x":18360.693359375,"y":11127.8203125,"width":306.541015625,"height":693.501953125},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,60.0]],"size":{"x":311.0,"y":702.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Having never experienced a complete ground-up design system build, establishing the semantic token naming structure, accessibility validation methodology, and guidelines information architecture taught me how systems thinking compounds across teams.\nThough I departed before the Figma migration and production shipping, seeing the system launch in FordPass and Lincoln validated that the token architecture and naming conventions I developed were sound and scalable. This work sparked a real interest in design systems—specifically how design tokens are the translation layer where design intent meets engineering implementation—flexible enough that designers can iterate and engineers can optimize without losing alignment. I'm committed to continuing this journey in roles where I can see systems through to production.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1616":{"type":"TEXT","id":"268:1616","name":"Following the workshop, the component that I delivered for the weekly stakeholder review was the navigation. I thought it was important to keep the navigation simple, but equally important in this initial iteration to keep the pillar labels beneath.This was a simple way to reinforce the user’s decisions, sense of place, and reinforce accessibility efforts.","absoluteBoundingBox":{"x":18345.0,"y":5666.08642578125,"width":343.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":18345.505859375,"y":5672.47119140625,"width":340.388671875,"height":247.8134765625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,42.0]],"size":{"x":343.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Following the workshop, the component that I delivered for the weekly stakeholder review was the navigation. I thought it was important to keep the navigation simple, but equally important in this initial iteration to keep the pillar labels beneath.This was a simple way to reinforce the user’s decisions, sense of place, and reinforce accessibility efforts. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1608":{"type":"TEXT","id":"268:1608","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":5596.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":5596.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26520":{"type":"FRAME","id":"261:26520","name":"Header 2","absoluteBoundingBox":{"x":18329.0,"y":165.0,"width":375.0,"height":122.0},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":165.0,"width":375.0,"height":122.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":122.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"HEADER","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["261:26521","261:26522"]},"268:2600":{"type":"TEXT","id":"268:2600","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":7437.68603515625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":7437.68603515625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26421":{"type":"TEXT","id":"261:26421","name":"resume","absoluteBoundingBox":{"x":18144.0,"y":199.5,"width":57.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":18145.419921875,"y":207.642044067383,"width":54.55859375,"height":9.03408813476562},"relativeTransform":[[1.0,0.0,166.0],[0.0,1.0,0.0]],"size":{"x":57.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"resume","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://docs.google.com/document/d/1KCyUxwNRAmmJetFYRKfhGwMdiV1oDJbmNTyVCCcq9aI/edit?tab=t.0","openInNewTab":false},"textCase":"LOWER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2606":{"type":"RECTANGLE","id":"268:2606","name":"Horizontal","absoluteBoundingBox":{"x":18345.0,"y":7791.68603515625,"width":343.0,"height":231.950378417969},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":7791.68603515625,"width":343.0,"height":231.9501953125},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,434.0]],"size":{"x":343.0,"y":231.950378417969},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"b84aa61066937697695c02cfa37feaa9ca7e3f1c","imageTransform":[[0.984575808048248,0.0,0.00771208200603724],[0.0,0.981697976589203,0.00757235055789351]],"originalImageWidth":4096,"originalImageHeight":2778,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.447780668735504,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"sticky note artictecture exercise for guidelines","ariaAttributes":{},"interactions":[]},"268:1384":{"type":"FRAME","id":"268:1384","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":4285.4765625,"width":343.0,"height":768.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":4285.4765625,"width":343.0,"height":768.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":768.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1385","268:1386","268:1387","268:1388","268:1389"]},"268:1387":{"type":"TEXT","id":"268:1387","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":4330.4765625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":4330.4765625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1386":{"type":"TEXT","id":"268:1386","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":4325.4765625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":4325.4765625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1223":{"type":"FRAME","id":"267:1223","name":"Frame 2239","absoluteBoundingBox":{"x":18345.0,"y":3855.4765625,"width":343.0,"height":350.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":3855.4765625,"width":343.0,"height":350.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,138.0]],"size":{"x":343.0,"y":350.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["267:1224","267:1225"]},"268:2952":{"type":"RECTANGLE","id":"268:2952","name":"Component Overview Image","absoluteBoundingBox":{"x":18345.0,"y":9505.4365234375,"width":342.899475097656,"height":188.13444519043},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":9505.4365234375,"width":342.900390625,"height":188.134765625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-0.000414428708609194]],"size":{"x":342.899475097656,"y":188.13444519043},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"82ffe65d51af78d99ddd3b6fa455976ab92bd918","originalImageWidth":1316,"originalImageHeight":778,"visible":true,"opacity":1.0,"rotation":0.0}],"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"top":{"pixelOffset":-0.000414428708609194,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.567880809307098,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"267:1224":{"type":"RECTANGLE","id":"267:1224","name":"Horizontal","absoluteBoundingBox":{"x":18345.0,"y":3855.4765625,"width":343.0,"height":171.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":3855.4765625,"width":343.0,"height":171.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":171.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"1797a9652cf27e979d7f88bc5344a28effa24327","originalImageWidth":2817,"originalImageHeight":1410,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"accessibility artifact","ariaAttributes":{},"interactions":[]},"267:1222":{"type":"RECTANGLE","id":"267:1222","name":"Horizontal","absoluteBoundingBox":{"x":18345.0,"y":3717.4765625,"width":343.0,"height":130.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":3717.4765625,"width":343.0,"height":130.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":130.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"3cc6124962fc45c8d741945620f5555522229a3e","originalImageWidth":3708,"originalImageHeight":1404,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"accessibility artifact","ariaAttributes":{},"interactions":[]},"267:1199":{"type":"FRAME","id":"267:1199","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":3361.4765625,"width":343.0,"height":316.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":3361.4765625,"width":343.0,"height":316.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":316.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["267:1200"]},"267:1202":{"type":"TEXT","id":"267:1202","name":"To determine which color combinations met WCAG AA standards (3.0:1 for normal text, 4.5:1 for small text), I created testable component states that placed candidate colors against real backgrounds. This methodology allowed the team to collaboratively decide which colors were acceptable across brands, platforms, and themes.","absoluteBoundingBox":{"x":18345.0,"y":3443.4765625,"width":343.0,"height":234.0},"isolatedAbsoluteRenderBounds":{"x":18345.5625,"y":3449.9765625,"width":338.939453125,"height":225.181884765625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,82.0]],"size":{"x":343.0,"y":234.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To determine which color combinations met WCAG AA standards (3.0:1 for normal text, 4.5:1 for small text), I created testable component states that placed candidate colors against real backgrounds. This methodology allowed the team to collaboratively decide which colors were acceptable across brands, platforms, and themes.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1201":{"type":"TEXT","id":"267:1201","name":"Accessibility Validation Methodology","absoluteBoundingBox":{"x":18345.0,"y":3361.4765625,"width":343.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":18345.587890625,"y":3366.17822265625,"width":256.923828125,"height":52.480224609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":58.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Accessibility Validation Methodology","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26418":{"type":"FRAME","id":"261:26418","name":"Nav","absoluteBoundingBox":{"x":17978.0,"y":199.5,"width":223.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":17978.0,"y":199.5,"width":223.0,"height":23.0},"relativeTransform":[[1.0,0.0,513.0],[0.0,1.0,34.5]],"size":{"x":223.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"NAV","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":32.0,"counterAxisAlignItems":"CENTER","children":["261:26419","261:26420","261:26421"]},"261:26530":{"type":"FRAME","id":"261:26530","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":2681.83056640625,"width":343.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":2681.83056640625,"width":343.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["261:26531"]},"268:1260":{"type":"FRAME","id":"268:1260","name":"section","absoluteBoundingBox":{"x":18329.0,"y":1468.02404785156,"width":375.0,"height":1173.80651855469},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":1468.02404785156,"width":375.0,"height":1173.80651855469},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1181.02404785156]],"size":{"x":375.0,"y":1173.80651855469},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1324","268:1344","268:1347"]},"261:26497":{"type":"FRAME","id":"261:26497","name":"List","absoluteBoundingBox":{"x":17545.0,"y":11382.4580078125,"width":640.0,"height":986.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":11382.4580078125,"width":640.0,"height":986.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,126.0]],"size":{"x":640.0,"y":986.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"UL","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["261:26498","261:26504","261:26510"]},"268:2500":{"type":"TEXT","id":"268:2500","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":6789.68603515625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6789.68603515625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"266:508":{"id":"266:508","type":"VARIABLE","assetId":"VariableID:77db9f8afee2557d5154ba206f1143d546136a8b/5149:25","name":"Grayscale/cool/400","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:bcba11ee7c5d38ed1c977b177acd60f7f8cb9bc8/3604:1624","codeSyntax":{},"valuesByMode":{"2:6":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0}}},"268:1808":{"type":"TEXT","id":"268:1808","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":6254.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6254.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1324":{"type":"FRAME","id":"268:1324","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":1508.02404785156,"width":343.0,"height":698.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":1508.02404785156,"width":343.0,"height":698.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":698.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1325"]},"268:2783":{"type":"TEXT","id":"268:2783","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16361.0,"y":9714.5126953125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9714.5126953125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1329":{"type":"TEXT","id":"268:1329","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":1548.02404785156,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":1548.02404785156,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26553":{"type":"FRAME","id":"261:26553","name":"section","absoluteBoundingBox":{"x":18329.0,"y":3321.4765625,"width":375.0,"height":924.0},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":3321.4765625,"width":375.0,"height":924.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3034.4765625]],"size":{"x":375.0,"y":924.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["267:1199","267:1221"]},"268:1383":{"type":"FRAME","id":"268:1383","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":4285.4765625,"width":343.0,"height":768.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":4285.4765625,"width":343.0,"height":768.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":768.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1384"]},"267:1225":{"type":"RECTANGLE","id":"267:1225","name":"Horizontal","absoluteBoundingBox":{"x":18345.0,"y":4034.4765625,"width":343.0,"height":171.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":4034.4765625,"width":343.0,"height":171.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,179.0]],"size":{"x":343.0,"y":171.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"c570c1a5984edf40c4d1756971daedfe6d69608a","originalImageWidth":2817,"originalImageHeight":1410,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"accessibility artifact","ariaAttributes":{},"interactions":[]},"268:1344":{"type":"RECTANGLE","id":"268:1344","name":"Image","absoluteBoundingBox":{"x":18345.0,"y":2246.02392578125,"width":343.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":2246.02392578125,"width":343.0,"height":128.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,778.0]],"size":{"x":343.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"8077cddec35ff1a0a76b1a4538d82b7fa6e6c1e5","originalImageWidth":2790,"originalImageHeight":1040,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"colored naming breakdown","ariaAttributes":{},"interactions":[]},"267:1183":{"type":"RECTANGLE","id":"267:1183","name":"Ford-Environment 1","absoluteBoundingBox":{"x":17545.0,"y":3039.07690429688,"width":640.0,"height":333.333343505859},"targetAspectRatio":{"x":2880.0,"y":1500.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":3039.07690429688,"width":640.0,"height":333.333251953125},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,340.0]],"size":{"x":640.0,"y":333.333343505859},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"d6dde2387a432659855f004c08b20bcada9b0822","originalImageWidth":2880,"originalImageHeight":1500,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"environment breakdown","ariaAttributes":{},"interactions":[]},"268:2854":{"type":"FRAME","id":"268:2854","name":"Text block 10","absoluteBoundingBox":{"x":18329.0,"y":9465.4365234375,"width":375.0,"height":537.692321777344},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":9465.4365234375,"width":375.0,"height":537.6923828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,9178.4365234375]],"size":{"x":375.0,"y":537.692321777344},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:2951","268:2959"]},"268:2484":{"type":"TEXT","id":"268:2484","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":7353.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7353.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2796":{"type":"TEXT","id":"268:2796","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":9271.4365234375,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":9271.4365234375,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26407":{"type":"FRAME","id":"261:26407","name":"Header","absoluteBoundingBox":{"x":16385.0,"y":12840.5126953125,"width":128.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":16385.0,"y":12840.5126953125,"width":128.0,"height":25.9091796875},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":128.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["261:26408","261:26410"]},"261:26409":{"type":"RECTANGLE","id":"261:26409","name":"Shape","absoluteBoundingBox":{"x":16386.8933984637,"y":12842.40625,"width":21.2132030725479,"height":21.2132030725479},"isolatedAbsoluteRenderBounds":{"x":16386.892578125,"y":12842.40625,"width":21.21484375,"height":21.212890625},"relativeTransform":[[0.70710676908493,-0.70710676908493,12.5],[0.70710676908493,0.70710676908493,1.8935546875]],"size":{"x":15.0,"y":15.0},"fills":[{"opacity":0.449999988079071,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"constraints":{"vertical":"CENTER","horizontal":"CENTER"},"constraintValues":{"left":{"pixelOffset":-10.106601536274,"sizeFraction":0.5},"right":{"pixelOffset":11.106601536274,"sizeFraction":0.5},"top":{"pixelOffset":-10.1064453125,"sizeFraction":0.5},"bottom":{"pixelOffset":11.1067577600479,"sizeFraction":0.5}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"268:2585":{"type":"TEXT","id":"268:2585","name":"Structuring Our House","absoluteBoundingBox":{"x":16361.0,"y":7731.5126953125,"width":800.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":16362.125,"y":7735.8720703125,"width":224.779296875,"height":21.390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Structuring Our House","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26522":{"type":"FRAME","id":"261:26522","name":"Nav","absoluteBoundingBox":{"x":18413.0,"y":240.0,"width":207.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":18413.0,"y":240.0,"width":207.0,"height":23.0},"relativeTransform":[[1.0,0.0,84.0],[0.0,1.0,75.0]],"size":{"x":207.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"NAV","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","children":["261:26523","261:26524","261:26525"]},"261:26525":{"type":"TEXT","id":"261:26525","name":"resume","absoluteBoundingBox":{"x":18563.0,"y":240.0,"width":57.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":18564.419921875,"y":248.142044067383,"width":54.55859375,"height":9.03410339355469},"relativeTransform":[[1.0,0.0,150.0],[0.0,1.0,0.0]],"size":{"x":57.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"resume","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://docs.google.com/document/d/1KCyUxwNRAmmJetFYRKfhGwMdiV1oDJbmNTyVCCcq9aI/edit?tab=t.0","openInNewTab":false},"textCase":"LOWER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26415":{"type":"FRAME","id":"261:26415","name":"Tablet","absoluteBoundingBox":{"x":17465.0,"y":165.0,"width":800.0,"height":12425.4580078125},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":165.0,"width":800.0,"height":12425.4580078125},"relativeTransform":[[1.0,0.0,1408.0],[0.0,1.0,100.0]],"size":{"x":800.0,"y":12425.4580078125},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["261:26416","261:26422","261:26494","261:26516"]},"261:26516":{"type":"FRAME","id":"261:26516","name":"Footer 1","absoluteBoundingBox":{"x":17465.0,"y":12428.4580078125,"width":800.0,"height":162.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":12428.4580078125,"width":800.0,"height":162.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,12263.4580078125]],"size":{"x":800.0,"y":162.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.150000005960464,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":1.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"FOOTER","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":64.0,"paddingRight":32.0,"paddingBottom":64.0,"paddingLeft":32.0,"layoutMode":"HORIZONTAL","itemSpacing":350.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["261:26517","261:26518"]},"261:26518":{"type":"TEXT","id":"261:26518","name":"next case: soundtrip","absoluteBoundingBox":{"x":17865.0,"y":12485.4580078125,"width":368.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":17968.880859375,"y":12498.1103515625,"width":262.88671875,"height":27.0751953125},"relativeTransform":[[1.0,0.0,400.0],[0.0,1.0,57.0]],"size":{"x":368.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"next case: soundtrip","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAlignHorizontal":"RIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","hyperlink":{"type":"NODE","nodeID":"/soundtrip"},"fontVariantPosition":"NORMAL","fontSize":28.0,"textAlignHorizontal":"RIGHT","textAlignVertical":"CENTER","letterSpacing":-0.56,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.6000022888184,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26517":{"type":"TEXT","id":"261:26517","name":"home","absoluteBoundingBox":{"x":17497.0,"y":12485.4580078125,"width":368.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":17498.849609375,"y":12499.0947265625,"width":71.208984375,"height":20.6611328125},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,57.0]],"size":{"x":368.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"home","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","fontVariantPosition":"NORMAL","fontSize":28.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.56,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.6000022888184,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1374":{"type":"TEXT","id":"268:1374","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":4721.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":4721.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26526":{"type":"FRAME","id":"261:26526","name":"Container","absoluteBoundingBox":{"x":18329.0,"y":287.0,"width":375.0,"height":10636.435546875},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":287.0,"width":375.0,"height":10636.435546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,122.0]],"size":{"x":375.0,"y":10636.435546875},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["261:26527","268:1260","261:26528","261:26553","261:26562","268:1516","268:1740","268:1866","268:2535","268:2676","268:2854","268:3010"]},"268:2517":{"type":"FRAME","id":"268:2517","name":"Text block 8","absoluteBoundingBox":{"x":16121.0,"y":7651.5126953125,"width":1280.0,"height":1372.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":7651.5126953125,"width":1280.0,"height":1372.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,7394.5126953125]],"size":{"x":1280.0,"y":1372.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2583","268:2604","268:2607"]},"261:26494":{"type":"FRAME","id":"261:26494","name":"Text list 1","absoluteBoundingBox":{"x":17465.0,"y":11256.4580078125,"width":800.0,"height":1172.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":11256.4580078125,"width":800.0,"height":1172.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,11091.4580078125]],"size":{"x":800.0,"y":1172.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":1440.0,"strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":60.0,"paddingRight":80.0,"paddingBottom":60.0,"paddingLeft":80.0,"clipsContent":true,"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","children":["261:26495","261:26497"]},"239:11214":{"type":"FRAME","id":"239:11214","name":"image","absoluteBoundingBox":{"x":5376.0,"y":8987.0,"width":1040.0,"height":655.0},"targetAspectRatio":{"x":1040.0,"y":655.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8987.0,"width":1040.0,"height":655.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,318.0]],"size":{"x":1040.0,"y":655.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"9f66184d14d502d8dd5ca928cecb6aa08e7523aa","originalImageWidth":2417,"originalImageHeight":1510,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"tbd image","ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":44.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":[]},"261:26503":{"type":"TEXT","id":"261:26503","name":"Having never experienced a complete ground-up design system build, establishing the semantic token naming structure, accessibility validation methodology, and guidelines information architecture taught me how systems thinking compounds across teams. Though I departed before the Figma migration and production shipping, seeing the system launch in FordPass and Lincoln validated that the token architecture and naming conventions I developed were sound and scalable. This work sparked a real interest in design systems—specifically how design tokens are the translation layer where design intent meets engineering implementation—flexible enough that designers can iterate and engineers can optimize without losing alignment. I'm committed to continuing this journey in roles where I can see systems through to production.","absoluteBoundingBox":{"x":17569.0,"y":11442.4580078125,"width":592.0,"height":338.0},"isolatedAbsoluteRenderBounds":{"x":17569.505859375,"y":11448.8427734375,"width":589.126953125,"height":329.501953125},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,60.0]],"size":{"x":592.0,"y":338.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Having never experienced a complete ground-up design system build, establishing the semantic token naming structure, accessibility validation methodology, and guidelines information architecture taught me how systems thinking compounds across teams.\nThough I departed before the Figma migration and production shipping, seeing the system launch in FordPass and Lincoln validated that the token architecture and naming conventions I developed were sound and scalable. This work sparked a real interest in design systems—specifically how design tokens are the translation layer where design intent meets engineering implementation—flexible enough that designers can iterate and engineers can optimize without losing alignment. I'm committed to continuing this journey in roles where I can see systems through to production.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26510":{"type":"FRAME","id":"261:26510","name":"Row 2","absoluteBoundingBox":{"x":17545.0,"y":12050.4580078125,"width":640.0,"height":318.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":12050.4580078125,"width":640.0,"height":318.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,668.0]],"size":{"x":640.0,"y":318.0},"fills":[{"opacity":0.0500000007450581,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["261:26511","261:26515"]},"267:1197":{"type":"TEXT","id":"267:1197","name":"Accessibility Validation Methodology","absoluteBoundingBox":{"x":17545.0,"y":3472.41015625,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":17545.587890625,"y":3477.11181640625,"width":412.2109375,"height":23.480224609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Accessibility Validation Methodology","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26515":{"type":"TEXT","id":"261:26515","name":"Design systems are a living and evolving SYSTEM. They need people and support to work on them, maintain them, and continue to iterate on them to push them forward. At the time of this implementation as a design system team, we were operating as team of three, which included myself, the Lead App Designer, and the Lead In-Vehicle Designer, which is laughable for as large of an organization that we were working for. So despite the circumstances, we did incredible work and I am so proud that I was able to be part of that team.","absoluteBoundingBox":{"x":17569.0,"y":12110.4580078125,"width":592.0,"height":234.0},"isolatedAbsoluteRenderBounds":{"x":17569.447265625,"y":12116.8427734375,"width":583.9609375,"height":225.296875},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,60.0]],"size":{"x":592.0,"y":234.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems are a living and evolving SYSTEM. They need people and support to work on them, maintain them, and continue to iterate on them to push them forward. \nAt the time of this implementation as a design system team, we were operating as team of three, which included myself, the Lead App Designer, and the Lead In-Vehicle Designer, which is laughable for as large of an organization that we were working for. So despite the circumstances, we did incredible work and I am so proud that I was able to be part of that team.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26511":{"type":"FRAME","id":"261:26511","name":"Header","absoluteBoundingBox":{"x":17569.0,"y":12074.4580078125,"width":592.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":17569.0,"y":12074.4580078125,"width":592.0,"height":24.0},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":592.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["261:26512","261:26514"]},"261:26513":{"type":"RECTANGLE","id":"261:26513","name":"Shape","absoluteBoundingBox":{"x":17570.8933984637,"y":12076.3515625,"width":21.2132030725479,"height":21.2132030725479},"isolatedAbsoluteRenderBounds":{"x":17570.892578125,"y":12076.3515625,"width":21.21484375,"height":21.212890625},"relativeTransform":[[0.70710676908493,-0.70710676908493,12.5],[0.70710676908493,0.70710676908493,1.8935546875]],"size":{"x":15.0,"y":15.0},"fills":[{"opacity":0.449999988079071,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"constraints":{"vertical":"CENTER","horizontal":"CENTER"},"constraintValues":{"left":{"pixelOffset":-10.106601536274,"sizeFraction":0.5},"right":{"pixelOffset":11.106601536274,"sizeFraction":0.5},"top":{"pixelOffset":-10.1064453125,"sizeFraction":0.5},"bottom":{"pixelOffset":11.1067577600479,"sizeFraction":0.5}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"261:26504":{"type":"FRAME","id":"261:26504","name":"Row 1","absoluteBoundingBox":{"x":17545.0,"y":11820.4580078125,"width":640.0,"height":214.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":11820.4580078125,"width":640.0,"height":214.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,438.0]],"size":{"x":640.0,"y":214.0},"fills":[{"opacity":0.0500000007450581,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["269:3184","261:26509"]},"269:3184":{"type":"FRAME","id":"269:3184","name":"Header","absoluteBoundingBox":{"x":17569.0,"y":11844.4580078125,"width":592.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":17569.0,"y":11844.4580078125,"width":592.0,"height":24.0},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":592.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["269:3202","269:3187"]},"269:3081":{"type":"FRAME","id":"269:3081","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":10043.12890625,"width":343.0,"height":279.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":10043.12890625,"width":343.0,"height":279.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":279.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["269:3082","269:3083","269:3084","269:3085","269:3086"]},"269:3202":{"type":"SVG","id":"269:3202","name":"Icon","absoluteBoundingBox":{"x":17569.0,"y":11844.4580078125,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":17569.0,"y":11844.4580078125,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"4abb829671a63a4aafa788747350a4e89eb0d4fb"},"261:26498":{"type":"FRAME","id":"261:26498","name":"Row 3","absoluteBoundingBox":{"x":17545.0,"y":11382.4580078125,"width":640.0,"height":422.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":11382.4580078125,"width":640.0,"height":422.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":422.0},"fills":[{"opacity":0.0500000007450581,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["261:26499","261:26503"]},"261:26499":{"type":"FRAME","id":"261:26499","name":"Header","absoluteBoundingBox":{"x":17569.0,"y":11406.4580078125,"width":592.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":17569.0,"y":11406.4580078125,"width":592.0,"height":24.0},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":592.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["261:26500","261:26502"]},"261:26500":{"type":"SVG","id":"261:26500","name":"Icon","absoluteBoundingBox":{"x":17569.0,"y":11406.4580078125,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":17569.0,"y":11406.4580078125,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"5221696c4ab193c4fd209700a46a1a1816b12633"},"269:3188":{"type":"FRAME","id":"269:3188","name":"Header","absoluteBoundingBox":{"x":18361.0,"y":11887.435546875,"width":311.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":18361.0,"y":11887.435546875,"width":311.0,"height":36.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,24.0]],"size":{"x":311.0,"y":36.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["269:3204","269:3191"]},"261:26502":{"type":"TEXT","id":"261:26502","name":"Career Trajectory","absoluteBoundingBox":{"x":17605.0,"y":11408.4580078125,"width":556.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":17606.064453125,"y":11410.208984375,"width":163.443359375,"height":19.33984375},"relativeTransform":[[1.0,0.0,36.0],[0.0,1.0,2.0]],"size":{"x":556.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H5","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Career Trajectory","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.3,"letterSpacingValue":-1.5,"letterSpacingUnit":"PERCENT","lineHeightPx":20.0,"lineHeightPercent":82.6291122436523,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26496":{"type":"TEXT","id":"261:26496","name":"Final Thoughts","absoluteBoundingBox":{"x":17545.0,"y":11316.4580078125,"width":640.0,"height":34.0},"isolatedAbsoluteRenderBounds":{"x":17546.76953125,"y":11321.9306640625,"width":194.12109375,"height":27.5732421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":34.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Final Thoughts","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":28.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.56,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.6000022888184,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1506":{"type":"FRAME","id":"268:1506","name":"Text block 5","absoluteBoundingBox":{"x":17465.0,"y":5516.41015625,"width":800.0,"height":658.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":5516.41015625,"width":800.0,"height":658.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,5259.41015625]],"size":{"x":800.0,"y":658.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":80.0,"paddingBottom":40.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1603","268:1618"]},"261:26531":{"type":"TEXT","id":"261:26531","name":"Color Exploration","absoluteBoundingBox":{"x":18345.0,"y":2681.83056640625,"width":343.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":18346.279296875,"y":2686.5322265625,"width":189.865234375,"height":23.20751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color Exploration","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3132":{"type":"FRAME","id":"269:3132","name":"Frame 2241","absoluteBoundingBox":{"x":17557.0,"y":10748.4580078125,"width":616.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":17557.0,"y":10748.4580078125,"width":616.0,"height":468.0},"relativeTransform":[[1.0,0.0,92.0],[0.0,1.0,690.047607421875]],"size":{"x":616.0,"y":468.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3133","269:3135"]},"266:511":{"id":"266:511","assetId":"VariableCollectionId:9860bf350c4e467f6fd7d83449f1d8b4b235e6fe/229:107","type":"VARIABLE_COLLECTION","name":"Collection 1","defaultModeId":"6:0","modes":[{"modeId":"6:0","name":"Portfolio/Resume"}]},"142:571088":{"type":"COMPONENT","id":"142:571088","name":"Type=horizontal","overrideKey":"2653:4486","absoluteBoundingBox":{"x":-7.00000008742523,"y":-47.0,"width":320.000000087425,"height":1.00005598947155},"isolatedAbsoluteRenderBounds":{"x":-7.00000008742523,"y":-47.0,"width":320.000000087425,"height":1.00005722045898},"relativeTransform":[[1.0,-8.74227765734759e-08,16.0],[8.74227765734759e-08,1.0,16.0]],"size":{"x":320.0,"y":1.00002801418304},"fills":[],"constraintValues":{"left":{"pixelOffset":15.9999999125748,"sizeFraction":0.0},"top":{"pixelOffset":16.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","strokesIncludedInLayout":true,"children":["142:571090"],"componentSetId":"142:571086"},"269:3135":{"type":"TEXT","id":"269:3135","name":"Title","absoluteBoundingBox":{"x":17557.0,"y":11170.4580078125,"width":616.0,"height":46.0},"isolatedAbsoluteRenderBounds":{"x":17557.591796875,"y":11175.2763671875,"width":568.830078125,"height":38.4541015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,422.0]],"size":{"x":616.0,"y":46.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Example from the List Component focus order accessibility requirements for developers.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3133":{"type":"FRAME","id":"269:3133","name":"Focus","absoluteBoundingBox":{"x":17557.0,"y":10748.4580078125,"width":616.0,"height":414.0},"isolatedAbsoluteRenderBounds":{"x":17557.0,"y":10748.4580078125,"width":616.0,"height":414.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":616.0,"y":414.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0941176488995552,"g":0.105882354080677,"b":0.149019613862038,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["269:3134"]},"269:3091":{"type":"FRAME","id":"269:3091","name":"Frame 2240","absoluteBoundingBox":{"x":17557.0,"y":10313.41015625,"width":616.0,"height":395.047637939453},"isolatedAbsoluteRenderBounds":{"x":17557.0,"y":10313.41015625,"width":616.0,"height":395.0478515625},"relativeTransform":[[1.0,0.0,92.0],[0.0,1.0,255.0]],"size":{"x":616.0,"y":395.047637939453},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3092"]},"266:521":{"type":"COMPONENT","id":"266:521","name":"Spacing=Small","overrideKey":"136:13654","absoluteBoundingBox":{"x":-12872.0,"y":3748.0,"width":129.0,"height":15.0},"isolatedAbsoluteRenderBounds":{"x":-12872.0,"y":3748.0,"width":129.0,"height":19.510009765625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":129.0,"y":15.0},"fills":[],"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"children":["266:522"],"componentSetId":"266:518"},"268:2945":{"type":"FRAME","id":"268:2945","name":"Buttons","absoluteBoundingBox":{"x":17563.0,"y":9239.41015625,"width":604.0,"height":374.0},"isolatedAbsoluteRenderBounds":{"x":17563.0,"y":9239.41015625,"width":604.0,"height":374.0},"relativeTransform":[[1.0,0.0,98.0],[0.0,1.0,40.0]],"size":{"x":604.0,"y":374.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["268:2946","268:2947","268:2950"]},"269:3093":{"type":"RECTANGLE","id":"269:3093","name":"Focus","absoluteBoundingBox":{"x":17559.0,"y":10313.41015625,"width":612.0,"height":395.047637939453},"targetAspectRatio":{"x":2268.0,"y":1464.0},"isolatedAbsoluteRenderBounds":{"x":17559.0,"y":10313.41015625,"width":612.0,"height":395.0478515625},"relativeTransform":[[1.0,0.0,-4.5],[0.0,1.0,0.0]],"size":{"x":612.0,"y":395.047637939453},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"0bc29465429b36c7b99433f65ca60931f723d01f","originalImageWidth":2284,"originalImageHeight":1658,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadiiIndependent":true},"269:3073":{"type":"FRAME","id":"269:3073","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":10098.41015625,"width":640.0,"height":175.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":10098.41015625,"width":640.0,"height":175.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,40.0]],"size":{"x":640.0,"y":175.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3074"]},"269:3077":{"type":"TEXT","id":"269:3077","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":10143.41015625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":10143.41015625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3075":{"type":"TEXT","id":"269:3075","name":"Accessibility Guidelines","absoluteBoundingBox":{"x":17545.0,"y":10098.41015625,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":17545.595703125,"y":10103.2568359375,"width":259.314453125,"height":23.0625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Accessibility Guidelines","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2838":{"type":"FRAME","id":"268:2838","name":"Text block 10","absoluteBoundingBox":{"x":17465.0,"y":9199.41015625,"width":800.0,"height":859.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":9199.41015625,"width":800.0,"height":859.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8942.41015625]],"size":{"x":800.0,"y":859.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":80.0,"paddingBottom":40.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:2945","268:2958"]},"269:3079":{"type":"TEXT","id":"269:3079","name":"I also added documentation to the guidelines specifically for developers around accessibility based on the component and also considerations for Android vs iOS experiences, as they have different requirements. These were very much in progress by the time I departed, however I felt it important to highlight.","absoluteBoundingBox":{"x":17545.0,"y":10143.41015625,"width":640.0,"height":130.0},"isolatedAbsoluteRenderBounds":{"x":17545.447265625,"y":10149.7060546875,"width":624.951171875,"height":121.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":640.0,"y":130.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I also added documentation to the guidelines specifically for developers around accessibility based on the component and also considerations for Android vs iOS experiences, as they have different requirements.\nThese were very much in progress by the time I departed, however I felt it important to highlight.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2621":{"type":"TEXT","id":"268:2621","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":8103.63623046875,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8103.63623046875,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1372":{"type":"TEXT","id":"268:1372","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":4721.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":4721.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26512":{"type":"FRAME","id":"261:26512","name":"Icon","absoluteBoundingBox":{"x":17569.0,"y":12074.4580078125,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":17569.0,"y":12074.4580078125,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"children":["261:26513"]},"268:2619":{"type":"FRAME","id":"268:2619","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":8063.63623046875,"width":343.0,"height":552.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8063.63623046875,"width":343.0,"height":552.00048828125},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,705.950378417969]],"size":{"x":343.0,"y":552.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2620"]},"268:2617":{"type":"TEXT","id":"268:2617","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":8028.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":8028.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26524":{"type":"TEXT","id":"261:26524","name":"linkedIn","absoluteBoundingBox":{"x":18480.0,"y":240.0,"width":59.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":18481.40625,"y":244.897720336914,"width":56.193359375,"height":12.2784271240234},"relativeTransform":[[1.0,0.0,67.0],[0.0,1.0,0.0]],"size":{"x":59.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"linkedIn","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://www.linkedin.com/in/maggiemanville/","openInNewTab":false},"textCase":"LOWER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2950":{"type":"TEXT","id":"268:2950","name":"Nested Platform Navigation Text","absoluteBoundingBox":{"x":17679.0,"y":9578.244140625,"width":475.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":17679.681640625,"y":9583.0625,"width":204.576171875,"height":15.6357421875},"relativeTransform":[[1.0,0.0,116.0],[0.0,1.0,338.83349609375]],"size":{"x":475.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":116.0,"sizeFraction":0.0},"top":{"pixelOffset":338.83349609375,"sizeFraction":0.0}},"strokeAlign":"OUTSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Nested Platform Navigation","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1342":{"type":"RECTANGLE","id":"268:1342","name":"Image","absoluteBoundingBox":{"x":16361.0,"y":2079.84619140625,"width":800.0,"height":324.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":2079.84619140625,"width":800.0,"height":324.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,477.0]],"size":{"x":800.0,"y":324.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"8077cddec35ff1a0a76b1a4538d82b7fa6e6c1e5","imageTransform":[[0.99999988079071,0.0,-4.71844785465692e-16],[0.0,1.01475751399994,-0.0156397391110659]],"originalImageWidth":2790,"originalImageHeight":1040,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"colored naming breakdown","ariaAttributes":{},"interactions":[]},"268:2946":{"type":"RECTANGLE","id":"268:2946","name":"Component Overview Image","absoluteBoundingBox":{"x":17563.0,"y":9239.41015625,"width":603.822998046875,"height":331.292144775391},"isolatedAbsoluteRenderBounds":{"x":17563.0,"y":9239.41015625,"width":603.822265625,"height":331.2919921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":603.822998046875,"y":331.292144775391},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"82ffe65d51af78d99ddd3b6fa455976ab92bd918","originalImageWidth":1316,"originalImageHeight":778,"visible":true,"opacity":1.0,"rotation":0.0}],"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"268:2661":{"type":"FRAME","id":"268:2661","name":"Text block 9","absoluteBoundingBox":{"x":17465.0,"y":8411.41015625,"width":800.0,"height":788.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":8411.41015625,"width":800.0,"height":788.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8154.41015625]],"size":{"x":800.0,"y":788.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":80.0,"paddingBottom":40.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2762","268:2777","268:2786"]},"261:26321":{"type":"FRAME","id":"261:26321","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":2937.84619140625,"width":800.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":2937.84619140625,"width":800.0,"height":38.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["261:26322"]},"268:2787":{"type":"FRAME","id":"268:2787","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":9043.41015625,"width":640.0,"height":116.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":9043.41015625,"width":640.0,"height":116.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":116.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2788","268:2789","268:2790","268:2791","268:2792"]},"269:3096":{"type":"FRAME","id":"269:3096","name":"Focus","absoluteBoundingBox":{"x":18348.619140625,"y":10362.12890625,"width":335.761352539062,"height":219.969696044922},"isolatedAbsoluteRenderBounds":{"x":18346.11328125,"y":10362.12890625,"width":340.7734375,"height":219.9697265625},"relativeTransform":[[1.0,0.0,3.61932373046875],[0.0,1.0,0.0]],"size":{"x":335.761352539062,"y":219.969696044922},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0941176488995552,"g":0.105882354080677,"b":0.149019613862038,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.556818187236786,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":4.45454549789429,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3097"]},"268:2791":{"type":"TEXT","id":"268:2791","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":9083.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":9083.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"19:4879":{"id":"19:4879","type":"VARIABLE","assetId":"VariableID:50aa8b94772be272ec64bb6ca72c86754002a953/5147:84","name":"Grayscale/cool/1000","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:bcba11ee7c5d38ed1c977b177acd60f7f8cb9bc8/3604:1624","codeSyntax":{},"valuesByMode":{"2:6":{"r":1.0,"g":1.0,"b":1.0,"a":1.0}}},"268:1379":{"type":"TEXT","id":"268:1379","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":4268.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":4268.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2789":{"type":"TEXT","id":"268:2789","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":9083.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":9083.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26495":{"type":"FRAME","id":"261:26495","name":"Header","absoluteBoundingBox":{"x":17545.0,"y":11316.4580078125,"width":640.0,"height":34.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":11316.4580078125,"width":640.0,"height":34.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,60.0]],"size":{"x":640.0,"y":34.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["261:26496"]},"268:2767":{"type":"TEXT","id":"268:2767","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":8491.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":8491.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26620":{"type":"FRAME","id":"261:26620","name":"Footer 1","absoluteBoundingBox":{"x":18329.0,"y":12749.435546875,"width":375.0,"height":86.0},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":12749.435546875,"width":375.0,"height":86.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,12584.435546875]],"size":{"x":375.0,"y":86.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.150000005960464,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":1.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"FOOTER","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":32.0,"paddingRight":24.0,"paddingBottom":32.0,"paddingLeft":24.0,"layoutMode":"HORIZONTAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["261:26621","261:26622"]},"268:2957":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:2957","name":"Content","absoluteBoundingBox":{"x":16456.0,"y":10359.5126953125,"width":610.0,"height":365.0},"isolatedAbsoluteRenderBounds":{"x":16456.0,"y":10359.5126953125,"width":610.0,"height":365.0},"relativeTransform":[[1.0,0.0,335.0],[0.0,1.0,494.0]],"size":{"x":610.0,"y":365.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":610.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:2957;188:4275","I268:2957;185:6959","I268:2957;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":true,"isDefault":true}},"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":8.0,"maxHeight":null,"maxWidth":610.0,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":365.0}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Intra-page navigation","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"openTypeFlags":null,"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER"},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"5045c1d896525551aaf2b3bbed5483b461febade","originalImageWidth":1237,"originalImageHeight":750,"visible":true,"opacity":1.0,"rotation":0.0}],"individualStrokeWeights":null,"strokeWeight":null},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:2768":{"type":"TEXT","id":"268:2768","name":"Because we had our sights set on creating a completely connected system, we wanted app/mobile designers to have access to see in-vehicle, web, and wearables in one spot, but not have to wade through all of the other items if they did not want to see them.","absoluteBoundingBox":{"x":17545.0,"y":8493.41015625,"width":640.0,"height":104.0},"isolatedAbsoluteRenderBounds":{"x":17545.5234375,"y":8499.794921875,"width":634.92578125,"height":95.296875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,42.0]],"size":{"x":640.0,"y":104.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Because we had our sights set on creating a completely connected system, we wanted app/mobile designers to have access to see in-vehicle, web, and wearables in one spot, but not have to wade through all of the other items if they did not want to see them. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2765":{"type":"TEXT","id":"268:2765","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":8491.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":8491.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1389":{"type":"TEXT","id":"268:1389","name":"In the foundation workshop, we established a core principle: convey environmental dimensionality through component state (hover, active, focus) rather than visual affordances like shadows. This principle needed to work consistently across all components—buttons, navigation, inputs, etc.I explored this approach with checkboxes. By tying visual depth to existing state logic, we created a pattern that: Reduced CSS complexity: No shadow variables to maintain per theme Scaled across components: Any component using :hover / :active / :focus automatically conveyed depth Worked across platforms: Mobile and in-vehicle rendering both support state-based styling without additional overhead This principle became the foundation for how all interactive components would signal dimensionality.","absoluteBoundingBox":{"x":18345.0,"y":4377.4765625,"width":343.0,"height":676.0},"isolatedAbsoluteRenderBounds":{"x":18345.869140625,"y":4383.77197265625,"width":339.462890625,"height":667.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,92.0]],"size":{"x":343.0,"y":676.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"In the foundation workshop, we established a core principle: convey environmental dimensionality through component state (hover, active, focus) rather than visual affordances like shadows. This principle needed to work consistently across all components—buttons, navigation, inputs, etc.I explored this approach with checkboxes. \n\nBy tying visual depth to existing state logic, we created a pattern that:\nReduced CSS complexity: No shadow variables to maintain per theme\nScaled across components: Any component using :hover / :active / :focus automatically conveyed depth\nWorked across platforms: Mobile and in-vehicle rendering both support state-based styling without additional overhead\nThis principle became the foundation for how all interactive components would signal dimensionality.","lineIndentations":[0,0,0,1,1,1,0],"lineTypes":["NONE","NONE","NONE","UNORDERED","UNORDERED","UNORDERED","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2764":{"type":"TEXT","id":"268:2764","name":"Navigating Components","absoluteBoundingBox":{"x":17545.0,"y":8451.41015625,"width":640.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":17546.7578125,"y":8455.76953125,"width":241.9375,"height":21.390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Navigating Components","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2614":{"type":"FRAME","id":"268:2614","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":7988.41015625,"width":640.0,"height":383.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":7988.41015625,"width":640.0,"height":383.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":383.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2615","268:2616","268:2617","268:2618"]},"268:2615":{"type":"TEXT","id":"268:2615","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":8028.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":8028.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1601":{"type":"TEXT","id":"268:1601","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":6051.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6051.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2605":{"type":"RECTANGLE","id":"268:2605","name":"Horizontal","absoluteBoundingBox":{"x":17545.0,"y":7514.41015625,"width":640.0,"height":434.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":7514.41015625,"width":640.0,"height":434.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,304.0]],"size":{"x":640.0,"y":434.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"b84aa61066937697695c02cfa37feaa9ca7e3f1c","originalImageWidth":4096,"originalImageHeight":2778,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"sticky note artictecture exercise for guidelines","ariaAttributes":{},"interactions":[]},"268:2590":{"type":"FRAME","id":"268:2590","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":7250.41015625,"width":640.0,"height":224.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":7250.41015625,"width":640.0,"height":224.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,40.0]],"size":{"x":640.0,"y":224.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2591"]},"239:11203":{"type":"TEXT","id":"239:11203","name":"role","absoluteBoundingBox":{"x":5376.0,"y":8831.0,"width":37.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5377.2783203125,"y":8836.36328125,"width":33.73828125,"height":11.8125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":37.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Role:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2591":{"type":"FRAME","id":"268:2591","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":7250.41015625,"width":640.0,"height":224.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":7250.41015625,"width":640.0,"height":224.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":224.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2592","268:2593","268:2594","268:2595","268:2596"]},"268:2596":{"type":"TEXT","id":"268:2596","name":"We drew inspiration from existing design systems like, Material Design, HIG, Lightning, Carbon, and Spectrum. We also had a lot of learnings from our previous experience with the InVision DSM and had many pain points. Our goal was to address these pain points (below) and create an efficient and user-friendly system for designing and developing components and guidelines.","absoluteBoundingBox":{"x":17545.0,"y":7292.41015625,"width":640.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":17545.37109375,"y":7298.70556640625,"width":628.267578125,"height":173.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,42.0]],"size":{"x":640.0,"y":182.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"We drew inspiration from existing design systems like, Material Design, HIG, Lightning, Carbon, and Spectrum.  We also had a lot of learnings from our previous experience with the InVision DSM and had many pain points. \n\nOur goal was to address these pain points (below) and create an efficient and user-friendly system for designing and developing components and guidelines.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2594":{"type":"TEXT","id":"268:2594","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":7295.41015625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":7295.41015625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2593":{"type":"TEXT","id":"268:2593","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":7290.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":7290.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3086":{"type":"TEXT","id":"269:3086","name":"I also added documentation to the guidelines specifically for developers around accessibility based on the component and also considerations for Android vs iOS experiences, as they have different requirements. These were very much in progress by the time I departed, however I felt it important to highlight.","absoluteBoundingBox":{"x":18345.0,"y":10088.12890625,"width":343.0,"height":234.0},"isolatedAbsoluteRenderBounds":{"x":18345.447265625,"y":10094.513671875,"width":331.4921875,"height":225.501953125},"relativeTransform":[[1.0,0.0,-9.09494701772928e-13],[0.0,1.0,45.0]],"size":{"x":343.0,"y":234.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I also added documentation to the guidelines specifically for developers around accessibility based on the component and also considerations for Android vs iOS experiences, as they have different requirements.\nThese were very much in progress by the time I departed, however I felt it important to highlight.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2612":{"type":"TEXT","id":"268:2612","name":"Difficult to navigate No internal page navigation = a lot of scrolling “cmd + f” did not always work to find items much farther down the page) Difficultly/Intimidating --> Avoid use by designers & devs A lot of manual updates = time consuming Time consuming to update menial items (Figma solve-components update with library update) Images had to be used - higher likelihood of out dated version (Less but not eliminated with Figma) Dev difficulties: Inspect links take them out of DSM (Figma solve - Inspect/Dev Mode) Cannot see component behavior High probability of viewing out of date version (Figma solve-simple update library automatically triggered)","absoluteBoundingBox":{"x":16382.0,"y":8527.5126953125,"width":758.0,"height":416.0},"isolatedAbsoluteRenderBounds":{"x":16382.4599609375,"y":8533.80859375,"width":754.8388671875,"height":407.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":758.0,"y":416.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5],"characters":"Difficult to navigate\nNo internal page navigation = a lot of scrolling\n“cmd + f” did not always work to find items much farther down the page)\nDifficultly/Intimidating --> Avoid use by designers & devs\n\nA lot of manual updates = time consuming \nTime consuming to update menial items (Figma solve-components update with library update)\nImages had to be used - higher likelihood of out dated version (Less but not eliminated with Figma)\n\nDev difficulties:\nInspect links take them out of DSM (Figma solve - Inspect/Dev Mode)\nCannot see component behavior\nHigh probability of viewing out of date version (Figma solve-simple update library automatically triggered)","lineIndentations":[0,1,2,1,0,0,1,1,0,0,1,1,1],"lineTypes":["NONE","UNORDERED","UNORDERED","UNORDERED","NONE","NONE","UNORDERED","UNORDERED","NONE","NONE","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"5":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"2":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"268:2489":{"type":"FRAME","id":"268:2489","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":6840.41015625,"width":640.0,"height":310.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6840.41015625,"width":640.0,"height":310.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,60.0]],"size":{"x":640.0,"y":310.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2490"]},"268:2611":{"type":"TEXT","id":"268:2611","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16382.0,"y":8567.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16382.0,"y":8567.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2496":{"type":"TEXT","id":"268:2496","name":"As a group we brainstormed and iterated on an initial structure of how the guidelines may look. Our ultimate goal was to have a website that housed our new guidelines, but in the mean time, we decided to structure and link to pages within Figma, mimicking a website. While the team built out the rest of the finalized components, I began working through building out and populating the component guidelines and documentation.","absoluteBoundingBox":{"x":17545.0,"y":6942.41015625,"width":640.0,"height":208.0},"isolatedAbsoluteRenderBounds":{"x":17545.37109375,"y":6948.70556640625,"width":638.08984375,"height":195.921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,102.0]],"size":{"x":640.0,"y":208.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"As a group we brainstormed and iterated on an initial structure of how the guidelines may look. Our ultimate goal was to have a website that housed our new guidelines, but in the mean time, we decided to structure and link to pages within Figma, mimicking a website. \n\nWhile the team built out the rest of the finalized components, I began working through building out and populating the component guidelines and documentation. ","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2494":{"type":"TEXT","id":"268:2494","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":6880.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6880.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2493":{"type":"TEXT","id":"268:2493","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":6885.41015625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6885.41015625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2485":{"type":"TEXT","id":"268:2485","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16361.0,"y":7358.5126953125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7358.5126953125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"19:4878":{"id":"19:4878","type":"VARIABLE","assetId":"VariableID:85189dd891109d713f760deca79e789a5faa3c33/5147:52","name":"Grayscale/cool/25","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:bcba11ee7c5d38ed1c977b177acd60f7f8cb9bc8/3604:1624","codeSyntax":{},"valuesByMode":{"2:6":{"r":0.0392156876623631,"g":0.0431372560560703,"b":0.0509803928434849,"a":1.0}}},"268:2495":{"type":"TEXT","id":"268:2495","name":"Research | Information Architecture | Component Building","absoluteBoundingBox":{"x":17545.0,"y":6894.41015625,"width":640.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":17546.7578125,"y":6897.25390625,"width":596.7890625,"height":26.3125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,54.0]],"size":{"x":640.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Research | Information Architecture | Component Building ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.11,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":31.9000015258789,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:11210":{"type":"TEXT","id":"239:11210","name":"add","absoluteBoundingBox":{"x":5421.0,"y":8893.0,"width":995.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5425.91796875,"y":8897.818359375,"width":190.69482421875,"height":15.6357421875},"relativeTransform":[[1.0,0.0,45.0],[0.0,1.0,0.0]],"size":{"x":995.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":" engineers, pm(s), designer","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1597":{"type":"FRAME","id":"268:1597","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":6011.5126953125,"width":800.0,"height":146.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6011.5126953125,"width":800.0,"height":146.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":146.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1598","268:1599","268:1600","268:1601","268:1602"]},"268:1806":{"type":"FRAME","id":"268:1806","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":6214.41015625,"width":640.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6214.41015625,"width":640.0,"height":120.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":120.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1807","268:1808","268:1809","268:1810","268:1811"]},"261:26320":{"type":"FRAME","id":"261:26320","name":"Text block 1","absoluteBoundingBox":{"x":16121.0,"y":2857.84619140625,"width":1280.0,"height":876.666687011719},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":2857.84619140625,"width":1280.0,"height":876.666748046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2600.84619140625]],"size":{"x":1280.0,"y":876.666687011719},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["261:26321","267:1140","267:1182"]},"268:1811":{"type":"TEXT","id":"268:1811","name":"Figma’s properties allowed us the ability to level up the component’s flexibility that we could build into the component. This would enable quicker iteration and prototyping for product teams.","absoluteBoundingBox":{"x":17545.0,"y":6256.41015625,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":17545.408203125,"y":6262.794921875,"width":577.53125,"height":69.50146484375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,42.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s properties allowed us the ability to level up the component’s flexibility that we could build into the component. This would enable quicker iteration and prototyping for product teams.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1618":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1618","name":"Content","absoluteBoundingBox":{"x":17560.0,"y":5768.41015625,"width":610.0,"height":366.0},"isolatedAbsoluteRenderBounds":{"x":17560.0,"y":5768.41015625,"width":610.0,"height":366.0},"relativeTransform":[[1.0,0.0,95.0],[0.0,1.0,252.0]],"size":{"x":610.0,"y":366.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92"},"paddingTop":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"},"paddingBottom":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":16.0,"paddingBottom":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1618;188:4275","I268:1618;185:6959","I268:1618;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":false}},"overrides":[{"key":[],"value":{"maxHeight":null,"maxWidth":null,"name":"Content","size":{"x":610.0,"y":366.0}},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif nav    ","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"ac76623d7d799ab1ae5ae36e956499150871ab9b","gifRef":"9984f5c8aaab954f9f9fc1d380b8f1bae1a0ce76","originalImageWidth":600,"originalImageHeight":311,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":false}}},"componentId":"266:524"},{"key":["Subtitle0"],"value":{"overrides":[{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Lorem Ipsum Lorem Ipsum Lorem Ipsum ","style":{"styleIdForText":"StyleId:533a5d4926cc52267fb043faa1e3335d7cb872aa/251:95","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":16.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null},"componentId":"266:521"}]},"componentId":"266:524"}]},"componentId":"266:534"}]},"86:11918":{"id":"86:11918","type":"VARIABLE","assetId":"VariableID:1952f2a8c057f4e9d875ff2212fc8dde3f9d3853/2365:307","name":"font/size/label/xs","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:18e371557d8832e39bc5571ae9e6285f23585dd0/2316:134","codeSyntax":{},"valuesByMode":{"32:0":12.0}},"268:1320":{"type":"TEXT","id":"268:1320","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":1617.07690429688,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":1617.07690429688,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26345":{"type":"FRAME","id":"261:26345","name":"section","absoluteBoundingBox":{"x":16121.0,"y":3734.51293945312,"width":1280.0,"height":867.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":3734.51293945312,"width":1280.0,"height":867.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3477.51293945312]],"size":{"x":1280.0,"y":867.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["267:1191","267:1211"]},"268:2759":{"type":"TEXT","id":"268:2759","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16361.0,"y":9148.5126953125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9148.5126953125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1599":{"type":"TEXT","id":"268:1599","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":6051.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6051.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2609":{"type":"TEXT","id":"268:2609","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16382.0,"y":8567.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16382.0,"y":8567.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2602":{"type":"TEXT","id":"268:2602","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":7437.68603515625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":7437.68603515625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1496":{"type":"FRAME","id":"268:1496","name":"Text block 5","absoluteBoundingBox":{"x":16121.0,"y":5963.5126953125,"width":1280.0,"height":648.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":5963.5126953125,"width":1280.0,"height":648.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,5706.5126953125]],"size":{"x":1280.0,"y":648.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":48.0,"paddingRight":240.0,"paddingBottom":48.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1596","268:1617"]},"268:1603":{"type":"FRAME","id":"268:1603","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":5556.41015625,"width":640.0,"height":172.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":5556.41015625,"width":640.0,"height":172.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,40.0]],"size":{"x":640.0,"y":172.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1604"]},"268:1604":{"type":"FRAME","id":"268:1604","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":5556.41015625,"width":640.0,"height":172.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":5556.41015625,"width":640.0,"height":172.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":172.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1605","268:1606","268:1607","268:1608","268:1609"]},"268:1609":{"type":"TEXT","id":"268:1609","name":"Following the workshop, the component that I delivered for the weekly stakeholder review was the navigation. I thought it was important to keep the navigation simple, but equally important in this initial iteration to keep the pillar labels beneath.This was a simple way to reinforce the user’s decisions, sense of place, and reinforce accessibility efforts.","absoluteBoundingBox":{"x":17545.0,"y":5598.41015625,"width":640.0,"height":130.0},"isolatedAbsoluteRenderBounds":{"x":17545.505859375,"y":5604.70556640625,"width":622.791015625,"height":121.38623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,42.0]],"size":{"x":640.0,"y":130.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Following the workshop, the component that I delivered for the weekly stakeholder review was the navigation. I thought it was important to keep the navigation simple, but equally important in this initial iteration to keep the pillar labels beneath.This was a simple way to reinforce the user’s decisions, sense of place, and reinforce accessibility efforts. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2592":{"type":"TEXT","id":"268:2592","name":"Structuring Our House","absoluteBoundingBox":{"x":17545.0,"y":7250.41015625,"width":640.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":17546.125,"y":7254.76953125,"width":224.779296875,"height":21.390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Structuring Our House","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2526":{"type":"FRAME","id":"268:2526","name":"Text block 8","absoluteBoundingBox":{"x":17465.0,"y":7210.41015625,"width":800.0,"height":1201.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":7210.41015625,"width":800.0,"height":1201.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,6953.41015625]],"size":{"x":800.0,"y":1201.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":80.0,"paddingBottom":40.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2590","268:2605","268:2613"]},"261:26408":{"type":"FRAME","id":"261:26408","name":"Icon","absoluteBoundingBox":{"x":16385.0,"y":12840.5126953125,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":16385.0,"y":12840.5126953125,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"children":["261:26409"]},"261:26519":{"type":"FRAME","id":"261:26519","name":"Mobile","absoluteBoundingBox":{"x":18329.0,"y":165.0,"width":375.0,"height":12670.435546875},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":165.0,"width":375.0,"height":12670.435546875},"relativeTransform":[[1.0,0.0,2272.0],[0.0,1.0,100.0]],"size":{"x":375.0,"y":12670.435546875},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["261:26520","261:26526","261:26598","261:26620"]},"268:2601":{"type":"TEXT","id":"268:2601","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":7442.68603515625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":7442.68603515625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1192":{"type":"FRAME","id":"267:1192","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":3814.51293945312,"width":800.0,"height":157.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":3814.51293945312,"width":800.0,"height":157.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":157.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["267:1193","267:1194"]},"261:26599":{"type":"FRAME","id":"261:26599","name":"Header","absoluteBoundingBox":{"x":18345.0,"y":10987.435546875,"width":343.0,"height":34.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":10987.435546875,"width":343.0,"height":34.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,64.0]],"size":{"x":343.0,"y":34.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"primaryAxisSizingMode":"FIXED","children":["261:26600"]},"267:1211":{"type":"FRAME","id":"267:1211","name":"Artifacts","absoluteBoundingBox":{"x":16361.0,"y":4011.51293945312,"width":800.0,"height":510.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":4011.51293945312,"width":800.0,"height":510.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,277.0]],"size":{"x":800.0,"y":510.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["267:1212","267:1213"]},"268:2595":{"type":"TEXT","id":"268:2595","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":7290.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":7290.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1378":{"type":"TEXT","id":"268:1378","name":"Exploring Modular Component Builds","absoluteBoundingBox":{"x":17545.0,"y":4228.41015625,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":17547.294921875,"y":4235.01220703125,"width":548.869140625,"height":31.30712890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Exploring Modular Component Builds","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1377":{"type":"FRAME","id":"268:1377","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":4228.41015625,"width":640.0,"height":418.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":4228.41015625,"width":640.0,"height":418.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":418.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1378","268:1379","268:1380","268:1381","268:1382"]},"268:2492":{"type":"TEXT","id":"268:2492","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":6880.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6880.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3131":{"type":"TEXT","id":"269:3131","name":"Title","absoluteBoundingBox":{"x":16453.0,"y":11956.5126953125,"width":616.0,"height":46.0},"isolatedAbsoluteRenderBounds":{"x":16453.591796875,"y":11961.3310546875,"width":568.830078125,"height":38.4541015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,422.0]],"size":{"x":616.0,"y":46.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Example from the List Component focus order accessibility requirements for developers.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1820":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1820","name":"Content","absoluteBoundingBox":{"x":17560.0,"y":6374.41015625,"width":610.0,"height":366.0},"isolatedAbsoluteRenderBounds":{"x":17560.0,"y":6374.41015625,"width":610.0,"height":366.0},"relativeTransform":[[1.0,0.0,95.0],[0.0,1.0,200.0]],"size":{"x":610.0,"y":366.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":610.0,"strokes":[],"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92"},"paddingTop":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"},"paddingBottom":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":16.0,"paddingBottom":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1820;188:4275","I268:1820;185:6959","I268:1820;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":false}},"overrides":[{"key":[],"value":{"maxHeight":null,"maxWidth":610.0,"name":"Content","size":{"x":610.0,"y":366.0}},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif component","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"50494e892aec515979716d8791e06bd1ff67b94f","gifRef":"37a933cb14651c5627e8fb5f7f94a1d2d9f03eec","originalImageWidth":600,"originalImageHeight":395,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":false}}},"componentId":"266:524"},{"key":["Subtitle0"],"value":{"overrides":[{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Lorem Ipsum Lorem Ipsum Lorem Ipsum ","style":{"styleIdForText":"StyleId:533a5d4926cc52267fb043faa1e3335d7cb872aa/251:95","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":16.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null},"componentId":"266:521"}]},"componentId":"266:524"}]},"componentId":"266:534"}]},"267:1220":{"type":"RECTANGLE","id":"267:1220","name":"Horizontal","absoluteBoundingBox":{"x":17869.0,"y":3946.41015625,"width":316.0,"height":162.0},"isolatedAbsoluteRenderBounds":{"x":17869.0,"y":3946.41015625,"width":316.0,"height":162.0},"relativeTransform":[[1.0,0.0,324.0],[0.0,1.0,0.0]],"size":{"x":316.0,"y":162.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"c570c1a5984edf40c4d1756971daedfe6d69608a","originalImageWidth":2817,"originalImageHeight":1410,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"accessibility artifact","ariaAttributes":{},"interactions":[]},"239:11204":{"type":"TEXT","id":"239:11204","name":"add","absoluteBoundingBox":{"x":5413.0,"y":8831.0,"width":1003.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5418.50927734375,"y":8836.0,"width":372.74462890625,"height":15.4541015625},"relativeTransform":[[1.0,0.0,37.0],[0.0,1.0,0.0]],"size":{"x":1003.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":" Lead Designer, ID Card Experience + Design System","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1184":{"type":"RECTANGLE","id":"267:1184","name":"Ford-Environment 1","absoluteBoundingBox":{"x":18345.0,"y":3102.83056640625,"width":343.0,"height":178.645843505859},"targetAspectRatio":{"x":2880.0,"y":1500.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":3102.83056640625,"width":343.0,"height":178.645751953125},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,461.0]],"size":{"x":343.0,"y":178.645843505859},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"d6dde2387a432659855f004c08b20bcada9b0822","originalImageWidth":2880,"originalImageHeight":1500,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"environment breakdown","ariaAttributes":{},"interactions":[]},"269:3200":{"type":"SVG","id":"269:3200","name":"Icon","absoluteBoundingBox":{"x":16385.0,"y":12632.5126953125,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":16385.0,"y":12632.5126953125,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"4abb829671a63a4aafa788747350a4e89eb0d4fb"},"267:1198":{"type":"TEXT","id":"267:1198","name":"To determine which color combinations met WCAG AA standards (3.0:1 for normal text, 4.5:1 for small text), I created testable component states that placed candidate colors against real backgrounds. This methodology allowed the team to collaboratively decide which colors were acceptable across brands, platforms, and themes.","absoluteBoundingBox":{"x":17545.0,"y":3525.41015625,"width":640.0,"height":130.0},"isolatedAbsoluteRenderBounds":{"x":17545.79296875,"y":3530.71484375,"width":631.837890625,"height":122.377197265625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":640.0,"y":130.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To determine which color combinations met WCAG AA standards (3.0:1 for normal text, 4.5:1 for small text), I created testable component states that placed candidate colors against real backgrounds. This methodology allowed the team to collaboratively decide which colors were acceptable across brands, platforms, and themes.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1598":{"type":"TEXT","id":"268:1598","name":"Navigation","absoluteBoundingBox":{"x":16361.0,"y":6011.5126953125,"width":800.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":16362.7578125,"y":6015.8720703125,"width":105.361328125,"height":21.390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Navigation","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1196":{"type":"FRAME","id":"267:1196","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":3472.41015625,"width":640.0,"height":183.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":3472.41015625,"width":640.0,"height":183.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":183.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["267:1197","267:1198"]},"261:26426":{"type":"FRAME","id":"261:26426","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":2739.07690429688,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":2739.07690429688,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["261:26427"]},"261:26427":{"type":"TEXT","id":"261:26427","name":"Color Exploration","absoluteBoundingBox":{"x":17545.0,"y":2739.07690429688,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":17546.705078125,"y":2745.67919921875,"width":253.154296875,"height":30.943115234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color Exploration","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1343":{"type":"RECTANGLE","id":"268:1343","name":"Image","absoluteBoundingBox":{"x":17545.0,"y":2026.07690429688,"width":640.0,"height":239.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":2026.07690429688,"width":640.0,"height":239.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,509.0]],"size":{"x":640.0,"y":239.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"8077cddec35ff1a0a76b1a4538d82b7fa6e6c1e5","originalImageWidth":2790,"originalImageHeight":1040,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"colored naming breakdown","ariaAttributes":{},"interactions":[]},"261:26509":{"type":"TEXT","id":"261:26509","name":"We tried to keep static images to a minimum, they were still present. With the table components that I built for the guidelines, interaction with system components (up-to date) was possible in preview mode. GIFs were still being utilized for glanceable behavior, but could be seen in preview mode.","absoluteBoundingBox":{"x":17569.0,"y":11880.4580078125,"width":592.0,"height":130.0},"isolatedAbsoluteRenderBounds":{"x":17569.37109375,"y":11886.8427734375,"width":585.908203125,"height":121.296875},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,60.0]],"size":{"x":592.0,"y":130.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"We tried to keep static images to a minimum, they were still present. With the table components that I built for the guidelines, interaction with system components (up-to date) was possible in preview mode. GIFs were still being utilized for glanceable behavior, but could be seen in preview mode. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1799":{"type":"FRAME","id":"268:1799","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":6659.5126953125,"width":800.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6659.5126953125,"width":800.0,"height":120.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":120.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1800","268:1801","268:1802","268:1803","268:1804"]},"261:26391":{"type":"FRAME","id":"261:26391","name":"Header","absoluteBoundingBox":{"x":16361.0,"y":12162.5126953125,"width":800.0,"height":34.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":12162.5126953125,"width":800.0,"height":34.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":34.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"primaryAxisSizingMode":"FIXED","children":["261:26392"]},"239:10394":{"id":"239:10394","type":"VARIABLE","assetId":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25","name":"on/surface/neutral/med","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:c1fe9f68772fbac531a428ff27030e9e64f59082/4015:58","codeSyntax":{},"valuesByMode":{"1:2":{"type":"VARIABLE_ALIAS","id":"VariableID:c2044dc5ba6999b32fcdbcecc5c169166060dfed/5146:28"}}},"268:1376":{"type":"FRAME","id":"268:1376","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":4228.41015625,"width":640.0,"height":418.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":4228.41015625,"width":640.0,"height":418.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,60.0]],"size":{"x":640.0,"y":418.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1377"]},"239:11196":{"type":"FRAME","id":"239:11196","name":"Brief","absoluteBoundingBox":{"x":5376.0,"y":8669.0,"width":1040.0,"height":973.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8669.0,"width":1040.0,"height":973.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1040.0,"y":973.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","children":["239:11197","239:11214"]},"268:2603":{"type":"TEXT","id":"268:2603","name":"We drew inspiration from existing design systems like, Material Design, HIG, Lightning, Carbon, and Spectrum. We also had a lot of learnings from our previous experience with the InVision DSM and had many pain points. Our goal was to address these pain points (below) and create an efficient and user-friendly system for designing and developing components and guidelines.","absoluteBoundingBox":{"x":18345.0,"y":7439.68603515625,"width":343.0,"height":312.0},"isolatedAbsoluteRenderBounds":{"x":18345.37109375,"y":7445.9814453125,"width":327.986328125,"height":303.5908203125},"relativeTransform":[[1.0,0.0,-9.09494701772928e-13],[0.0,1.0,42.0]],"size":{"x":343.0,"y":312.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"We drew inspiration from existing design systems like, Material Design, HIG, Lightning, Carbon, and Spectrum.  We also had a lot of learnings from our previous experience with the InVision DSM and had many pain points. \n\nOur goal was to address these pain points (below) and create an efficient and user-friendly system for designing and developing components and guidelines.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3070":{"type":"TEXT","id":"269:3070","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16361.0,"y":10929.5126953125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":10929.5126953125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1218":{"type":"FRAME","id":"267:1218","name":"Frame 2239","absoluteBoundingBox":{"x":17545.0,"y":3946.41015625,"width":640.0,"height":162.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":3946.41015625,"width":640.0,"height":162.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,251.0]],"size":{"x":640.0,"y":162.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["267:1219","267:1220"]},"268:2959":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:2959","name":"Content","absoluteBoundingBox":{"x":18345.0,"y":9757.82421875,"width":343.0,"height":205.304916381836},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":9757.82421875,"width":343.0,"height":205.304916381836},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,292.387420654297]],"size":{"x":343.0,"y":205.304916381836},"fills":[],"strokeAlign":"INSIDE","maxWidth":343.0,"strokes":[],"strokeWeight":0.562295079231262,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":4.4983606338501,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:2959;188:4275","I268:2959;185:6959","I268:2959;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":true,"isDefault":true}},"uniformScaleFactor":0.562295079231262,"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":4.4983606338501,"maxHeight":null,"maxWidth":343.0,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":343.0,"y":205.304916381836}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Intra-page navigation","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":8.9967212677002,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.044983606338501,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":13.0452461242676,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"openTypeFlags":null,"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER"},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"5045c1d896525551aaf2b3bbed5483b461febade","originalImageWidth":1237,"originalImageHeight":750,"visible":true,"opacity":1.0,"rotation":0.0}],"individualStrokeWeights":null,"strokeWeight":0.562295079231262},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:1318":{"type":"FRAME","id":"268:1318","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":1577.07690429688,"width":640.0,"height":409.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":1577.07690429688,"width":640.0,"height":409.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":409.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1319","268:1320","268:1321","268:1322","268:1323"]},"266:525":{"mainComponentId":"266:519","type":"INSTANCE","id":"266:525","name":"Title","overrideKey":"188:4268","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":610.0,"height":19.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":610.0,"height":25.5240001678467},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":610.0,"y":19.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"componentPropertyReferences":{"visible":"Show Title#188:16"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["I266:525;136:13640"],"componentSetId":"266:518","componentProperties":{"Spacing":{"value":"Medium","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"boundVariables":null,"counterAxisSizingMode":"FIXED","name":"Title","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":19.0}},"componentId":"266:519"},{"key":["Title0"],"value":{"style":{"styleIdForText":"StyleId:5cc73ae046c9152c899de3934aac6eba812e6c8d/251:12","fontFamily":"Source Serif Pro","fontPostScriptName":null,"fontStyle":"SemiBold","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":28.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":-0.14,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":42.0,"lineHeightPercent":119.712684631348,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"text":null},"componentId":"266:519"}]},"268:1607":{"type":"TEXT","id":"268:1607","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":5601.41015625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":5601.41015625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"266:519":{"type":"COMPONENT","id":"266:519","name":"Spacing=Medium","overrideKey":"136:13645","absoluteBoundingBox":{"x":-12872.0,"y":3748.0,"width":141.0,"height":15.0},"isolatedAbsoluteRenderBounds":{"x":-12872.0,"y":3748.0,"width":141.0,"height":20.1259765625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":141.0,"y":15.0},"fills":[],"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"children":["266:520"],"componentSetId":"266:518"},"268:1319":{"type":"TEXT","id":"268:1319","name":"Variable Color Naming + Usage","absoluteBoundingBox":{"x":17545.0,"y":1577.07690429688,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":17545.587890625,"y":1581.77856445312,"width":345.439453125,"height":23.4801025390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Variable Color Naming + Usage","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3183":{"type":"TEXT","id":"269:3183","name":"Manual Updates, less but not eliminated.","absoluteBoundingBox":{"x":16421.0,"y":12632.5126953125,"width":716.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":16422.720703125,"y":12635.21484375,"width":453.849609375,"height":23.20703125},"relativeTransform":[[1.0,0.0,36.0],[0.0,1.0,0.0]],"size":{"x":716.0,"y":24.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H5","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Manual Updates, less but not eliminated.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.36,"letterSpacingValue":-1.5,"letterSpacingUnit":"PERCENT","lineHeightPx":24.0,"lineHeightPercent":82.6291122436523,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1394":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1394","name":"Content","absoluteBoundingBox":{"x":17560.0,"y":5091.41015625,"width":610.0,"height":365.0},"isolatedAbsoluteRenderBounds":{"x":17560.0,"y":5091.41015625,"width":610.0,"height":365.0},"relativeTransform":[[1.0,0.0,95.0],[0.0,1.0,923.0]],"size":{"x":610.0,"y":365.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":610.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1394;188:4275","I268:1394;185:6959","I268:1394;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":true,"isDefault":true}},"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":8.0,"maxHeight":null,"maxWidth":610.0,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":365.0}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Final checkbox build - checkbox incorporated into list component","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"openTypeFlags":null,"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER"},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif checkbox","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"4fc70b5bfbb0cb37c8623381c481654174dae984","originalImageWidth":915,"originalImageHeight":501,"visible":true,"opacity":1.0,"rotation":0.0}],"individualStrokeWeights":null,"strokeWeight":null},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"261:26423":{"mainComponentId":"239:11195","type":"INSTANCE","id":"261:26423","name":"TL;DR","absoluteBoundingBox":{"x":17465.0,"y":257.0,"width":800.0,"height":1260.07690429688},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":257.0,"width":800.0,"height":1260.07690429688},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":1260.07690429688},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":80.0,"paddingRight":80.0,"paddingBottom":64.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I261:26423;239:11196","I261:26423;239:11215","I261:26423;239:11385"],"componentSetId":"239:11139","componentProperties":{"Property 1":{"value":"stacked","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"paddingBottom":64.0,"paddingLeft":80.0,"paddingRight":80.0,"paddingTop":80.0,"size":{"x":800.0,"y":1260.07690429688}},"componentId":"239:11195"},{"key":["Brief0"],"value":{"itemSpacing":16.0},"componentId":"239:11195"},{"key":["Brief0","content0"],"value":{"itemSpacing":32.0},"componentId":"239:11195"},{"key":["Brief0","content0","title section0","title0"],"value":{"characterStyleOverrides":[],"characters":"Establishing a Multi-Platform Design System Architecture","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":56.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":61.6000022888184,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","content0","title section0","Designing a native mobile experience for SaaS-delivered benefits — and adapting when legacy infrastructure forced a pivot to responsive web.0"],"value":{"characterStyleOverrides":[],"characters":"Unifying Mobile App + In-Vehicle Through Semantic Token Structure","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Light","fontStyle":"Light","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.6,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":34.8000030517578,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0"],"value":{"itemSpacing":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","role-content0","role0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","role-content0","add0"],"value":{"characterStyleOverrides":[],"characters":"  Contributing Designer","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","timeline content0","Timeline:0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","timeline content0","add0"],"value":{"characterStyleOverrides":[],"characters":"   April 2022 - June 2023","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","team content0"],"value":{"visible":false},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","team content0","Team:0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","team content0","add0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","tech stack0","Tools:0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","tech stack0","add0"],"value":{"characterStyleOverrides":[],"characters":"  Figma, Sketch, Abstract, InVision+ DSM","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","image0"],"value":{"accessibleLabel":"interior car screen","counterAxisSizingMode":"FIXED","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"4fc5d40fe273c245339f52ff8eac78ff6f5ed413","originalImageWidth":920,"originalImageHeight":480,"visible":true,"opacity":1.0,"rotation":0.0}],"layoutAlign":"STRETCH","primaryAxisSizingMode":"FIXED"},"componentId":"239:11195"},{"key":["outcome0","role-content0","add0"],"value":{"characterStyleOverrides":[],"characters":"Ground-up design system (Mobile App and In-Vehicle) rebuild leading to platform unification while consolidating to a single tool (Figma), with an emphasis on design tokens to ease development constraints across platforms. The team would go on to present our rebuild at the June 2023 Config Conference having gotten early access to the “variable” feature in Figma. They advanced this work to production, shipping in FordPass mobile and Lincoln in-vehicle displays in 2025.","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.55,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":31.9000015258789,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"}]},"86:10342":{"id":"86:10342","type":"VARIABLE","assetId":"VariableID:f1bb4d2b1ec1f89f102b1efcb8399483ac1f0108/2316:121","name":"font/family/label","resolvedType":"STRING","variableCollectionId":"VariableCollectionId:18e371557d8832e39bc5571ae9e6285f23585dd0/2316:134","codeSyntax":{},"valuesByMode":{"32:0":"RobotoFlex"}},"268:1798":{"type":"FRAME","id":"268:1798","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":6659.5126953125,"width":800.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6659.5126953125,"width":800.0,"height":120.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,48.0]],"size":{"x":800.0,"y":120.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1799"]},"269:3097":{"type":"RECTANGLE","id":"269:3097","name":"Focus","absoluteBoundingBox":{"x":18346.11328125,"y":10362.12890625,"width":340.772705078125,"height":219.969696044922},"targetAspectRatio":{"x":2268.0,"y":1464.0},"isolatedAbsoluteRenderBounds":{"x":18346.11328125,"y":10362.12890625,"width":340.7734375,"height":219.9697265625},"relativeTransform":[[1.0,0.0,-2.50581383705139],[0.0,1.0,-0.000102411904663313]],"size":{"x":340.772705078125,"y":219.969696044922},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"0bc29465429b36c7b99433f65ca60931f723d01f","originalImageWidth":2284,"originalImageHeight":1658,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.556818187236786,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadiiIndependent":true},"268:2773":{"type":"TEXT","id":"268:2773","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":8740.63671875,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8740.63671875,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1857":{"type":"FRAME","id":"268:1857","name":"Text block 7","absoluteBoundingBox":{"x":17465.0,"y":6780.41015625,"width":800.0,"height":430.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":6780.41015625,"width":800.0,"height":430.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,6523.41015625]],"size":{"x":800.0,"y":430.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":60.0,"paddingRight":80.0,"paddingBottom":60.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2489"]},"261:26424":{"type":"FRAME","id":"261:26424","name":"Text block 1","absoluteBoundingBox":{"x":17465.0,"y":2699.07690429688,"width":800.0,"height":713.333374023438},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":2699.07690429688,"width":800.0,"height":713.333374023438},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2442.07690429688]],"size":{"x":800.0,"y":713.333374023438},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":80.0,"paddingBottom":40.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["261:26425","267:1141","267:1183"]},"266:518":{"type":"COMPONENT_SET","id":"266:518","name":"Feature/Content/SubComponents/Cards/Text titles","absoluteBoundingBox":{"x":-12872.0,"y":3748.0,"width":192.0,"height":142.0},"isolatedAbsoluteRenderBounds":{"x":-12872.0,"y":3748.0,"width":192.0,"height":142.0},"relativeTransform":[[1.0,0.0,-12872.0],[0.0,1.0,3748.0]],"size":{"x":192.0,"y":142.0},"fills":[],"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.592156887054443,"g":0.278431385755539,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["266:519","266:521"],"componentPropertyDefinitions":{"Spacing":{"type":"VARIANT","defaultValue":"Medium","variantOptions":["Medium","Small"]}}},"261:26396":{"type":"SVG","id":"261:26396","name":"Icon","absoluteBoundingBox":{"x":16385.0,"y":12268.5126953125,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":16385.0,"y":12268.5126953125,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"5221696c4ab193c4fd209700a46a1a1816b12633"},"267:1221":{"type":"FRAME","id":"267:1221","name":"Artifacts","absoluteBoundingBox":{"x":18345.0,"y":3717.4765625,"width":343.0,"height":488.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":3717.4765625,"width":343.0,"height":488.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,396.0]],"size":{"x":343.0,"y":488.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["267:1222","267:1223"]},"268:2616":{"type":"TEXT","id":"268:2616","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":8033.41015625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":8033.41015625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26395":{"type":"FRAME","id":"261:26395","name":"Header","absoluteBoundingBox":{"x":16385.0,"y":12268.5126953125,"width":752.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":16385.0,"y":12268.5126953125,"width":752.0,"height":25.9091796875},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":752.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["261:26396","261:26398"]},"261:26422":{"type":"FRAME","id":"261:26422","name":"Container","absoluteBoundingBox":{"x":17465.0,"y":257.0,"width":800.0,"height":10999.4580078125},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":257.0,"width":800.0,"height":10999.4580078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,92.0]],"size":{"x":800.0,"y":10999.4580078125},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["261:26423","268:1250","261:26424","261:26449","261:26458","268:1506","268:1731","268:1857","268:2526","268:2661","268:2838","268:3002"]},"269:3074":{"type":"FRAME","id":"269:3074","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":10098.41015625,"width":640.0,"height":175.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":10098.41015625,"width":640.0,"height":175.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":175.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["269:3075","269:3076","269:3077","269:3078","269:3079"]},"266:514":{"key":"5cc73ae046c9152c899de3934aac6eba812e6c8d","name":"Portfolio/Title/Small","styleType":"TEXT","remote":true,"description":"","id":"266:514","assetId":"StyleId:5cc73ae046c9152c899de3934aac6eba812e6c8d/251:12","type":"STYLE","style":{"fontFamily":"Source Serif Pro","fontPostScriptName":null,"fontStyle":"SemiBold","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":28.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":-0.14,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":42.0,"lineHeightPercent":128.0,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"261:26529":{"type":"FRAME","id":"261:26529","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":2681.83056640625,"width":343.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":2681.83056640625,"width":343.0,"height":29.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["261:26530"]},"261:26613":{"type":"TEXT","id":"261:26613","name":"We tried to keep static images to a minimum, they were still present. With the table components that I built for the guidelines, interaction with system components (up-to date) was possible in preview mode. GIFs were still being utilized for glanceable behavior, but could be seen in preview mode.","absoluteBoundingBox":{"x":18361.0,"y":11935.435546875,"width":311.0,"height":184.0},"isolatedAbsoluteRenderBounds":{"x":18361.330078125,"y":11940.3330078125,"width":309.197265625,"height":176.375},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,72.0]],"size":{"x":311.0,"y":184.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"We tried to keep static images to a minimum, they were still present. With the table components that I built for the guidelines, interaction with system components (up-to date) was possible in preview mode. GIFs were still being utilized for glanceable behavior, but could be seen in preview mode. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26622":{"type":"TEXT","id":"261:26622","name":"next case: soundtrip","absoluteBoundingBox":{"x":18509.0,"y":12781.435546875,"width":171.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":18510.208984375,"y":12785.7119140625,"width":168.998046875,"height":17.4052734375},"relativeTransform":[[1.0,0.0,180.0],[0.0,1.0,32.0]],"size":{"x":171.0,"y":22.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"next case: soundtrip","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"RIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","hyperlink":{"type":"NODE","nodeID":"/soundtrip"},"textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"RIGHT","textAlignVertical":"CENTER","letterSpacing":-0.36,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":21.6000003814697,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1327":{"type":"TEXT","id":"268:1327","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":1548.02404785156,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":1548.02404785156,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26521":{"type":"TEXT","id":"261:26521","name":"maggie manville","absoluteBoundingBox":{"x":18353.0,"y":189.0,"width":327.0,"height":35.0},"isolatedAbsoluteRenderBounds":{"x":18403.587890625,"y":194.636367797852,"width":226.70703125,"height":30.2727203369141},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":327.0,"y":35.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0392156876623631,"g":0.0431372560560703,"b":0.0509803928434849,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"maggie manville","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Light","fontStyle":"Light","hyperlink":{"type":"NODE","nodeID":"/"},"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":35.2000007629395,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1385":{"type":"TEXT","id":"268:1385","name":"Exploring Modular Component Builds","absoluteBoundingBox":{"x":18345.0,"y":4285.4765625,"width":343.0,"height":76.0},"isolatedAbsoluteRenderBounds":{"x":18346.705078125,"y":4292.07861328125,"width":271.822265625,"height":68.943359375},"relativeTransform":[[1.0,0.0,-9.09494701772928e-13],[0.0,1.0,0.0]],"size":{"x":343.0,"y":76.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Exploring Modular Component Builds","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2586":{"type":"TEXT","id":"268:2586","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":7771.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7771.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1326":{"type":"TEXT","id":"268:1326","name":"Variable Color Naming + Usage","absoluteBoundingBox":{"x":18345.0,"y":1508.02404785156,"width":343.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":18345.587890625,"y":1512.72570800781,"width":267.4296875,"height":52.4801025390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":58.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Variable Color Naming + Usage","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2676":{"type":"FRAME","id":"268:2676","name":"Text block 9","absoluteBoundingBox":{"x":18329.0,"y":8655.63671875,"width":375.0,"height":809.799987792969},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":8655.63671875,"width":375.0,"height":809.799987792969},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8368.63671875]],"size":{"x":375.0,"y":809.799987792969},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2769","268:2778","268:2793"]},"268:2646":{"type":"FRAME","id":"268:2646","name":"Text block 9","absoluteBoundingBox":{"x":16121.0,"y":9023.5126953125,"width":1280.0,"height":842.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":9023.5126953125,"width":1280.0,"height":842.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8766.5126953125]],"size":{"x":1280.0,"y":842.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2755","268:2776","268:2779"]},"261:26449":{"type":"FRAME","id":"261:26449","name":"section","absoluteBoundingBox":{"x":17465.0,"y":3412.41015625,"width":800.0,"height":756.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":3412.41015625,"width":800.0,"height":756.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3155.41015625]],"size":{"x":800.0,"y":756.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":60.0,"paddingRight":80.0,"paddingBottom":60.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["267:1195","267:1216"]},"261:26416":{"type":"FRAME","id":"261:26416","name":"Header 2","absoluteBoundingBox":{"x":17465.0,"y":165.0,"width":800.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":165.0,"width":800.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":92.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"HEADER","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":24.0,"paddingRight":64.0,"paddingBottom":24.0,"paddingLeft":64.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["261:26417","261:26418"]},"268:1330":{"type":"TEXT","id":"268:1330","name":"Our 2.0 system used color-based token names (e.g., 'Blue-500'), which created confusion during handoff—engineers couldn't tell if a token should change per theme or stay constant. I advocated for semantic naming based on function, not appearance, so token names told engineers exactly what the color did and when it changed. Wanting to continue to stay scalable, we broke down the names in the following way: Application (Text, icon, stroke, fill, etc) Behavior (Does it change between themes) Color Category (Neutral, Primary Color, Status, etc) Placement (Is it on top of a surface color?) Emphasis Level (Applied t-shirt scaling method)","absoluteBoundingBox":{"x":18345.0,"y":1582.02404785156,"width":343.0,"height":624.0},"isolatedAbsoluteRenderBounds":{"x":18345.37109375,"y":1588.75415039062,"width":337.609375,"height":615.15625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,74.0]],"size":{"x":343.0,"y":624.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Our 2.0 system used color-based token names (e.g., 'Blue-500'), which created confusion during handoff—engineers couldn't tell if a token should change per theme or stay constant. I advocated for semantic naming based on function, not appearance, so token names told engineers exactly what the color did and when it changed.\n\nWanting to continue to stay scalable, we broke down the names in the following way:\n\nApplication (Text, icon, stroke, fill, etc) \nBehavior (Does it change between themes)\nColor Category (Neutral, Primary Color, Status, etc)\nPlacement (Is it on top of a surface color?)\nEmphasis Level (Applied t-shirt scaling method)","lineIndentations":[0,0,0,0,1,1,1,1,1],"lineTypes":["NONE","NONE","NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2769":{"type":"FRAME","id":"268:2769","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":8695.63671875,"width":343.0,"height":250.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8695.63671875,"width":343.0,"height":250.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":250.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2770"]},"261:26420":{"type":"TEXT","id":"261:26420","name":"linkedIn","absoluteBoundingBox":{"x":18053.0,"y":199.5,"width":59.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":18054.40625,"y":204.397720336914,"width":56.193359375,"height":12.2784118652344},"relativeTransform":[[1.0,0.0,75.0],[0.0,1.0,0.0]],"size":{"x":59.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"linkedIn","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://www.linkedin.com/in/maggiemanville/","openInNewTab":false},"textCase":"LOWER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1347":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1347","name":"Content","absoluteBoundingBox":{"x":18345.0,"y":2414.02392578125,"width":343.0,"height":187.806549072266},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":2414.02392578125,"width":343.0,"height":187.806640625},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,946.0]],"size":{"x":343.0,"y":187.806549072266},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.562295079231262,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":4.4983606338501,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1347;188:4275","I268:1347;185:6959","I268:1347;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":false}},"uniformScaleFactor":0.562295079231262,"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":4.4983606338501,"maxHeight":null,"maxWidth":null,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":343.0,"y":187.806549072266}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"See GIF in ‘Preview’ mode","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":8.9967212677002,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.044983606338501,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":13.0452461242676,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"openTypeFlags":null,"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER","visible":false},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif of theme swap","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"76e56a796c654fd01246d9075a43859e7997cc94","gifRef":"e64372a597747af0a624380ffb8d1ce5964d8be8","originalImageWidth":600,"originalImageHeight":320,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"267:1194":{"type":"TEXT","id":"267:1194","name":"To determine which color combinations met WCAG AA standards (3.0:1 for normal text, 4.5:1 for small text), I created testable component states that placed candidate colors against real backgrounds. This methodology allowed the team to collaboratively decide which colors were acceptable across brands, platforms, and themes.","absoluteBoundingBox":{"x":16361.0,"y":3867.51293945312,"width":800.0,"height":104.0},"isolatedAbsoluteRenderBounds":{"x":16361.4091796875,"y":3872.81762695312,"width":796.4384765625,"height":96.377197265625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":800.0,"y":104.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To determine which color combinations met WCAG AA standards (3.0:1 for normal text, 4.5:1 for small text), I created testable component states that placed candidate colors against real backgrounds. This methodology allowed the team to collaboratively decide which colors were acceptable across brands, platforms, and themes.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26412":{"type":"FRAME","id":"261:26412","name":"Footer 1","absoluteBoundingBox":{"x":16121.0,"y":13166.5126953125,"width":1280.0,"height":162.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":13166.5126953125,"width":1280.0,"height":162.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,13001.5126953125]],"size":{"x":1280.0,"y":162.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.150000005960464,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":1.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"FOOTER","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":64.0,"paddingRight":64.0,"paddingBottom":64.0,"paddingLeft":64.0,"clipsContent":true,"layoutMode":"HORIZONTAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["261:26413","261:26414"]},"261:26413":{"type":"TEXT","id":"261:26413","name":"home","absoluteBoundingBox":{"x":16185.0,"y":13223.5126953125,"width":576.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":16186.849609375,"y":13237.1494140625,"width":71.2080078125,"height":20.6611328125},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,57.0]],"size":{"x":576.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"home","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","fontVariantPosition":"NORMAL","fontSize":28.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.56,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.6000022888184,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1142":{"type":"TEXT","id":"267:1142","name":"We needed to create an accessible color library that was 1:1 across brands, platforms, and themes. So we established an environmental concept rooted in a light source positioned above the phone screen. This concept also integrated certain colors from the in-vehicle design that had been established in their initial version that utilized color opacities in order to emphasize their importance.","absoluteBoundingBox":{"x":18345.0,"y":2750.83056640625,"width":343.0,"height":312.0},"isolatedAbsoluteRenderBounds":{"x":18345.3828125,"y":2757.33056640625,"width":341.19921875,"height":303.181884765625},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,109.0]],"size":{"x":343.0,"y":312.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"We needed to create an accessible color library that was 1:1 across brands, platforms, and themes.\n\nSo we established an environmental concept rooted in a light source positioned above the phone screen. This concept also integrated certain colors from the in-vehicle design that had been established in their initial version that utilized color opacities in order to emphasize their importance.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2499":{"type":"TEXT","id":"268:2499","name":"Design System Guidelines","absoluteBoundingBox":{"x":18345.0,"y":6749.68603515625,"width":343.0,"height":76.0},"isolatedAbsoluteRenderBounds":{"x":18346.705078125,"y":6756.2880859375,"width":220.4921875,"height":62.73876953125},"relativeTransform":[[1.0,0.0,-9.09494701772928e-13],[0.0,1.0,0.0]],"size":{"x":343.0,"y":76.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design System Guidelines","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26390":{"type":"FRAME","id":"261:26390","name":"Text list 1","absoluteBoundingBox":{"x":16121.0,"y":12082.5126953125,"width":1280.0,"height":1084.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":12082.5126953125,"width":1280.0,"height":1084.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,11917.5126953125]],"size":{"x":1280.0,"y":1084.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"clipsContent":true,"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisSizingMode":"FIXED","children":["261:26391","261:26393"]},"266:536":{"mainComponentId":"266:529","type":"INSTANCE","id":"266:536","name":"Feature/Content/SubComponents/Single Image","overrideKey":"185:6959","absoluteBoundingBox":{"x":0.0,"y":263.0,"width":610.0,"height":334.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":263.0,"width":610.0,"height":334.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,263.0]],"size":{"x":610.0,"y":334.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":610.0,"minHeight":262.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["I266:536;198:14317"],"componentSetId":"266:528","componentProperties":{"Show Horizontal":{"value":"True","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"maxHeight":null,"maxWidth":610.0,"minHeight":262.0,"minWidth":null,"primaryAxisSizingMode":null,"size":{"x":610.0,"y":334.0}},"componentId":"266:529"},{"key":["Horizontal0"],"value":{"layoutGrow":null},"componentId":"266:529"}]},"86:11892":{"id":"86:11892","type":"VARIABLE","assetId":"VariableID:10718f07905678b4cedebc94d5deec7344fd52c4/2550:7","name":"stroke/neutral/2xlow","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:99dce73ae3ea8db27cfba8d4f573134511c99013/2271:98","codeSyntax":{},"valuesByMode":{"1:2":{"type":"VARIABLE_ALIAS","id":"VariableID:e108472e83b49acf9f40386229d76610958a98f4/2849:94"}}},"261:26414":{"type":"TEXT","id":"261:26414","name":"next case: soundtrip","absoluteBoundingBox":{"x":16761.0,"y":13223.5126953125,"width":576.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":17072.880859375,"y":13236.1650390625,"width":262.88671875,"height":27.0751953125},"relativeTransform":[[1.0,0.0,640.0],[0.0,1.0,57.0]],"size":{"x":576.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"next case: soundtrip","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAlignHorizontal":"RIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","hyperlink":{"type":"NODE","nodeID":"/soundtrip"},"fontVariantPosition":"NORMAL","fontSize":28.0,"textAlignHorizontal":"RIGHT","textAlignVertical":"CENTER","letterSpacing":-0.56,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.6000022888184,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3095":{"type":"FRAME","id":"269:3095","name":"Frame 2240","absoluteBoundingBox":{"x":18345.0,"y":10362.12890625,"width":343.0,"height":219.969696044922},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":10362.12890625,"width":343.0,"height":219.9697265625},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,359.0]],"size":{"x":343.0,"y":219.969696044922},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.556818187236786,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":4.45454549789429,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3096"]},"261:26411":{"type":"TEXT","id":"261:26411","name":"Design systems are a living and evolving SYSTEM. They need people and support to work on them, maintain them, and continue to iterate on them to push them forward. At the time of this implementation as a design system team, we were operating as team of three, which included myself, the Lead App Designer, and the Lead In-Vehicle Designer, which is laughable for as large of an organization that we were working for. So despite the circumstances, we did incredible work and I am so proud that I was able to be part of that team.","absoluteBoundingBox":{"x":16385.0,"y":12880.5126953125,"width":752.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":16385.447265625,"y":12886.8974609375,"width":745.642578125,"height":173.296875},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,64.0]],"size":{"x":752.0,"y":182.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems are a living and evolving SYSTEM. They need people and support to work on them, maintain them, and continue to iterate on them to push them forward. \nAt the time of this implementation as a design system team, we were operating as team of three, which included myself, the Lead App Designer, and the Lead In-Vehicle Designer, which is laughable for as large of an organization that we were working for. So despite the circumstances, we did incredible work and I am so proud that I was able to be part of that team.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1141":{"type":"TEXT","id":"267:1141","name":"We needed to create an accessible color library that was 1:1 across brands, platforms, and themes. So we established an environmental concept rooted in a light source positioned above the phone screen. This concept also integrated certain colors from the in-vehicle design that had been established in their initial version that utilized color opacities in order to emphasize their importance.","absoluteBoundingBox":{"x":17545.0,"y":2817.07690429688,"width":640.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":17545.37109375,"y":2823.4619140625,"width":637.322265625,"height":173.296875},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,118.0]],"size":{"x":640.0,"y":182.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"We needed to create an accessible color library that was 1:1 across brands, platforms, and themes.\n\nSo we established an environmental concept rooted in a light source positioned above the phone screen. This concept also integrated certain colors from the in-vehicle design that had been established in their initial version that utilized color opacities in order to emphasize their importance.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26410":{"type":"TEXT","id":"261:26410","name":"Support","absoluteBoundingBox":{"x":16421.0,"y":12840.5126953125,"width":92.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":16422.091796875,"y":12843.8193359375,"width":90.1171875,"height":22.6025390625},"relativeTransform":[[1.0,0.0,36.0],[0.0,1.0,0.0]],"size":{"x":92.0,"y":24.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"H5","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Support","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.36,"letterSpacingValue":-1.5,"letterSpacingUnit":"PERCENT","lineHeightPx":24.0,"lineHeightPercent":82.6291122436523,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2958":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:2958","name":"Content","absoluteBoundingBox":{"x":17560.0,"y":9653.41015625,"width":610.0,"height":365.0},"isolatedAbsoluteRenderBounds":{"x":17560.0,"y":9653.41015625,"width":610.0,"height":365.0},"relativeTransform":[[1.0,0.0,95.0],[0.0,1.0,454.0]],"size":{"x":610.0,"y":365.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":610.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:2958;188:4275","I268:2958;185:6959","I268:2958;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":true,"isDefault":true}},"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":8.0,"maxHeight":null,"maxWidth":610.0,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":365.0}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Intra-page navigation","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"openTypeFlags":null,"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER"},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"5045c1d896525551aaf2b3bbed5483b461febade","originalImageWidth":1237,"originalImageHeight":750,"visible":true,"opacity":1.0,"rotation":0.0}],"individualStrokeWeights":null,"strokeWeight":null},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"269:3092":{"type":"FRAME","id":"269:3092","name":"Focus","absoluteBoundingBox":{"x":17563.5,"y":10313.41015625,"width":603.0,"height":395.047637939453},"isolatedAbsoluteRenderBounds":{"x":17559.0,"y":10313.41015625,"width":612.0,"height":395.0478515625},"relativeTransform":[[1.0,0.0,6.5],[0.0,1.0,0.0]],"size":{"x":603.0,"y":395.047637939453},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0941176488995552,"g":0.105882354080677,"b":0.149019613862038,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3093"]},"261:26400":{"type":"FRAME","id":"261:26400","name":"Row 1","absoluteBoundingBox":{"x":16361.0,"y":12608.5126953125,"width":800.0,"height":192.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":12608.5126953125,"width":800.0,"height":192.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,364.0]],"size":{"x":800.0,"y":192.0},"fills":[{"opacity":0.0500000007450581,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","minWidth":324.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["269:3180","261:26405"]},"261:26405":{"type":"TEXT","id":"261:26405","name":"We tried to keep static images to a minimum, they were still present. With the table components that I built for the guidelines, interaction with system components (up-to date) was possible in preview mode. GIFs were still being utilized for glanceable behavior, but could be seen in preview mode.","absoluteBoundingBox":{"x":16385.0,"y":12672.5126953125,"width":752.0,"height":104.0},"isolatedAbsoluteRenderBounds":{"x":16385.37109375,"y":12678.8974609375,"width":727.005859375,"height":95.296875},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,64.0]],"size":{"x":752.0,"y":104.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"We tried to keep static images to a minimum, they were still present. With the table components that I built for the guidelines, interaction with system components (up-to date) was possible in preview mode. GIFs were still being utilized for glanceable behavior, but could be seen in preview mode. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2792":{"type":"TEXT","id":"268:2792","name":"Top navigation would always lead to all FDS Platform components landing page. Navigating using the ‘Components Overview’ from this page brings the user to the selected component overview.","absoluteBoundingBox":{"x":17545.0,"y":9081.41015625,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":17545.505859375,"y":9087.7060546875,"width":623.955078125,"height":69.3857421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,38.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Top navigation would always lead to all FDS Platform components landing page. Navigating using the ‘Components Overview’ from this page brings the user to the selected component overview.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3180":{"type":"FRAME","id":"269:3180","name":"Header","absoluteBoundingBox":{"x":16385.0,"y":12632.5126953125,"width":752.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":16385.0,"y":12632.5126953125,"width":752.0,"height":25.9091796875},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":752.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["269:3200","269:3183"]},"261:26394":{"type":"FRAME","id":"261:26394","name":"Row 3","absoluteBoundingBox":{"x":16361.0,"y":12244.5126953125,"width":800.0,"height":348.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":12244.5126953125,"width":800.0,"height":348.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":348.0},"fills":[{"opacity":0.0500000007450581,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","minWidth":324.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["261:26395","261:26399"]},"261:26398":{"type":"TEXT","id":"261:26398","name":"Career Trajectory","absoluteBoundingBox":{"x":16421.0,"y":12268.5126953125,"width":716.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":16422.279296875,"y":12271.21484375,"width":196.12890625,"height":23.20703125},"relativeTransform":[[1.0,0.0,36.0],[0.0,1.0,0.0]],"size":{"x":716.0,"y":24.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H5","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Career Trajectory","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.36,"letterSpacingValue":-1.5,"letterSpacingUnit":"PERCENT","lineHeightPx":24.0,"lineHeightPercent":82.6291122436523,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26318":{"type":"FRAME","id":"261:26318","name":"Container","absoluteBoundingBox":{"x":16121.0,"y":257.0,"width":1280.0,"height":11825.5126953125},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":257.0,"width":1280.0,"height":11825.5126953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,92.0]],"size":{"x":1280.0,"y":11825.5126953125},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["261:26319","268:1240","261:26320","261:26345","261:26354","268:1496","268:1722","268:1848","268:2517","268:2646","268:2822","268:2994"]},"142:571086":{"type":"COMPONENT_SET","id":"142:571086","name":"Divider","absoluteBoundingBox":{"x":-23.0,"y":-63.0,"width":352.0,"height":467.0},"isolatedAbsoluteRenderBounds":{"x":-23.0,"y":-63.0,"width":352.0,"height":467.0},"relativeTransform":[[1.0,0.0,-23.0],[0.0,1.0,-63.0]],"size":{"x":352.0,"y":467.0},"fills":[],"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.592156887054443,"g":0.278431385755539,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["142:571088"],"componentPropertyDefinitions":{"Type":{"type":"VARIANT","defaultValue":"horizontal","variantOptions":["horizontal","vertical"]}}},"268:2994":{"type":"FRAME","id":"268:2994","name":"Text block 11","absoluteBoundingBox":{"x":16121.0,"y":10804.5126953125,"width":1280.0,"height":1278.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":10804.5126953125,"width":1280.0,"height":1278.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,10547.5126953125]],"size":{"x":1280.0,"y":1278.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3066","269:3087","269:3128"]},"268:1809":{"type":"TEXT","id":"268:1809","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":6259.41015625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6259.41015625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3128":{"type":"FRAME","id":"269:3128","name":"Frame 2241","absoluteBoundingBox":{"x":16453.0,"y":11534.5126953125,"width":616.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":16453.0,"y":11534.5126953125,"width":616.0,"height":468.0},"relativeTransform":[[1.0,0.0,332.0],[0.0,1.0,730.0]],"size":{"x":616.0,"y":468.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3129","269:3131"]},"268:2758":{"type":"TEXT","id":"268:2758","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":9143.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9143.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3130":{"type":"RECTANGLE","id":"269:3130","name":"Focus","absoluteBoundingBox":{"x":16477.0,"y":11558.5126953125,"width":568.0,"height":366.0},"targetAspectRatio":{"x":2268.0,"y":1464.0},"isolatedAbsoluteRenderBounds":{"x":16477.0,"y":11558.5126953125,"width":568.0,"height":366.0},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":568.0,"y":366.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"b864058fa10e1711bb7af1925e092cadb971002a","originalImageWidth":2268,"originalImageHeight":1464,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"269:3087":{"type":"FRAME","id":"269:3087","name":"Frame 2240","absoluteBoundingBox":{"x":16453.0,"y":11099.5126953125,"width":616.0,"height":395.0},"isolatedAbsoluteRenderBounds":{"x":16453.0,"y":11099.5126953125,"width":616.0,"height":395.0},"relativeTransform":[[1.0,0.0,332.0],[0.0,1.0,295.0]],"size":{"x":616.0,"y":395.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3088"]},"269:3088":{"type":"FRAME","id":"269:3088","name":"Focus","absoluteBoundingBox":{"x":16459.5,"y":11099.5126953125,"width":603.0,"height":395.0},"isolatedAbsoluteRenderBounds":{"x":16455.0,"y":11099.5126953125,"width":612.0,"height":395.0},"relativeTransform":[[1.0,0.0,6.5],[0.0,1.0,0.0]],"size":{"x":603.0,"y":395.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0941176488995552,"g":0.105882354080677,"b":0.149019613862038,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3089"]},"261:26393":{"type":"FRAME","id":"261:26393","name":"List","absoluteBoundingBox":{"x":16361.0,"y":12244.5126953125,"width":800.0,"height":842.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":12244.5126953125,"width":800.0,"height":842.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,162.0]],"size":{"x":800.0,"y":842.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"UL","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["261:26394","261:26400","261:26406"]},"268:1614":{"type":"TEXT","id":"268:1614","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":5669.08642578125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":5669.08642578125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3069":{"type":"TEXT","id":"269:3069","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":10924.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":10924.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2613":{"type":"FRAME","id":"268:2613","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":7988.41015625,"width":640.0,"height":383.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":7988.41015625,"width":640.0,"height":383.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,778.0]],"size":{"x":640.0,"y":383.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2614"]},"269:3129":{"type":"FRAME","id":"269:3129","name":"Focus","absoluteBoundingBox":{"x":16453.0,"y":11534.5126953125,"width":616.0,"height":414.0},"isolatedAbsoluteRenderBounds":{"x":16453.0,"y":11534.5126953125,"width":616.0,"height":414.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":616.0,"y":414.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0941176488995552,"g":0.105882354080677,"b":0.149019613862038,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["269:3130"]},"267:1214":{"type":"RECTANGLE","id":"267:1214","name":"Horizontal","absoluteBoundingBox":{"x":16361.0,"y":4319.5126953125,"width":396.0,"height":202.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":4319.5126953125,"width":396.0,"height":202.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":396.0,"y":202.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"1797a9652cf27e979d7f88bc5344a28effa24327","originalImageWidth":2817,"originalImageHeight":1410,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"accessibility artifact","ariaAttributes":{},"interactions":[]},"269:3068":{"type":"TEXT","id":"269:3068","name":"Accessibility Guidelines","absoluteBoundingBox":{"x":16361.0,"y":10884.5126953125,"width":800.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":16361.5966796875,"y":10889.359375,"width":259.3134765625,"height":23.0625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Accessibility Guidelines","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"266:512":{"id":"266:512","type":"VARIABLE","assetId":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92","name":"Spacing/Auto-Layout/Large","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:9860bf350c4e467f6fd7d83449f1d8b4b235e6fe/229:107","codeSyntax":{},"valuesByMode":{"6:0":40.0}},"267:1191":{"type":"FRAME","id":"267:1191","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":3814.51293945312,"width":800.0,"height":157.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":3814.51293945312,"width":800.0,"height":157.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":157.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["267:1192"]},"261:26458":{"type":"FRAME","id":"261:26458","name":"Text block 4","absoluteBoundingBox":{"x":17465.0,"y":4168.41015625,"width":800.0,"height":1348.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":4168.41015625,"width":800.0,"height":1348.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3911.41015625]],"size":{"x":800.0,"y":1348.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":60.0,"paddingRight":80.0,"paddingBottom":60.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1376","268:1391","268:1394"]},"268:1605":{"type":"TEXT","id":"268:1605","name":"Navigation","absoluteBoundingBox":{"x":17545.0,"y":5556.41015625,"width":640.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":17546.7578125,"y":5560.76953125,"width":105.361328125,"height":21.390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Navigation","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3083":{"type":"TEXT","id":"269:3083","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":10083.12890625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":10083.12890625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1140":{"type":"TEXT","id":"267:1140","name":"We needed to create an accessible color library that was 1:1 across brands, platforms, and themes. So we established an environmental concept rooted in a light source positioned above the phone screen. This concept also integrated certain colors from the in-vehicle design that had been established in their initial version that utilized color opacities in order to emphasize their importance.","absoluteBoundingBox":{"x":16361.0,"y":3015.84619140625,"width":800.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":16361.37109375,"y":3022.1416015625,"width":793.7421875,"height":173.386474609375},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,158.0]],"size":{"x":800.0,"y":182.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"We needed to create an accessible color library that was 1:1 across brands, platforms, and themes.\n\nSo we established an environmental concept rooted in a light source positioned above the phone screen. This concept also integrated certain colors from the in-vehicle design that had been established in their initial version that utilized color opacities in order to emphasize their importance.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1393":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1393","name":"Content","absoluteBoundingBox":{"x":16456.0,"y":5518.5126953125,"width":610.0,"height":365.0},"isolatedAbsoluteRenderBounds":{"x":16456.0,"y":5518.5126953125,"width":610.0,"height":365.0},"relativeTransform":[[1.0,0.0,335.0],[0.0,1.0,917.0]],"size":{"x":610.0,"y":365.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":610.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1393;188:4275","I268:1393;185:6959","I268:1393;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":true,"isDefault":true}},"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":8.0,"maxHeight":null,"maxWidth":610.0,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":365.0}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Final checkbox build - checkbox incorporated into list component","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"openTypeFlags":null,"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER"},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif checkbox","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"4fc70b5bfbb0cb37c8623381c481654174dae984","originalImageWidth":915,"originalImageHeight":501,"visible":true,"opacity":1.0,"rotation":0.0}],"individualStrokeWeights":null,"strokeWeight":null},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:2939":{"type":"FRAME","id":"268:2939","name":"Buttons","absoluteBoundingBox":{"x":16459.0,"y":9945.5126953125,"width":604.0,"height":374.0},"isolatedAbsoluteRenderBounds":{"x":16459.0,"y":9945.5126953125,"width":604.0,"height":374.0},"relativeTransform":[[1.0,0.0,338.0],[0.0,1.0,80.0]],"size":{"x":604.0,"y":374.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["268:2940","268:2941","268:2944"]},"261:26523":{"type":"TEXT","id":"261:26523","name":"home","absoluteBoundingBox":{"x":18413.0,"y":240.0,"width":43.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":18414.36328125,"y":245.363632202148,"width":40.671875,"height":11.8125152587891},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":43.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"home","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","hyperlink":{"type":"NODE","nodeID":"/"},"textCase":"LOWER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26419":{"type":"TEXT","id":"261:26419","name":"home","absoluteBoundingBox":{"x":17978.0,"y":199.5,"width":43.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":17979.36328125,"y":204.863632202148,"width":40.671875,"height":11.8125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":43.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"home","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","hyperlink":{"type":"NODE","nodeID":"/"},"textCase":"LOWER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"86:10346":{"type":"TEXT","id":"86:10346","name":"label/2xs/Medium","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":14.0,"height":12.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"boundVariables":{"lineHeight":[{"type":"VARIABLE_ALIAS","id":"VariableID:1356c70e93f0d98bd8a66d15a75e257bff7b73bc/2365:68"}],"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:f1bb4d2b1ec1f89f102b1efcb8399483ac1f0108/2316:121"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:0389a4fd1c1c902165f018f3df4b8d7913ef9423/2365:313"}],"fontStyle":[{"type":"VARIABLE_ALIAS","id":"VariableID:aad797f81603f1a032bd2450a363bce7faf3f02b/2316:106"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":2.0}},"textAutoResize":"WIDTH_AND_HEIGHT","paragraphSpacing":2.0,"style":{"fontFamily":"Roboto Flex","fontPostScriptName":"RobotoFlex-Medium","fontStyle":"Medium","paragraphSpacing":2.0,"textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"lineHeight":{"type":"VARIABLE_ALIAS","id":"VariableID:1356c70e93f0d98bd8a66d15a75e257bff7b73bc/2365:68"},"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:f1bb4d2b1ec1f89f102b1efcb8399483ac1f0108/2316:121"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:0389a4fd1c1c902165f018f3df4b8d7913ef9423/2365:313"},"fontStyle":{"type":"VARIABLE_ALIAS","id":"VariableID:aad797f81603f1a032bd2450a363bce7faf3f02b/2316:106"}},"fontVariantPosition":"NORMAL","fontSize":11.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":93.0909118652344,"lineHeightPercentFontSize":109.090911865234,"lineHeightUnit":"PIXELS","paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3134":{"type":"RECTANGLE","id":"269:3134","name":"Focus","absoluteBoundingBox":{"x":17581.0,"y":10772.4580078125,"width":568.0,"height":366.0},"targetAspectRatio":{"x":2268.0,"y":1464.0},"isolatedAbsoluteRenderBounds":{"x":17581.0,"y":10772.4580078125,"width":568.0,"height":366.0},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":568.0,"y":366.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"b864058fa10e1711bb7af1925e092cadb971002a","originalImageWidth":2268,"originalImageHeight":1464,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"268:2779":{"type":"FRAME","id":"268:2779","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":9669.5126953125,"width":800.0,"height":116.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9669.5126953125,"width":800.0,"height":116.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,646.0]],"size":{"x":800.0,"y":116.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2780"]},"239:11199":{"type":"TEXT","id":"239:11199","name":"title","absoluteBoundingBox":{"x":5376.0,"y":8669.0,"width":1040.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":5378.21875,"y":8675.171875,"width":275.48583984375,"height":42.828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1040.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0392156876623631,"g":0.0431372560560703,"b":0.0509803928434849,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Optavise App","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":44.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.1,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":48.4000015258789,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1380":{"type":"TEXT","id":"268:1380","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":4273.41015625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":4273.41015625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1391":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1391","name":"Content","absoluteBoundingBox":{"x":17560.0,"y":4686.41015625,"width":610.0,"height":365.0},"isolatedAbsoluteRenderBounds":{"x":17560.0,"y":4686.41015625,"width":610.0,"height":365.0},"relativeTransform":[[1.0,0.0,95.0],[0.0,1.0,518.0]],"size":{"x":610.0,"y":365.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1391;188:4275","I268:1391;185:6959","I268:1391;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":true,"isDefault":true}},"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":8.0,"maxHeight":null,"maxWidth":null,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":365.0}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Exploratory vs Final Iteration","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER"},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif checkbox","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"69b8cda09cb0d46041ff1b8c53835040023a8d60","imageTransform":[[0.586155652999878,0.0,0.215818181633949],[0.0,0.527579545974731,0.223607867956161]],"gifRef":"ccafd4cbcaa10bc67e083276c1a45aff67f37498","originalImageWidth":600,"originalImageHeight":365,"visible":true,"opacity":1.0,"rotation":0.0}],"individualStrokeWeights":null,"strokeWeight":null},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:2785":{"type":"TEXT","id":"268:2785","name":"Top navigation would always lead to all FDS Platform components landing page. Navigating using the ‘Components Overview’ from this page brings the user to the selected component overview.","absoluteBoundingBox":{"x":16361.0,"y":9707.5126953125,"width":800.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":16361.79296875,"y":9713.80859375,"width":780.125,"height":65.90234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,38.0]],"size":{"x":800.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Top navigation would always lead to all FDS Platform components landing page. Navigating using the ‘Components Overview’ from this page brings the user to the selected component overview.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"266:529":{"type":"COMPONENT","id":"266:529","name":"Show Horizontal=True","overrideKey":"198:14318","absoluteBoundingBox":{"x":-9092.0,"y":6465.0,"width":610.0,"height":334.0},"isolatedAbsoluteRenderBounds":{"x":-9092.0,"y":6465.0,"width":610.0,"height":334.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":610.0,"y":334.0},"fills":[],"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","maxWidth":610.0,"minHeight":262.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["266:530"],"componentSetId":"266:528"},"269:3084":{"type":"TEXT","id":"269:3084","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":10088.12890625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":10088.12890625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2822":{"type":"FRAME","id":"268:2822","name":"Text block 10","absoluteBoundingBox":{"x":16121.0,"y":9865.5126953125,"width":1280.0,"height":939.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":9865.5126953125,"width":1280.0,"height":939.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,9608.5126953125]],"size":{"x":1280.0,"y":939.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:2939","268:2957"]},"268:2761":{"type":"TEXT","id":"268:2761","name":"Because we had our sights set on creating a completely connected system, we wanted app/mobile designers to have access to see in-vehicle, web, and wearables in one spot, but not have to wade through all of the other items if they did not want to see them.","absoluteBoundingBox":{"x":16361.0,"y":9145.5126953125,"width":800.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":16362.28515625,"y":9151.80859375,"width":781.37109375,"height":69.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,42.0]],"size":{"x":800.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Because we had our sights set on creating a completely connected system, we wanted app/mobile designers to have access to see in-vehicle, web, and wearables in one spot, but not have to wade through all of the other items if they did not want to see them. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2777":{"type":"RECTANGLE","id":"268:2777","name":"Horizontal","absoluteBoundingBox":{"x":17560.0,"y":8637.41015625,"width":610.0,"height":366.0},"isolatedAbsoluteRenderBounds":{"x":17560.0,"y":8637.41015625,"width":610.0,"height":366.0},"relativeTransform":[[1.0,0.0,95.0],[0.0,1.0,226.0]],"size":{"x":610.0,"y":366.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"6296f458f784bc5cad22ef4463d685e4b68c50d5","gifRef":"e7eac6c884f7dfe2aade7c4e9d0a7495084ec159","originalImageWidth":600,"originalImageHeight":427,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"268:2760":{"type":"TEXT","id":"268:2760","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":9143.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9143.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2782":{"type":"TEXT","id":"268:2782","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":9709.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9709.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1310":{"type":"FRAME","id":"268:1310","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":1682.84619140625,"width":800.0,"height":357.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":1682.84619140625,"width":800.0,"height":357.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":357.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1311"]},"261:26313":{"type":"TEXT","id":"261:26313","name":"maggie manville","absoluteBoundingBox":{"x":16185.0,"y":189.0,"width":913.0,"height":44.0},"isolatedAbsoluteRenderBounds":{"x":16188.337890625,"y":196.795455932617,"width":277.78515625,"height":37.8409118652344},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,24.0]],"size":{"x":913.0,"y":44.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0392156876623631,"g":0.0431372560560703,"b":0.0509803928434849,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"maggie manville","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Light","fontStyle":"Light","hyperlink":{"type":"NODE","nodeID":"/"},"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.2,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":44.0,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2608":{"type":"FRAME","id":"268:2608","name":"Paragraph","absoluteBoundingBox":{"x":16382.0,"y":8527.5126953125,"width":758.0,"height":416.0},"isolatedAbsoluteRenderBounds":{"x":16382.0,"y":8527.5126953125,"width":758.0,"height":416.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":758.0,"y":416.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2609","268:2610","268:2611","268:2612"]},"269:3072":{"type":"TEXT","id":"269:3072","name":"I also added documentation to the guidelines specifically for developers around accessibility based on the component and also considerations for Android vs iOS experiences, as they have different requirements. These were very much in progress by the time I departed, however I felt it important to highlight.","absoluteBoundingBox":{"x":16361.0,"y":10929.5126953125,"width":800.0,"height":130.0},"isolatedAbsoluteRenderBounds":{"x":16361.79296875,"y":10935.80859375,"width":784.630859375,"height":121.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":800.0,"y":130.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I also added documentation to the guidelines specifically for developers around accessibility based on the component and also considerations for Android vs iOS experiences, as they have different requirements.\nThese were very much in progress by the time I departed, however I felt it important to highlight.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2610":{"type":"TEXT","id":"268:2610","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16382.0,"y":8572.5126953125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16382.0,"y":8572.5126953125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2604":{"type":"RECTANGLE","id":"268:2604","name":"Horizontal","absoluteBoundingBox":{"x":16378.0,"y":7969.5126953125,"width":766.0,"height":518.0},"isolatedAbsoluteRenderBounds":{"x":16378.0,"y":7969.5126953125,"width":766.0,"height":518.0},"relativeTransform":[[1.0,0.0,257.0],[0.0,1.0,318.0]],"size":{"x":766.0,"y":518.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"b84aa61066937697695c02cfa37feaa9ca7e3f1c","imageTransform":[[0.984575808048248,0.0,0.00771208200603724],[0.0,0.981697976589203,0.00757235055789351]],"originalImageWidth":4096,"originalImageHeight":2778,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"sticky note artictecture exercise for guidelines","ariaAttributes":{},"interactions":[]},"268:2798":{"type":"TEXT","id":"268:2798","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":9271.4365234375,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":9271.4365234375,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2589":{"type":"TEXT","id":"268:2589","name":"We drew inspiration from existing design systems like, Material Design, HIG, Lightning, Carbon, and Spectrum. We also had a lot of learnings from our previous experience with the InVision DSM and had many pain points. Our goal was to address these pain points (below) and create an efficient and user-friendly system for designing and developing components and guidelines.","absoluteBoundingBox":{"x":16361.0,"y":7773.5126953125,"width":800.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":16361.37109375,"y":7779.80810546875,"width":782.517578125,"height":147.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,42.0]],"size":{"x":800.0,"y":156.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"We drew inspiration from existing design systems like, Material Design, HIG, Lightning, Carbon, and Spectrum.  We also had a lot of learnings from our previous experience with the InVision DSM and had many pain points. \n\nOur goal was to address these pain points (below) and create an efficient and user-friendly system for designing and developing components and guidelines.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"86:11424":{"id":"86:11424","type":"VARIABLE","assetId":"VariableID:ae5c635e8ddfb6d2b8b0f7e48769b8379d44955c/2365:67","name":"font/line-height/100% rem","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:18e371557d8832e39bc5571ae9e6285f23585dd0/2316:134","codeSyntax":{},"valuesByMode":{"32:0":16.0}},"268:2482":{"type":"FRAME","id":"268:2482","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":7313.5126953125,"width":800.0,"height":258.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7313.5126953125,"width":800.0,"height":258.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":258.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2483","268:2484","268:2485","268:2486","268:2487","268:2488"]},"268:1815":{"type":"TEXT","id":"268:1815","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":6291.88623046875,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6291.88623046875,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1848":{"type":"FRAME","id":"268:1848","name":"Text block 7","absoluteBoundingBox":{"x":16121.0,"y":7233.5126953125,"width":1280.0,"height":418.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":7233.5126953125,"width":1280.0,"height":418.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,6976.5126953125]],"size":{"x":1280.0,"y":418.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2481"]},"268:2490":{"type":"FRAME","id":"268:2490","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":6840.41015625,"width":640.0,"height":310.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6840.41015625,"width":640.0,"height":310.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":310.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2491","268:2492","268:2493","268:2494","268:2495","268:2496"]},"268:1322":{"type":"TEXT","id":"268:1322","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":1617.07690429688,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":1617.07690429688,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1346":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1346","name":"Content","absoluteBoundingBox":{"x":17560.0,"y":2305.07690429688,"width":610.0,"height":334.0},"isolatedAbsoluteRenderBounds":{"x":17560.0,"y":2305.07690429688,"width":610.0,"height":334.0},"relativeTransform":[[1.0,0.0,95.0],[0.0,1.0,788.0]],"size":{"x":610.0,"y":334.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":610.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1346;188:4275","I268:1346;185:6959","I268:1346;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":false}},"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":8.0,"maxHeight":null,"maxWidth":610.0,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":334.0}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"See GIF in ‘Preview’ mode","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"openTypeFlags":null,"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER","visible":false},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif of theme swap","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"76e56a796c654fd01246d9075a43859e7997cc94","gifRef":"e64372a597747af0a624380ffb8d1ce5964d8be8","originalImageWidth":600,"originalImageHeight":320,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:2956":{"type":"TEXT","id":"268:2956","name":"Nested Platform Navigation Text","absoluteBoundingBox":{"x":18410.875,"y":9697.853515625,"width":269.743377685547,"height":13.0},"isolatedAbsoluteRenderBounds":{"x":18411.26171875,"y":9700.935546875,"width":116.17578125,"height":8.8798828125},"relativeTransform":[[1.0,0.0,65.8745346069336],[0.0,1.0,192.416778564453]],"size":{"x":269.743377685547,"y":13.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":65.8745346069336,"sizeFraction":0.0},"top":{"pixelOffset":192.416778564453,"sizeFraction":0.0}},"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":0.567880809307098,"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Nested Platform Navigation","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":9.08609294891357,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.0454304647445679,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":13.1748352050781,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3078":{"type":"TEXT","id":"269:3078","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":10138.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":10138.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1182":{"type":"RECTANGLE","id":"267:1182","name":"Ford-Environment 1","absoluteBoundingBox":{"x":16361.0,"y":3237.84619140625,"width":800.0,"height":416.666687011719},"targetAspectRatio":{"x":2880.0,"y":1500.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":3237.84619140625,"width":800.0,"height":416.666748046875},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,380.0]],"size":{"x":800.0,"y":416.666687011719},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"d6dde2387a432659855f004c08b20bcada9b0822","originalImageWidth":2880,"originalImageHeight":1500,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"environment breakdown","ariaAttributes":{},"interactions":[]},"239:10392":{"id":"239:10392","type":"VARIABLE","assetId":"VariableID:fb4c1e76aa5804fe75d5e030d370a1d589b0b9d3/5147:92","name":"Grayscale/cool/800","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:bcba11ee7c5d38ed1c977b177acd60f7f8cb9bc8/3604:1624","codeSyntax":{},"valuesByMode":{"2:6":{"r":0.82745099067688,"g":0.839215695858002,"b":0.866666674613953,"a":1.0}}},"261:26406":{"type":"FRAME","id":"261:26406","name":"Row 2","absoluteBoundingBox":{"x":16361.0,"y":12816.5126953125,"width":800.0,"height":270.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":12816.5126953125,"width":800.0,"height":270.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,572.0]],"size":{"x":800.0,"y":270.0},"fills":[{"opacity":0.0500000007450581,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","minWidth":324.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["261:26407","261:26411"]},"268:2483":{"type":"TEXT","id":"268:2483","name":"Design System Guidelines","absoluteBoundingBox":{"x":16361.0,"y":7313.5126953125,"width":800.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":16363.2958984375,"y":7320.11474609375,"width":385.3935546875,"height":31.30712890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design System Guidelines","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2775":{"type":"TEXT","id":"268:2775","name":"Because we had our sights set on creating a completely connected system, we wanted app/mobile designers to have access to see in-vehicle, web, and wearables in one spot, but not have to wade through all of the other items if they did not want to see them.","absoluteBoundingBox":{"x":18345.0,"y":8737.63671875,"width":343.0,"height":208.0},"isolatedAbsoluteRenderBounds":{"x":18345.51171875,"y":8744.021484375,"width":341.51953125,"height":195.8134765625},"relativeTransform":[[1.0,0.0,-9.09494701772928e-13],[0.0,1.0,42.0]],"size":{"x":343.0,"y":208.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Because we had our sights set on creating a completely connected system, we wanted app/mobile designers to have access to see in-vehicle, web, and wearables in one spot, but not have to wade through all of the other items if they did not want to see them. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1819":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1819","name":"Content","absoluteBoundingBox":{"x":16456.0,"y":6819.5126953125,"width":610.0,"height":366.0},"isolatedAbsoluteRenderBounds":{"x":16456.0,"y":6819.5126953125,"width":610.0,"height":366.0},"relativeTransform":[[1.0,0.0,335.0],[0.0,1.0,208.0]],"size":{"x":610.0,"y":366.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":610.0,"strokes":[],"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92"},"paddingTop":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"},"paddingBottom":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":16.0,"paddingBottom":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1819;188:4275","I268:1819;185:6959","I268:1819;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":false}},"overrides":[{"key":[],"value":{"maxHeight":null,"maxWidth":610.0,"name":"Content","size":{"x":610.0,"y":366.0}},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif component","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"50494e892aec515979716d8791e06bd1ff67b94f","gifRef":"37a933cb14651c5627e8fb5f7f94a1d2d9f03eec","originalImageWidth":600,"originalImageHeight":395,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":false}}},"componentId":"266:524"},{"key":["Subtitle0"],"value":{"overrides":[{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Lorem Ipsum Lorem Ipsum Lorem Ipsum ","style":{"styleIdForText":"StyleId:533a5d4926cc52267fb043faa1e3335d7cb872aa/251:95","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":16.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null},"componentId":"266:521"}]},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:3002":{"type":"FRAME","id":"268:3002","name":"Text block 11","absoluteBoundingBox":{"x":17465.0,"y":10058.41015625,"width":800.0,"height":1198.04760742188},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":10058.41015625,"width":800.0,"height":1198.0478515625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,9801.41015625]],"size":{"x":800.0,"y":1198.04760742188},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":80.0,"paddingBottom":40.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3073","269:3091","269:3132"]},"268:2776":{"type":"RECTANGLE","id":"268:2776","name":"Horizontal","absoluteBoundingBox":{"x":16456.0,"y":9263.5126953125,"width":610.0,"height":366.0},"isolatedAbsoluteRenderBounds":{"x":16456.0,"y":9263.5126953125,"width":610.0,"height":366.0},"relativeTransform":[[1.0,0.0,335.0],[0.0,1.0,240.0]],"size":{"x":610.0,"y":366.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"6296f458f784bc5cad22ef4463d685e4b68c50d5","gifRef":"e7eac6c884f7dfe2aade7c4e9d0a7495084ec159","originalImageWidth":600,"originalImageHeight":427,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot of Ford design system guidelines homepage","ariaAttributes":{},"interactions":[]},"269:3076":{"type":"TEXT","id":"269:3076","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":10138.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":10138.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3187":{"type":"TEXT","id":"269:3187","name":"Manual Updates, less but not elimitated.","absoluteBoundingBox":{"x":17605.0,"y":11846.4580078125,"width":556.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":17606.435546875,"y":11848.208984375,"width":373.6171875,"height":19.33984375},"relativeTransform":[[1.0,0.0,36.0],[0.0,1.0,2.0]],"size":{"x":556.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H5","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Manual Updates, less but not elimitated.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.3,"letterSpacingValue":-1.5,"letterSpacingUnit":"PERCENT","lineHeightPx":20.0,"lineHeightPercent":82.6291122436523,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1617":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1617","name":"Content","absoluteBoundingBox":{"x":16456.0,"y":6197.5126953125,"width":610.0,"height":366.0},"isolatedAbsoluteRenderBounds":{"x":16456.0,"y":6197.5126953125,"width":610.0,"height":366.0},"relativeTransform":[[1.0,0.0,335.0],[0.0,1.0,234.0]],"size":{"x":610.0,"y":366.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92"},"paddingTop":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"},"paddingBottom":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":16.0,"paddingBottom":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1617;188:4275","I268:1617;185:6959","I268:1617;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":false}},"overrides":[{"key":[],"value":{"maxHeight":null,"maxWidth":null,"name":"Content","size":{"x":610.0,"y":366.0}},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif nav    ","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"ac76623d7d799ab1ae5ae36e956499150871ab9b","gifRef":"9984f5c8aaab954f9f9fc1d380b8f1bae1a0ce76","originalImageWidth":600,"originalImageHeight":311,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":false}}},"componentId":"266:524"},{"key":["Subtitle0"],"value":{"overrides":[{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Lorem Ipsum Lorem Ipsum Lorem Ipsum ","style":{"styleIdForText":"StyleId:533a5d4926cc52267fb043faa1e3335d7cb872aa/251:95","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":16.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null},"componentId":"266:521"}]},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:2487":{"type":"TEXT","id":"268:2487","name":"Research | Information Architecture | Component Building","absoluteBoundingBox":{"x":16361.0,"y":7367.5126953125,"width":800.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":16362.7578125,"y":7370.3564453125,"width":596.7890625,"height":26.3125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,54.0]],"size":{"x":800.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Research | Information Architecture | Component Building ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.11,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":31.9000015258789,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2587":{"type":"TEXT","id":"268:2587","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16361.0,"y":7776.5126953125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7776.5126953125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2781":{"type":"TEXT","id":"268:2781","name":"Navigating All Platform Components","absoluteBoundingBox":{"x":16361.0,"y":9669.5126953125,"width":800.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":16362.4384765625,"y":9673.80859375,"width":297.2255859375,"height":17.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":22.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Navigating All Platform Components ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.36,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":21.6000003814697,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1731":{"type":"FRAME","id":"268:1731","name":"Text block 6","absoluteBoundingBox":{"x":17465.0,"y":6174.41015625,"width":800.0,"height":606.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":6174.41015625,"width":800.0,"height":606.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,5917.41015625]],"size":{"x":800.0,"y":606.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":80.0,"paddingBottom":40.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1805","268:1820"]},"268:2762":{"type":"FRAME","id":"268:2762","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":8451.41015625,"width":640.0,"height":146.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":8451.41015625,"width":640.0,"height":146.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,40.0]],"size":{"x":640.0,"y":146.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2763"]},"268:1804":{"type":"TEXT","id":"268:1804","name":"Figma’s properties allowed us the ability to level up the component’s flexibility that we could build into the component. This would enable quicker iteration and prototyping for product teams.","absoluteBoundingBox":{"x":16361.0,"y":6701.5126953125,"width":800.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":16361.5048828125,"y":6707.80810546875,"width":778.3056640625,"height":65.921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,42.0]],"size":{"x":800.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s properties allowed us the ability to level up the component’s flexibility that we could build into the component. This would enable quicker iteration and prototyping for product teams.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2584":{"type":"FRAME","id":"268:2584","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":7731.5126953125,"width":800.0,"height":198.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7731.5126953125,"width":800.0,"height":198.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":198.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2585","268:2586","268:2587","268:2588","268:2589"]},"268:1803":{"type":"TEXT","id":"268:1803","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":6699.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6699.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:10393":{"id":"239:10393","type":"VARIABLE","assetId":"VariableID:c2044dc5ba6999b32fcdbcecc5c169166060dfed/5146:28","name":"Grayscale/cool/150","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:bcba11ee7c5d38ed1c977b177acd60f7f8cb9bc8/3604:1624","codeSyntax":{},"valuesByMode":{"2:6":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0}}},"261:26399":{"type":"TEXT","id":"261:26399","name":"Having never experienced a complete ground-up design system build, establishing the semantic token naming structure, accessibility validation methodology, and guidelines information architecture taught me how systems thinking compounds across teams. Though I departed before the Figma migration and production shipping, seeing the system launch in FordPass and Lincoln validated that the token architecture and naming conventions I developed were sound and scalable. This work sparked a real interest in design systems—specifically how design tokens are the translation layer where design intent meets engineering implementation—flexible enough that designers can iterate and engineers can optimize without losing alignment. I'm committed to continuing this journey in roles where I can see systems through to production.","absoluteBoundingBox":{"x":16385.0,"y":12308.5126953125,"width":752.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":16384.693359375,"y":12314.8974609375,"width":747.203125,"height":251.501953125},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,64.0]],"size":{"x":752.0,"y":260.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Having never experienced a complete ground-up design system build, establishing the semantic token naming structure, accessibility validation methodology, and guidelines information architecture taught me how systems thinking compounds across teams.\nThough I departed before the Figma migration and production shipping, seeing the system launch in FordPass and Lincoln validated that the token architecture and naming conventions I developed were sound and scalable. This work sparked a real interest in design systems—specifically how design tokens are the translation layer where design intent meets engineering implementation—flexible enough that designers can iterate and engineers can optimize without losing alignment. I'm committed to continuing this journey in roles where I can see systems through to production.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3067":{"type":"FRAME","id":"269:3067","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":10884.5126953125,"width":800.0,"height":175.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":10884.5126953125,"width":800.0,"height":175.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":175.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["269:3068","269:3069","269:3070","269:3071","269:3072"]},"268:2793":{"type":"FRAME","id":"268:2793","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":9231.4365234375,"width":343.0,"height":194.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":9231.4365234375,"width":343.0,"height":194.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,575.799987792969]],"size":{"x":343.0,"y":194.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2794"]},"268:1802":{"type":"TEXT","id":"268:1802","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16361.0,"y":6704.5126953125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6704.5126953125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"266:509":{"id":"266:509","type":"VARIABLE","assetId":"VariableID:4a0822b2d544de498db80c3485f007088ada349a/5147:86","name":"Grayscale/cool/550","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:bcba11ee7c5d38ed1c977b177acd60f7f8cb9bc8/3604:1624","codeSyntax":{},"valuesByMode":{"2:6":{"r":0.545098066329956,"g":0.580392181873322,"b":0.650980412960052,"a":1.0}}},"261:26392":{"type":"TEXT","id":"261:26392","name":"Final Thoughts","absoluteBoundingBox":{"x":16361.0,"y":12162.5126953125,"width":800.0,"height":34.0},"isolatedAbsoluteRenderBounds":{"x":16362.76953125,"y":12167.9853515625,"width":194.12109375,"height":27.5732421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":34.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Final Thoughts","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":28.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.56,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.6000022888184,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2504":{"type":"TEXT","id":"268:2504","name":"As a group we brainstormed and iterated on an initial structure of how the guidelines may look. Our ultimate goal was to have a website that housed our new guidelines, but in the mean time, we decided to structure and link to pages within Figma, mimicking a website. While the team built out the rest of the finalized components, I began working through building out and populating the component guidelines and documentation.","absoluteBoundingBox":{"x":18345.0,"y":6953.68603515625,"width":343.0,"height":364.0},"isolatedAbsoluteRenderBounds":{"x":18345.37109375,"y":6960.07080078125,"width":341.486328125,"height":351.83251953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,204.0]],"size":{"x":343.0,"y":364.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"As a group we brainstormed and iterated on an initial structure of how the guidelines may look. Our ultimate goal was to have a website that housed our new guidelines, but in the mean time, we decided to structure and link to pages within Figma, mimicking a website. \n\nWhile the team built out the rest of the finalized components, I began working through building out and populating the component guidelines and documentation. ","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1316":{"type":"TEXT","id":"268:1316","name":"Our 2.0 system used color-based token names (e.g., 'Blue-500'), which created confusion during handoff—engineers couldn't tell if a token should change per theme or stay constant. I advocated for semantic naming based on function, not appearance, so token names told engineers exactly what the color did and when it changed. Wanting to continue to stay scalable, we broke down the names in the following way: Application (Text, icon, stroke, fill, etc) Behavior (Does it change between themes) Color Category (Neutral, Primary Color, Status, etc) Placement (Is it on top of a surface color?) Emphasis Level (Applied t-shirt scaling method)","absoluteBoundingBox":{"x":16361.0,"y":1727.84619140625,"width":800.0,"height":312.0},"isolatedAbsoluteRenderBounds":{"x":16361.37109375,"y":1734.1416015625,"width":791.841796875,"height":303.590942382812},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":800.0,"y":312.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Our 2.0 system used color-based token names (e.g., 'Blue-500'), which created confusion during handoff—engineers couldn't tell if a token should change per theme or stay constant. I advocated for semantic naming based on function, not appearance, so token names told engineers exactly what the color did and when it changed.\n\nWanting to continue to stay scalable, we broke down the names in the following way:\n\nApplication (Text, icon, stroke, fill, etc) \nBehavior (Does it change between themes)\nColor Category (Neutral, Primary Color, Status, etc)\nPlacement (Is it on top of a surface color?)\nEmphasis Level (Applied t-shirt scaling method)","lineIndentations":[0,0,0,0,1,1,1,1,1],"lineTypes":["NONE","NONE","NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:11208":{"type":"FRAME","id":"239:11208","name":"team content","absoluteBoundingBox":{"x":5376.0,"y":8893.0,"width":1040.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8893.0,"width":1040.0,"height":23.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,62.0]],"size":{"x":1040.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["239:11209","239:11210"]},"268:2799":{"type":"TEXT","id":"268:2799","name":"Top navigation would always lead to all FDS Platform components landing page. Navigating using the ‘Components Overview’ from this page brings the user to the selected component overview.","absoluteBoundingBox":{"x":18345.0,"y":9269.4365234375,"width":343.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":18345.79296875,"y":9275.8212890625,"width":340.154296875,"height":143.8134765625},"relativeTransform":[[1.0,0.0,-9.09494701772928e-13],[0.0,1.0,38.0]],"size":{"x":343.0,"y":156.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Top navigation would always lead to all FDS Platform components landing page. Navigating using the ‘Components Overview’ from this page brings the user to the selected component overview.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26311":{"type":"FRAME","id":"261:26311","name":"Desktop","absoluteBoundingBox":{"x":16121.0,"y":165.0,"width":1280.0,"height":13163.5126953125},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":165.0,"width":1280.0,"height":13163.5126953125},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,100.0]],"size":{"x":1280.0,"y":13163.5126953125},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["261:26312","261:26318","261:26390","261:26412"]},"268:2953":{"type":"SVG","id":"268:2953","name":"Button Container","absoluteBoundingBox":{"x":18388.158203125,"y":9631.9794921875,"width":57.35595703125,"height":72.6887435913086},"isolatedAbsoluteRenderBounds":{"x":18388.158203125,"y":9631.978515625,"width":57.35595703125,"height":74.7802734375},"relativeTransform":[[1.0,0.0,43.1585998535156],[0.0,1.0,126.543357849121]],"size":{"x":57.35595703125,"y":72.6887435913086},"fills":[],"constraintValues":{"left":{"pixelOffset":43.1585998535156,"sizeFraction":0.0},"top":{"pixelOffset":126.543357849121,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.567880809307098,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"afff2e384fad24362db9fbcd6250ed45fb294db7"},"268:1328":{"type":"TEXT","id":"268:1328","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":18345.0,"y":1553.02404785156,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":1553.02404785156,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26604":{"type":"SVG","id":"261:26604","name":"Icon","absoluteBoundingBox":{"x":18361.0,"y":11085.435546875,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":18361.0,"y":11085.435546875,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"5221696c4ab193c4fd209700a46a1a1816b12633"},"86:10344":{"id":"86:10344","type":"VARIABLE","assetId":"VariableID:0389a4fd1c1c902165f018f3df4b8d7913ef9423/2365:313","name":"font/size/label/2xs","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:18e371557d8832e39bc5571ae9e6285f23585dd0/2316:134","codeSyntax":{},"valuesByMode":{"32:0":11.0}},"268:2623":{"type":"TEXT","id":"268:2623","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":8103.63623046875,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":8103.63623046875,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3071":{"type":"TEXT","id":"269:3071","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":10924.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":10924.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"86:10246":{"id":"86:10246","assetId":"VariableCollectionId:99dce73ae3ea8db27cfba8d4f573134511c99013/2271:98","type":"VARIABLE_COLLECTION","name":"📆  Year-round Color","defaultModeId":"1:2","modes":[{"modeId":"1:2","name":"💡  light theme 💡"}]},"268:2780":{"type":"FRAME","id":"268:2780","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":9669.5126953125,"width":800.0,"height":116.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9669.5126953125,"width":800.0,"height":116.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":116.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2781","268:2782","268:2783","268:2784","268:2785"]},"268:1596":{"type":"FRAME","id":"268:1596","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":6011.5126953125,"width":800.0,"height":146.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6011.5126953125,"width":800.0,"height":146.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,48.0]],"size":{"x":800.0,"y":146.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1597"]},"268:2607":{"type":"FRAME","id":"268:2607","name":"Wrapper","absoluteBoundingBox":{"x":16382.0,"y":8527.5126953125,"width":758.0,"height":416.0},"isolatedAbsoluteRenderBounds":{"x":16382.0,"y":8527.5126953125,"width":758.0,"height":416.0},"relativeTransform":[[1.0,0.0,261.0],[0.0,1.0,876.0]],"size":{"x":758.0,"y":416.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2608"]},"268:2794":{"type":"FRAME","id":"268:2794","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":9231.4365234375,"width":343.0,"height":194.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":9231.4365234375,"width":343.0,"height":194.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":194.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2795","268:2796","268:2797","268:2798","268:2799"]},"268:1602":{"type":"TEXT","id":"268:1602","name":"Following the workshop, the component that I delivered for the weekly stakeholder review was the navigation. I thought it was important to keep the navigation simple, but equally important in this initial iteration to keep the pillar labels beneath.This was a simple way to reinforce the user’s decisions, sense of place, and reinforce accessibility efforts.","absoluteBoundingBox":{"x":16361.0,"y":6053.5126953125,"width":800.0,"height":104.0},"isolatedAbsoluteRenderBounds":{"x":16361.5244140625,"y":6059.80810546875,"width":764.1318359375,"height":95.38623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,42.0]],"size":{"x":800.0,"y":104.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Following the workshop, the component that I delivered for the weekly stakeholder review was the navigation. I thought it was important to keep the navigation simple, but equally important in this initial iteration to keep the pillar labels beneath.This was a simple way to reinforce the user’s decisions, sense of place, and reinforce accessibility efforts. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26323":{"type":"TEXT","id":"261:26323","name":"Color Exploration","absoluteBoundingBox":{"x":16361.0,"y":2937.84619140625,"width":800.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":16362.7041015625,"y":2944.44848632812,"width":253.1552734375,"height":30.943115234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color Exploration","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1600":{"type":"TEXT","id":"268:1600","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16361.0,"y":6056.5126953125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":6056.5126953125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26425":{"type":"FRAME","id":"261:26425","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":2739.07690429688,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":2739.07690429688,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,40.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["261:26426"]},"261:26354":{"type":"FRAME","id":"261:26354","name":"Text block 4","absoluteBoundingBox":{"x":16121.0,"y":4601.5126953125,"width":1280.0,"height":1362.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":4601.5126953125,"width":1280.0,"height":1362.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,4344.5126953125]],"size":{"x":1280.0,"y":1362.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1369","268:1390","268:1393"]},"268:2941":{"type":"SVG","id":"268:2941","name":"Button Container","absoluteBoundingBox":{"x":16535.0,"y":10168.345703125,"width":101.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":16535.0,"y":10168.345703125,"width":101.0,"height":131.681640625},"relativeTransform":[[1.0,0.0,76.0],[0.0,1.0,222.83349609375]],"size":{"x":101.0,"y":128.0},"fills":[],"constraintValues":{"left":{"pixelOffset":76.0,"sizeFraction":0.0},"top":{"pixelOffset":222.83349609375,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"3945f18859b6c6d7ffe55ae20c5b293fdb0553eb"},"268:1613":{"type":"TEXT","id":"268:1613","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":5664.08642578125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":5664.08642578125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2784":{"type":"TEXT","id":"268:2784","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":9709.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9709.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2503":{"type":"TEXT","id":"268:2503","name":"Research | Information Architecture | Component Building","absoluteBoundingBox":{"x":18345.0,"y":6841.68603515625,"width":343.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":18345.546875,"y":6844.52978515625,"width":268.6796875,"height":89.90625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,92.0]],"size":{"x":343.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Research | Information Architecture | Component Building ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.11,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":31.9000015258789,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2588":{"type":"TEXT","id":"268:2588","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":7771.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7771.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2757":{"type":"TEXT","id":"268:2757","name":"Navigating Components","absoluteBoundingBox":{"x":16361.0,"y":9103.5126953125,"width":800.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":16362.7578125,"y":9107.8720703125,"width":241.9375,"height":21.390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Navigating Components","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2786":{"type":"FRAME","id":"268:2786","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":9043.41015625,"width":640.0,"height":116.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":9043.41015625,"width":640.0,"height":116.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,632.0]],"size":{"x":640.0,"y":116.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2787"]},"267:1219":{"type":"RECTANGLE","id":"267:1219","name":"Horizontal","absoluteBoundingBox":{"x":17545.0,"y":3946.41015625,"width":316.0,"height":162.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":3946.41015625,"width":316.0,"height":162.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":316.0,"y":162.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"1797a9652cf27e979d7f88bc5344a28effa24327","originalImageWidth":2817,"originalImageHeight":1410,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"accessibility artifact","ariaAttributes":{},"interactions":[]},"266:516":{"key":"30bcc0b602a648a2bdde2bd6d24be8e994318351","name":"Portfolio/Title/xSmall","styleType":"TEXT","remote":true,"description":"","id":"266:516","assetId":"StyleId:30bcc0b602a648a2bdde2bd6d24be8e994318351/251:13","type":"STYLE","style":{"fontFamily":"Source Serif Pro","fontPostScriptName":null,"fontStyle":"SemiBold","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.66,"letterSpacingValue":3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.0,"lineHeightPercent":128.0,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"267:1195":{"type":"FRAME","id":"267:1195","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":3472.41015625,"width":640.0,"height":183.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":3472.41015625,"width":640.0,"height":183.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,60.0]],"size":{"x":640.0,"y":183.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["267:1196"]},"268:1371":{"type":"TEXT","id":"268:1371","name":"Exploring Modular Component Builds","absoluteBoundingBox":{"x":16361.0,"y":4681.5126953125,"width":800.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":16363.2958984375,"y":4688.11474609375,"width":548.8681640625,"height":31.30712890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Exploring Modular Component Builds","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26528":{"type":"FRAME","id":"261:26528","name":"Text block 1","absoluteBoundingBox":{"x":18329.0,"y":2641.83056640625,"width":375.0,"height":679.645874023438},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":2641.83056640625,"width":375.0,"height":679.64599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2354.83056640625]],"size":{"x":375.0,"y":679.645874023438},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["261:26529","267:1142","267:1184"]},"88:42705":{"type":"TEXT","id":"88:42705","name":"Text","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":13.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":-0.01953125,"y":1.8515625,"width":11.9384765625,"height":9.27734375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":13.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Roboto Flex","fontPostScriptName":"RobotoFlex-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":11.71875,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"268:1370":{"type":"FRAME","id":"268:1370","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":4681.5126953125,"width":800.0,"height":392.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":4681.5126953125,"width":800.0,"height":392.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":392.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1371","268:1372","268:1373","268:1374","268:1375"]},"268:1821":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1821","name":"Content","absoluteBoundingBox":{"x":18345.0,"y":6463.88623046875,"width":343.0,"height":205.800003051758},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6463.88623046875,"width":343.0,"height":205.800003051758},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,252.0]],"size":{"x":343.0,"y":205.800003051758},"fills":[],"strokeAlign":"INSIDE","maxWidth":343.0,"strokes":[],"strokeWeight":0.562295079231262,"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92"},"paddingTop":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"},"paddingBottom":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":8.9967212677002,"paddingBottom":8.9967212677002,"layoutMode":"VERTICAL","itemSpacing":22.4918022155762,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1821;188:4275","I268:1821;185:6959","I268:1821;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":false}},"uniformScaleFactor":0.562295079231262,"overrides":[{"key":[],"value":{"maxHeight":null,"maxWidth":343.0,"name":"Content","size":{"x":343.0,"y":205.800003051758}},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif component","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"50494e892aec515979716d8791e06bd1ff67b94f","gifRef":"37a933cb14651c5627e8fb5f7f94a1d2d9f03eec","originalImageWidth":600,"originalImageHeight":395,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":false}}},"componentId":"266:524"},{"key":["Subtitle0"],"value":{"overrides":[{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Lorem Ipsum Lorem Ipsum Lorem Ipsum ","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":8.9967212677002,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":12.3704919815063,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.5557384490967,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null},"componentId":"266:521"}]},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:1375":{"type":"TEXT","id":"268:1375","name":"In the foundation workshop, we established a core principle: convey environmental dimensionality through component state (hover, active, focus) rather than visual affordances like shadows. This principle needed to work consistently across all components—buttons, navigation, inputs, etc.I explored this approach with checkboxes. By tying visual depth to existing state logic, we created a pattern that: Reduced CSS complexity: No shadow variables to maintain per theme Scaled across components: Any component using :hover / :active / :focus automatically conveyed depth Worked across platforms: Mobile and in-vehicle rendering both support state-based styling without additional overhead This principle became the foundation for how all interactive components would signal dimensionality.","absoluteBoundingBox":{"x":16361.0,"y":4735.5126953125,"width":800.0,"height":338.0},"isolatedAbsoluteRenderBounds":{"x":16361.79296875,"y":4741.80810546875,"width":786.771484375,"height":329.38623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,54.0]],"size":{"x":800.0,"y":338.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"In the foundation workshop, we established a core principle: convey environmental dimensionality through component state (hover, active, focus) rather than visual affordances like shadows. This principle needed to work consistently across all components—buttons, navigation, inputs, etc.I explored this approach with checkboxes. \n\nBy tying visual depth to existing state logic, we created a pattern that:\nReduced CSS complexity: No shadow variables to maintain per theme\nScaled across components: Any component using :hover / :active / :focus automatically conveyed depth\nWorked across platforms: Mobile and in-vehicle rendering both support state-based styling without additional overhead\nThis principle became the foundation for how all interactive components would signal dimensionality.","lineIndentations":[0,0,0,1,1,1,0],"lineTypes":["NONE","NONE","NONE","UNORDERED","UNORDERED","UNORDERED","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1373":{"type":"TEXT","id":"268:1373","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16361.0,"y":4726.5126953125,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":4726.5126953125,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3136":{"type":"FRAME","id":"269:3136","name":"Frame 2241","absoluteBoundingBox":{"x":18345.0,"y":10622.0986328125,"width":343.0,"height":261.336700439453},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":10622.0986328125,"width":343.0,"height":261.3369140625},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,618.9697265625]],"size":{"x":343.0,"y":261.336700439453},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.556818187236786,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":4.45454549789429,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3137","269:3139"]},"268:1619":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1619","name":"Content","absoluteBoundingBox":{"x":18345.0,"y":5966.08642578125,"width":343.0,"height":205.800003051758},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":5966.08642578125,"width":343.0,"height":205.800003051758},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,382.0]],"size":{"x":343.0,"y":205.800003051758},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.562295079231262,"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92"},"paddingTop":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"},"paddingBottom":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":8.9967212677002,"paddingBottom":8.9967212677002,"layoutMode":"VERTICAL","itemSpacing":22.4918022155762,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1619;188:4275","I268:1619;185:6959","I268:1619;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":false}},"uniformScaleFactor":0.562295079231262,"overrides":[{"key":[],"value":{"maxHeight":null,"maxWidth":null,"name":"Content","size":{"x":343.0,"y":205.800003051758}},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif nav    ","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"ac76623d7d799ab1ae5ae36e956499150871ab9b","gifRef":"9984f5c8aaab954f9f9fc1d380b8f1bae1a0ce76","originalImageWidth":600,"originalImageHeight":311,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":false}}},"componentId":"266:524"},{"key":["Subtitle0"],"value":{"overrides":[{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Lorem Ipsum Lorem Ipsum Lorem Ipsum ","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":8.9967212677002,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":12.3704919815063,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.5557384490967,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null},"componentId":"266:521"}]},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:1323":{"type":"TEXT","id":"268:1323","name":"Our 2.0 system used color-based token names (e.g., 'Blue-500'), which created confusion during handoff—engineers couldn't tell if a token should change per theme or stay constant. I advocated for semantic naming based on function, not appearance, so token names told engineers exactly what the color did and when it changed. Wanting to continue to stay scalable, we broke down the names in the following way: Application (Text, icon, stroke, fill, etc) Behavior (Does it change between themes) Color Category (Neutral, Primary Color, Status, etc) Placement (Is it on top of a surface color?) Emphasis Level (Applied t-shirt scaling method)","absoluteBoundingBox":{"x":17545.0,"y":1622.07690429688,"width":640.0,"height":364.0},"isolatedAbsoluteRenderBounds":{"x":17545.37109375,"y":1628.46179199219,"width":633.76171875,"height":355.50146484375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":640.0,"y":364.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Our 2.0 system used color-based token names (e.g., 'Blue-500'), which created confusion during handoff—engineers couldn't tell if a token should change per theme or stay constant. I advocated for semantic naming based on function, not appearance, so token names told engineers exactly what the color did and when it changed.\n\nWanting to continue to stay scalable, we broke down the names in the following way:\n\nApplication (Text, icon, stroke, fill, etc) \nBehavior (Does it change between themes)\nColor Category (Neutral, Primary Color, Status, etc)\nPlacement (Is it on top of a surface color?)\nEmphasis Level (Applied t-shirt scaling method)","lineIndentations":[0,0,0,0,1,1,1,1,1],"lineTypes":["NONE","NONE","NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1807":{"type":"TEXT","id":"268:1807","name":"Flexibility with Components","absoluteBoundingBox":{"x":17545.0,"y":6214.41015625,"width":640.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":17546.7578125,"y":6218.76953125,"width":276.91796875,"height":21.140625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Flexibility with Components","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.44,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2755":{"type":"FRAME","id":"268:2755","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":9103.5126953125,"width":800.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9103.5126953125,"width":800.0,"height":120.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":120.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2756"]},"261:26527":{"mainComponentId":"239:11195","type":"INSTANCE","id":"261:26527","name":"TL;DR","absoluteBoundingBox":{"x":18329.0,"y":287.0,"width":375.0,"height":1181.02404785156},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":287.0,"width":375.0,"height":1181.02404785156},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":1181.02404785156},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I261:26527;239:11196","I261:26527;239:11215","I261:26527;239:11385"],"componentSetId":"239:11139","componentProperties":{"Property 1":{"value":"stacked","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"paddingBottom":40.0,"paddingLeft":16.0,"paddingRight":16.0,"paddingTop":40.0,"size":{"x":375.0,"y":1181.02404785156}},"componentId":"239:11195"},{"key":["Brief0"],"value":{"itemSpacing":32.0},"componentId":"239:11195"},{"key":["Brief0","content0"],"value":{"itemSpacing":32.0},"componentId":"239:11195"},{"key":["Brief0","content0","title section0","title0"],"value":{"characterStyleOverrides":[],"characters":"Establishing a Multi-Platform Design System Architecture","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.0,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":44.0,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","content0","title section0","Designing a native mobile experience for SaaS-delivered benefits — and adapting when legacy infrastructure forced a pivot to responsive web.0"],"value":{"characterStyleOverrides":[],"characters":"Unifying Mobile App + In-Vehicle Through Semantic Token Structure","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Light","fontStyle":"Light","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0"],"value":{"itemSpacing":4.0},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","role-content0","role0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","role-content0","add0"],"value":{"characterStyleOverrides":[],"characters":" Contributing Designer","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","timeline content0","Timeline:0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","timeline content0","add0"],"value":{"characterStyleOverrides":[],"characters":" April 2022 - June 2023","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","team content0"],"value":{"visible":false},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","team content0","Team:0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","team content0","add0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","tech stack0","Tools:0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","tech stack0","add0"],"value":{"characterStyleOverrides":[],"characters":" Figma, Sketch, Abstract, InVision+ DSM","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","image0"],"value":{"accessibleLabel":"interior car screen","counterAxisSizingMode":"FIXED","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"4fc5d40fe273c245339f52ff8eac78ff6f5ed413","originalImageWidth":920,"originalImageHeight":480,"visible":true,"opacity":1.0,"rotation":0.0}],"layoutAlign":"STRETCH","primaryAxisSizingMode":"FIXED"},"componentId":"239:11195"},{"key":["outcome0","role-content0","add0"],"value":{"characterStyleOverrides":[],"characters":"Ground-up design system (Mobile App and In-Vehicle) rebuild leading to platform unification while consolidating to a single tool (Figma), with an emphasis on design tokens to ease development constraints across platforms. The team would go on to present our rebuild at the June 2023 Config Conference having gotten early access to the “variable” feature in Figma. They advanced this work to production, shipping in FordPass mobile and Lincoln in-vehicle displays in 2025.","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.5,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":29.0,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"}]},"261:26319":{"mainComponentId":"239:11195","type":"INSTANCE","id":"261:26319","name":"TL;DR","absoluteBoundingBox":{"x":16121.0,"y":257.0,"width":1280.0,"height":1345.84619140625},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":257.0,"width":1280.0,"height":1345.84619140625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1280.0,"y":1345.84619140625},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":100.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I261:26319;239:11196","I261:26319;239:11215","I261:26319;239:11385"],"componentSetId":"239:11139","componentProperties":{"Property 1":{"value":"stacked","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"paddingBottom":80.0,"paddingLeft":240.0,"paddingRight":240.0,"paddingTop":100.0,"size":{"x":1280.0,"y":1345.84619140625}},"componentId":"239:11195"},{"key":["Brief0"],"value":{"itemSpacing":null},"componentId":"239:11195"},{"key":["Brief0","content0"],"value":{"itemSpacing":32.0},"componentId":"239:11195"},{"key":["Brief0","content0","title section0"],"value":{"itemSpacing":24.0},"componentId":"239:11195"},{"key":["Brief0","content0","title section0","title0"],"value":{"characterStyleOverrides":[],"characters":"Establishing a Multi-Platform Design System Architecture","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":64.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.6,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":70.4000015258789,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","content0","title section0","Designing a native mobile experience for SaaS-delivered benefits — and adapting when legacy infrastructure forced a pivot to responsive web.0"],"value":{"characterStyleOverrides":[],"characters":"Unifying Mobile App + In-Vehicle Through Semantic Token Structure","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Light","fontStyle":"Light","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.6,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":34.8000030517578,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0"],"value":{"itemSpacing":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","role-content0","role0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","role-content0","add0"],"value":{"characterStyleOverrides":[],"characters":"  Contributing Designer","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","timeline content0","Timeline:0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","timeline content0","add0"],"value":{"characterStyleOverrides":[],"characters":"   April 2022 - June 2023","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","team content0"],"value":{"visible":false},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","tech stack0","Tools:0"],"value":{"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null},"componentId":"239:11195"},{"key":["Brief0","content0","add. info0","tech stack0","add0"],"value":{"characterStyleOverrides":[],"characters":"  Figma, Sketch, Abstract, InVision+ DSM","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.45,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"},{"key":["Brief0","image0"],"value":{"accessibleLabel":"interior car screen","clipsContent":null,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"4fc5d40fe273c245339f52ff8eac78ff6f5ed413","originalImageWidth":920,"originalImageHeight":480,"visible":true,"opacity":1.0,"rotation":0.0}],"layoutAlign":"STRETCH","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED"},"componentId":"239:11195"},{"key":["outcome0","role-content0","add0"],"value":{"characterStyleOverrides":[],"characters":"Ground-up design system (Mobile App and In-Vehicle) rebuild leading to platform unification while consolidating to a single tool (Figma), with an emphasis on design tokens to ease development constraints across platforms. The team would go on to present our rebuild at the June 2023 Config Conference having gotten early access to the “variable” feature in Figma. They advanced this work to production, shipping in FordPass mobile and Lincoln in-vehicle displays in 2025.","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.55,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":31.9000015258789,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"239:11195"}]},"268:1392":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1392","name":"Content","absoluteBoundingBox":{"x":18345.0,"y":5093.4765625,"width":343.0,"height":205.304916381836},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":5093.4765625,"width":343.0,"height":205.304916381836},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,848.0]],"size":{"x":343.0,"y":205.304916381836},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.562295079231262,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":4.4983606338501,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1392;188:4275","I268:1392;185:6959","I268:1392;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":true,"isDefault":true}},"uniformScaleFactor":0.562295079231262,"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":4.4983606338501,"maxHeight":null,"maxWidth":null,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":343.0,"y":205.304916381836}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Exploratory vs Final Iteration","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":8.9967212677002,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.044983606338501,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":13.0452461242676,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER"},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif checkbox","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"69b8cda09cb0d46041ff1b8c53835040023a8d60","imageTransform":[[0.586155652999878,0.0,0.215818181633949],[0.0,0.527579545974731,0.223607867956161]],"gifRef":"ccafd4cbcaa10bc67e083276c1a45aff67f37498","originalImageWidth":600,"originalImageHeight":365,"visible":true,"opacity":1.0,"rotation":0.0}],"individualStrokeWeights":null,"strokeWeight":0.562295079231262},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"267:1193":{"type":"TEXT","id":"267:1193","name":"Accessibility Validation Methodology","absoluteBoundingBox":{"x":16361.0,"y":3814.51293945312,"width":800.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":16361.587890625,"y":3819.21459960938,"width":412.2109375,"height":23.480224609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Accessibility Validation Methodology","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2940":{"type":"RECTANGLE","id":"268:2940","name":"Component Overview Image","absoluteBoundingBox":{"x":16459.0,"y":9945.5126953125,"width":603.822998046875,"height":331.292144775391},"isolatedAbsoluteRenderBounds":{"x":16459.0,"y":9945.5126953125,"width":603.822265625,"height":331.2919921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":603.822998046875,"y":331.292144775391},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"82ffe65d51af78d99ddd3b6fa455976ab92bd918","originalImageWidth":1316,"originalImageHeight":778,"visible":true,"opacity":1.0,"rotation":0.0}],"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"268:1325":{"type":"FRAME","id":"268:1325","name":"Paragraph","absoluteBoundingBox":{"x":18345.0,"y":1508.02404785156,"width":343.0,"height":698.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":1508.02404785156,"width":343.0,"height":698.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":698.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1326","268:1327","268:1328","268:1329","268:1330"]},"266:523":{"key":"04b9f64f007dddf9428eb3a6ff3218ec368d6e7b","name":"Portfolio/Body/Body 1/Default","styleType":"TEXT","remote":true,"description":"","id":"266:523","assetId":"StyleId:04b9f64f007dddf9428eb3a6ff3218ec368d6e7b/228:35","type":"STYLE","style":{"fontFamily":"Source Sans Pro","fontPostScriptName":"SourceSansPro-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.612000017166138,"letterSpacingValue":3.40000009536743,"letterSpacingUnit":"PERCENT","lineHeightPx":27.0,"lineHeightPercent":128.0,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"261:26322":{"type":"FRAME","id":"261:26322","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":2937.84619140625,"width":800.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":2937.84619140625,"width":800.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["261:26323"]},"268:1240":{"type":"FRAME","id":"268:1240","name":"section","absoluteBoundingBox":{"x":16121.0,"y":1602.84619140625,"width":1280.0,"height":1255.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":1602.84619140625,"width":1280.0,"height":1255.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1345.84619140625]],"size":{"x":1280.0,"y":1255.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":80.0,"paddingRight":240.0,"paddingBottom":80.0,"paddingLeft":240.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1310","268:1342","268:1345"]},"268:2486":{"type":"TEXT","id":"268:2486","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":7353.5126953125,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7353.5126953125,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1345":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1345","name":"Content","absoluteBoundingBox":{"x":16456.0,"y":2443.84619140625,"width":610.0,"height":334.0},"isolatedAbsoluteRenderBounds":{"x":16456.0,"y":2443.84619140625,"width":610.0,"height":334.0},"relativeTransform":[[1.0,0.0,335.0],[0.0,1.0,841.0]],"size":{"x":610.0,"y":334.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":610.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1345;188:4275","I268:1345;185:6959","I268:1345;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":false}},"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":8.0,"maxHeight":null,"maxWidth":610.0,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":334.0}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"See GIF in ‘Preview’ mode","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"openTypeFlags":null,"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER","visible":false},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif of theme swap","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"76e56a796c654fd01246d9075a43859e7997cc94","gifRef":"e64372a597747af0a624380ffb8d1ce5964d8be8","originalImageWidth":600,"originalImageHeight":320,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"261:26514":{"type":"TEXT","id":"261:26514","name":"Support","absoluteBoundingBox":{"x":17605.0,"y":12076.4580078125,"width":556.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":17605.908203125,"y":12078.7138671875,"width":75.099609375,"height":18.8349609375},"relativeTransform":[[1.0,0.0,36.0],[0.0,1.0,2.0]],"size":{"x":556.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"H5","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Support","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.3,"letterSpacingValue":-1.5,"letterSpacingUnit":"PERCENT","lineHeightPx":20.0,"lineHeightPercent":82.6291122436523,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1369":{"type":"FRAME","id":"268:1369","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":4681.5126953125,"width":800.0,"height":392.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":4681.5126953125,"width":800.0,"height":392.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":392.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1370"]},"268:2951":{"type":"FRAME","id":"268:2951","name":"Buttons","absoluteBoundingBox":{"x":18345.0,"y":9505.4365234375,"width":343.0,"height":212.387420654297},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":9505.4365234375,"width":343.0,"height":212.3876953125},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":212.387420654297},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.567880809307098,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["268:2952","268:2953","268:2956"]},"268:1313":{"type":"TEXT","id":"268:1313","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":16361.0,"y":1722.84619140625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":1722.84619140625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26614":{"type":"FRAME","id":"261:26614","name":"Row 2","absoluteBoundingBox":{"x":18345.0,"y":12159.435546875,"width":343.0,"height":526.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":12159.435546875,"width":343.0,"height":526.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1098.0]],"size":{"x":343.0,"y":526.0},"fills":[{"opacity":0.0500000007450581,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":24.0,"paddingRight":16.0,"paddingBottom":24.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["261:26615","261:26619"]},"268:2756":{"type":"FRAME","id":"268:2756","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":9103.5126953125,"width":800.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":9103.5126953125,"width":800.0,"height":120.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":120.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2757","268:2758","268:2759","268:2760","268:2761"]},"268:1740":{"type":"FRAME","id":"268:1740","name":"Text block 6","absoluteBoundingBox":{"x":18329.0,"y":6211.88623046875,"width":375.0,"height":497.799987792969},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":6211.88623046875,"width":375.0,"height":497.799987792969},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,5924.88623046875]],"size":{"x":375.0,"y":497.799987792969},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1812","268:1821"]},"268:1516":{"type":"FRAME","id":"268:1516","name":"Text block 5","absoluteBoundingBox":{"x":18329.0,"y":5584.08642578125,"width":375.0,"height":627.799987792969},"isolatedAbsoluteRenderBounds":{"x":18329.0,"y":5584.08642578125,"width":375.0,"height":627.799987792969},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,5297.08642578125]],"size":{"x":375.0,"y":627.799987792969},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":40.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1610","268:1619"]},"261:26417":{"type":"TEXT","id":"261:26417","name":"maggie manville","absoluteBoundingBox":{"x":17529.0,"y":189.0,"width":449.0,"height":44.0},"isolatedAbsoluteRenderBounds":{"x":17532.337890625,"y":196.795455932617,"width":280.583984375,"height":37.8409118652344},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,24.0]],"size":{"x":449.0,"y":44.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0392156876623631,"g":0.0431372560560703,"b":0.0509803928434849,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"maggie manville","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Light","fontStyle":"Light","hyperlink":{"type":"NODE","nodeID":"/"},"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1"}]},"fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.0,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":44.0,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1390":{"mainComponentId":"266:534","type":"INSTANCE","id":"268:1390","name":"Content","absoluteBoundingBox":{"x":16456.0,"y":5113.5126953125,"width":610.0,"height":365.0},"isolatedAbsoluteRenderBounds":{"x":16456.0,"y":5113.5126953125,"width":610.0,"height":365.0},"relativeTransform":[[1.0,0.0,335.0],[0.0,1.0,512.0]],"size":{"x":610.0,"y":365.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I268:1390;188:4275","I268:1390;185:6959","I268:1390;185:6937"],"componentProperties":{"Show Top Content#188:19":{"type":"BOOLEAN","value":false},"Show Caption#185:3":{"type":"BOOLEAN","value":true,"isDefault":true}},"overrides":[{"key":[],"value":{"boundVariables":null,"itemSpacing":8.0,"maxHeight":null,"maxWidth":null,"name":"Content","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":365.0}},"componentId":"266:534"},{"key":["Caption0"],"value":{"overrides":[{"key":[],"value":{"name":"Show Caption=True"},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[],"characters":"Exploratory vs Final Iteration","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null,"textAlignVertical":"CENTER"},"componentId":"266:519"}]},"componentId":"266:534"},{"key":["Feature/Content/SubComponents/Single Image0"],"value":{"overrides":[{"key":["Horizontal0"],"value":{"accessibleLabel":"gif checkbox","fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"69b8cda09cb0d46041ff1b8c53835040023a8d60","imageTransform":[[0.586155652999878,0.0,0.215818181633949],[0.0,0.527579545974731,0.223607867956161]],"gifRef":"ccafd4cbcaa10bc67e083276c1a45aff67f37498","originalImageWidth":600,"originalImageHeight":365,"visible":true,"opacity":1.0,"rotation":0.0}],"individualStrokeWeights":null,"strokeWeight":null},"componentId":"266:529"}]},"componentId":"266:534"},{"key":["Top Content0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"Show Body#188:18":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Subtitle#188:17":{"type":"BOOLEAN","value":true,"isDefault":true},"Show Title#188:16":{"type":"BOOLEAN","value":true}}},"componentId":"266:524"}]},"componentId":"266:534"}]},"268:1311":{"type":"FRAME","id":"268:1311","name":"Paragraph","absoluteBoundingBox":{"x":16361.0,"y":1682.84619140625,"width":800.0,"height":357.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":1682.84619140625,"width":800.0,"height":357.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":357.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:1312","268:1313","268:1314","268:1315","268:1316"]},"239:11217":{"type":"TEXT","id":"239:11217","name":"role","absoluteBoundingBox":{"x":5376.0,"y":9666.0,"width":1040.0,"height":35.0},"isolatedAbsoluteRenderBounds":{"x":5377.2783203125,"y":9674.306640625,"width":106.26513671875,"height":17.94921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1040.0,"y":35.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.18823529779911,"b":0.223529413342476,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"accessibleHTMLTag":"H1","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Outcome:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25"}]},"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.6,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":34.8000030517578,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1216":{"type":"FRAME","id":"267:1216","name":"Artifacts","absoluteBoundingBox":{"x":17545.0,"y":3695.41015625,"width":640.0,"height":413.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":3695.41015625,"width":640.0,"height":413.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,283.0]],"size":{"x":640.0,"y":413.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["267:1217","267:1218"]},"19:4860":{"id":"19:4860","assetId":"VariableCollectionId:bcba11ee7c5d38ed1c977b177acd60f7f8cb9bc8/3604:1624","type":"VARIABLE_COLLECTION","name":"🔢  hex-values","defaultModeId":"2:6","modes":[{"modeId":"2:6","name":"Mode 1"}]},"86:11891":{"id":"86:11891","type":"VARIABLE","assetId":"VariableID:96d2f4ce06aeff01970e88aa2535d87a4a559374/2849:111","name":"Grayscale/cool/700","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:bccdb5706533c37896ee5f16ecc728a586f8ca93/2849:875","codeSyntax":{},"valuesByMode":{"2:6":{"r":0.261000007390976,"g":0.287000000476837,"b":0.339000016450882,"a":1.0}}},"269:3066":{"type":"FRAME","id":"269:3066","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":10884.5126953125,"width":800.0,"height":175.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":10884.5126953125,"width":800.0,"height":175.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":175.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["269:3067"]},"261:26601":{"type":"FRAME","id":"261:26601","name":"List","absoluteBoundingBox":{"x":18345.0,"y":11061.435546875,"width":343.0,"height":1624.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":11061.435546875,"width":343.0,"height":1624.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,138.0]],"size":{"x":343.0,"y":1624.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"UL","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["261:26602","261:26608","261:26614"]},"268:1382":{"type":"TEXT","id":"268:1382","name":"In the foundation workshop, we established a core principle: convey environmental dimensionality through component state (hover, active, focus) rather than visual affordances like shadows. This principle needed to work consistently across all components—buttons, navigation, inputs, etc.I explored this approach with checkboxes. By tying visual depth to existing state logic, we created a pattern that: Reduced CSS complexity: No shadow variables to maintain per theme Scaled across components: Any component using :hover / :active / :focus automatically conveyed depth Worked across platforms: Mobile and in-vehicle rendering both support state-based styling without additional overhead This principle became the foundation for how all interactive components would signal dimensionality.","absoluteBoundingBox":{"x":17545.0,"y":4282.41015625,"width":640.0,"height":364.0},"isolatedAbsoluteRenderBounds":{"x":17545.408203125,"y":4288.70556640625,"width":633.193359375,"height":355.5908203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,54.0]],"size":{"x":640.0,"y":364.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"In the foundation workshop, we established a core principle: convey environmental dimensionality through component state (hover, active, focus) rather than visual affordances like shadows. This principle needed to work consistently across all components—buttons, navigation, inputs, etc.I explored this approach with checkboxes. \n\nBy tying visual depth to existing state logic, we created a pattern that:\nReduced CSS complexity: No shadow variables to maintain per theme\nScaled across components: Any component using :hover / :active / :focus automatically conveyed depth\nWorked across platforms: Mobile and in-vehicle rendering both support state-based styling without additional overhead\nThis principle became the foundation for how all interactive components would signal dimensionality.","lineIndentations":[0,0,0,1,1,1,0],"lineTypes":["NONE","NONE","NONE","UNORDERED","UNORDERED","UNORDERED","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"239:11211":{"type":"FRAME","id":"239:11211","name":"tech stack","absoluteBoundingBox":{"x":5376.0,"y":8924.0,"width":1040.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":5376.0,"y":8924.0,"width":1040.0,"height":23.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,93.0]],"size":{"x":1040.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["239:11212","239:11213"]},"268:1314":{"type":"TEXT","id":"268:1314","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":16361.0,"y":1727.84619140625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":1727.84619140625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1321":{"type":"TEXT","id":"268:1321","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":1622.07690429688,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":1622.07690429688,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1812":{"type":"FRAME","id":"268:1812","name":"Wrapper","absoluteBoundingBox":{"x":18345.0,"y":6251.88623046875,"width":343.0,"height":172.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6251.88623046875,"width":343.0,"height":172.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":172.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1813"]},"268:1312":{"type":"TEXT","id":"268:1312","name":"Variable Color Naming + Usage","absoluteBoundingBox":{"x":16361.0,"y":1682.84619140625,"width":800.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":16361.587890625,"y":1687.5478515625,"width":345.439453125,"height":23.4801025390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"H2","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Variable Color Naming + Usage","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.48,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3139":{"type":"TEXT","id":"269:3139","name":"Title","absoluteBoundingBox":{"x":18345.0,"y":10857.435546875,"width":343.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":18345.328125,"y":10860.65234375,"width":316.736328125,"height":21.60546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,235.336883544922]],"size":{"x":343.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"strokeWeight":0.556818187236786,"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Example from the List Component focus order accessibility requirements for developers.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":8.90909099578857,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.0445454549789429,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":12.9181823730469,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2618":{"type":"TEXT","id":"268:2618","name":"Difficult to navigate No internal page navigation = a lot of scrolling “cmd + f” did not always work to find items much farther down the page) Difficultly/Intimidating --> Avoid use by designers & devs A lot of manual updates = time consuming Time consuming to update menial items (Figma solve-components update with library update) Images had to be used - higher likelihood of out dated version (Less but not eliminated with Figma) Dev difficulties: Inspect links take them out of DSM (Figma solve - Inspect/Dev Mode) Cannot see component behavior High probability of viewing out of date version (Figma solve-simple update library automatically triggered)","absoluteBoundingBox":{"x":17545.0,"y":7988.41015625,"width":640.0,"height":383.0},"isolatedAbsoluteRenderBounds":{"x":17545.447265625,"y":7994.70556640625,"width":631.169921875,"height":374.15869140625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":383.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.380392163991928,"g":0.419607847929001,"b":0.494117647409439,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4],"characters":"Difficult to navigate\nNo internal page navigation = a lot of scrolling\n“cmd + f” did not always work to find items much farther down the page)\nDifficultly/Intimidating --> Avoid use by designers & devs\n\nA lot of manual updates = time consuming \nTime consuming to update menial items (Figma solve-components update with library update)\nImages had to be used - higher likelihood of out dated version (Less but not eliminated with Figma)\n\nDev difficulties:\nInspect links take them out of DSM (Figma solve - Inspect/Dev Mode)\nCannot see component behavior\nHigh probability of viewing out of date version (Figma solve-simple update library automatically triggered)","lineIndentations":[0,1,2,1,0,0,1,1,0,0,1,1,1],"lineTypes":["NONE","UNORDERED","UNORDERED","UNORDERED","NONE","NONE","UNORDERED","UNORDERED","NONE","NONE","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"fontSize":16.0,"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"2":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"268:2583":{"type":"FRAME","id":"268:2583","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":7731.5126953125,"width":800.0,"height":198.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7731.5126953125,"width":800.0,"height":198.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":198.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2584"]},"266:533":{"key":"10ed0972e278b0f258b928fd457c5ac82ad80e78","name":"Portfolio/Body/Body 1/Italic","styleType":"TEXT","remote":true,"description":"","id":"266:533","assetId":"StyleId:10ed0972e278b0f258b928fd457c5ac82ad80e78/228:39","type":"STYLE","style":{"fontFamily":"Source Sans Pro","fontPostScriptName":"SourceSansPro-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"WIDTH_AND_HEIGHT","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.612000017166138,"letterSpacingValue":3.40000009536743,"letterSpacingUnit":"PERCENT","lineHeightPx":27.0,"lineHeightPercent":128.0,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"267:1212":{"type":"RECTANGLE","id":"267:1212","name":"Horizontal","absoluteBoundingBox":{"x":16361.0,"y":4011.51293945312,"width":800.0,"height":300.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":4011.51293945312,"width":800.0,"height":299.999755859375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":300.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"3cc6124962fc45c8d741945620f5555522229a3e","originalImageWidth":3708,"originalImageHeight":1404,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"accessibility artifact","ariaAttributes":{},"interactions":[]},"266:527":{"mainComponentId":"266:519","type":"INSTANCE","id":"266:527","name":"Body","overrideKey":"188:4270","absoluteBoundingBox":{"x":0.0,"y":114.0,"width":610.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":114.0,"width":610.0,"height":96.6900024414062},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,114.0]],"size":{"x":610.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"componentPropertyReferences":{"visible":"Show Body#188:18"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["I266:527;136:13640"],"componentSetId":"266:518","componentProperties":{"Spacing":{"value":"Medium","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"boundVariables":null,"counterAxisSizingMode":"FIXED","name":"Body","paddingBottom":null,"paddingTop":null,"size":{"x":610.0,"y":93.0}},"componentId":"266:519"},{"key":["Title0"],"value":{"characterStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum ","style":{"styleIdForText":"StyleId:04b9f64f007dddf9428eb3a6ff3218ec368d6e7b/228:35","fontFamily":"Source Sans Pro","fontPostScriptName":"SourceSansPro-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.612000017166138,"letterSpacingValue":3.40000009536743,"letterSpacingUnit":"PERCENT","lineHeightPx":27.0,"lineHeightPercent":119.331741333008,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{"3":{"styleIdForText":"StyleId:04b9f64f007dddf9428eb3a6ff3218ec368d6e7b/228:35","fontFamily":"Source Sans Pro","fontPostScriptName":"SourceSansPro-Regular","fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontSize":18.0,"letterSpacing":0.612000017166138,"letterSpacingValue":3.40000009536743,"letterSpacingUnit":"PERCENT","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}},"text":null},"componentId":"266:519"}]},"268:2502":{"type":"TEXT","id":"268:2502","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":18345.0,"y":6789.68603515625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":18345.0,"y":6789.68603515625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:2790":{"type":"TEXT","id":"268:2790","name":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color.","absoluteBoundingBox":{"x":17545.0,"y":9088.41015625,"width":1280.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":9088.41015625,"width":1280.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,45.0]],"size":{"x":1280.0,"y":52.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The problem we we trying to scale for was that clients were given the option of having their logo and our company’s colors as the ‘Default’ option or they could choose to have their “Brand” color as the primary color. ","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.09,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.1000003814697,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"86:39416":{"type":"TEXT","id":"86:39416","name":"label/xs/Medium","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":15.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":15.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":15.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"boundVariables":{"lineHeight":[{"type":"VARIABLE_ALIAS","id":"VariableID:ae5c635e8ddfb6d2b8b0f7e48769b8379d44955c/2365:67"}],"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:f1bb4d2b1ec1f89f102b1efcb8399483ac1f0108/2316:121"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:1952f2a8c057f4e9d875ff2212fc8dde3f9d3853/2365:307"}],"fontStyle":[{"type":"VARIABLE_ALIAS","id":"VariableID:aad797f81603f1a032bd2450a363bce7faf3f02b/2316:106"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":2.0}},"textAutoResize":"WIDTH_AND_HEIGHT","paragraphSpacing":2.0,"style":{"fontFamily":"Roboto Flex","fontPostScriptName":"RobotoFlexNormalNormalNormalNormalNormalNormalNormalNormalNormalDefault-Medium","fontStyle":"Medium","paragraphSpacing":2.0,"textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"lineHeight":{"type":"VARIABLE_ALIAS","id":"VariableID:ae5c635e8ddfb6d2b8b0f7e48769b8379d44955c/2365:67"},"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:f1bb4d2b1ec1f89f102b1efcb8399483ac1f0108/2316:121"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:1952f2a8c057f4e9d875ff2212fc8dde3f9d3853/2365:307"},"fontStyle":{"type":"VARIABLE_ALIAS","id":"VariableID:aad797f81603f1a032bd2450a363bce7faf3f02b/2316:106"}},"fontVariantPosition":"NORMAL","fontSize":12.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":16.0,"lineHeightPercent":113.777778625488,"lineHeightPercentFontSize":133.33332824707,"lineHeightUnit":"PIXELS","paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"269:3089":{"type":"RECTANGLE","id":"269:3089","name":"Focus","absoluteBoundingBox":{"x":16455.0,"y":11099.5126953125,"width":612.0,"height":395.0},"targetAspectRatio":{"x":2268.0,"y":1464.0},"isolatedAbsoluteRenderBounds":{"x":16455.0,"y":11099.5126953125,"width":612.0,"height":395.0},"relativeTransform":[[1.0,0.0,-4.5],[0.0,1.0,0.0]],"size":{"x":612.0,"y":395.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"0bc29465429b36c7b99433f65ca60931f723d01f","originalImageWidth":2284,"originalImageHeight":1658,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadiiIndependent":true},"268:2947":{"type":"SVG","id":"268:2947","name":"Button Container","absoluteBoundingBox":{"x":17639.0,"y":9462.244140625,"width":101.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":17639.0,"y":9462.244140625,"width":101.0,"height":131.681640625},"relativeTransform":[[1.0,0.0,76.0],[0.0,1.0,222.83349609375]],"size":{"x":101.0,"y":128.0},"fills":[],"constraintValues":{"left":{"pixelOffset":76.0,"sizeFraction":0.0},"top":{"pixelOffset":222.83349609375,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"3945f18859b6c6d7ffe55ae20c5b293fdb0553eb"},"261:26312":{"type":"FRAME","id":"261:26312","name":"Header 2","absoluteBoundingBox":{"x":16121.0,"y":165.0,"width":1280.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":16121.0,"y":165.0,"width":1280.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1280.0,"y":92.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"HEADER","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":24.0,"paddingRight":64.0,"paddingBottom":24.0,"paddingLeft":64.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["261:26313","261:26314"]},"266:534":{"type":"COMPONENT","id":"266:534","name":"Feature/Content/SubComponents/Single info","overrideKey":"185:6964","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":610.0,"height":665.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":610.0,"height":665.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":610.0,"y":665.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":610.0,"strokes":[],"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92"},"paddingTop":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"},"paddingBottom":{"type":"VARIABLE_ALIAS","id":"VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":16.0,"paddingBottom":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","children":["266:535","266:536","266:537"]},"267:1217":{"type":"RECTANGLE","id":"267:1217","name":"Horizontal","absoluteBoundingBox":{"x":17545.0,"y":3695.41015625,"width":640.0,"height":243.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":3695.41015625,"width":640.0,"height":243.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":243.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"3cc6124962fc45c8d741945620f5555522229a3e","originalImageWidth":3708,"originalImageHeight":1404,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"accessibility artifact","ariaAttributes":{},"interactions":[]},"261:26316":{"type":"TEXT","id":"261:26316","name":"linkedIn","absoluteBoundingBox":{"x":17181.0,"y":199.5,"width":59.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":17182.40625,"y":204.397720336914,"width":56.193359375,"height":12.2784118652344},"relativeTransform":[[1.0,0.0,83.0],[0.0,1.0,0.0]],"size":{"x":59.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"linkedIn","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://www.linkedin.com/in/maggiemanville/","openInNewTab":false},"textCase":"LOWER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1606":{"type":"TEXT","id":"268:1606","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":5596.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":5596.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1317":{"type":"FRAME","id":"268:1317","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":1577.07690429688,"width":640.0,"height":409.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":1577.07690429688,"width":640.0,"height":409.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,60.0]],"size":{"x":640.0,"y":409.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1318"]},"266:522":{"type":"TEXT","id":"266:522","name":"Title","overrideKey":"136:13655","absoluteBoundingBox":{"x":-12872.0,"y":3748.0,"width":129.0,"height":15.0},"isolatedAbsoluteRenderBounds":{"x":-12870.01953125,"y":3748.56811523438,"width":124.5673828125,"height":18.94189453125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":129.0,"y":15.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0208722855895758,"g":0.0165277775377035,"b":0.070833332836628,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}},"visible":true,"opacity":1.0}],"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Lorem Ipsum","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:e7df40be54b4fcd1f8681bf93c7f2e882f2c2be4/251:21","fontFamily":"Source Sans Pro","fontPostScriptName":"SourceSansPro-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23"}]},"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.748000020980835,"letterSpacingValue":3.40000009536743,"letterSpacingUnit":"PERCENT","lineHeightPx":33.0,"lineHeightPercent":119.331741333008,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1805":{"type":"FRAME","id":"268:1805","name":"Wrapper","absoluteBoundingBox":{"x":17545.0,"y":6214.41015625,"width":640.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6214.41015625,"width":640.0,"height":120.0},"relativeTransform":[[1.0,0.0,80.0],[0.0,1.0,40.0]],"size":{"x":640.0,"y":120.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:1806"]},"268:2481":{"type":"FRAME","id":"268:2481","name":"Wrapper","absoluteBoundingBox":{"x":16361.0,"y":7313.5126953125,"width":800.0,"height":258.0},"isolatedAbsoluteRenderBounds":{"x":16361.0,"y":7313.5126953125,"width":800.0,"height":258.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":258.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["268:2482"]},"266:517":{"key":"e7df40be54b4fcd1f8681bf93c7f2e882f2c2be4","name":"Portfolio/Subtitle/Small","styleType":"TEXT","remote":true,"description":"","id":"266:517","assetId":"StyleId:e7df40be54b4fcd1f8681bf93c7f2e882f2c2be4/251:21","type":"STYLE","style":{"fontFamily":"Source Sans Pro","fontPostScriptName":"SourceSansPro-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.748000020980835,"letterSpacingValue":3.40000009536743,"letterSpacingUnit":"PERCENT","lineHeightPx":33.0,"lineHeightPercent":128.0,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"268:1381":{"type":"TEXT","id":"268:1381","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":4268.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":4268.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"261:26317":{"type":"TEXT","id":"261:26317","name":"resume","absoluteBoundingBox":{"x":17280.0,"y":199.5,"width":57.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":17281.419921875,"y":207.642044067383,"width":54.55859375,"height":9.03408813476562},"relativeTransform":[[1.0,0.0,182.0],[0.0,1.0,0.0]],"size":{"x":57.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"resume","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://docs.google.com/document/d/1KCyUxwNRAmmJetFYRKfhGwMdiV1oDJbmNTyVCCcq9aI/edit?tab=t.0","openInNewTab":false},"textCase":"LOWER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"268:1810":{"type":"TEXT","id":"268:1810","name":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","absoluteBoundingBox":{"x":17545.0,"y":6254.41015625,"width":375.0,"height":92.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":6254.41015625,"width":375.0,"height":92.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,40.0]],"size":{"x":375.0,"y":92.0},"fills":[{"opacity":0.550000011920929,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"By assigning colors based on their tonal value rather than just their lightness, I ensured that any color in the system would maintain a predictable contrast ratio.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":23.2000007629395,"lineHeightPercent":119.812210083008,"lineHeightPercentFontSize":145.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"267:1215":{"type":"RECTANGLE","id":"267:1215","name":"Horizontal","absoluteBoundingBox":{"x":16765.0,"y":4319.5126953125,"width":396.0,"height":202.0},"isolatedAbsoluteRenderBounds":{"x":16765.0,"y":4319.5126953125,"width":396.0,"height":202.0},"relativeTransform":[[1.0,0.0,404.0],[0.0,1.0,0.0]],"size":{"x":396.0,"y":202.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"c570c1a5984edf40c4d1756971daedfe6d69608a","originalImageWidth":2817,"originalImageHeight":1410,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"accessibility artifact","ariaAttributes":{},"interactions":[]},"266:515":{"id":"266:515","type":"VARIABLE","assetId":"VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23","name":"Color/Content Emphasis/xHigh","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:9860bf350c4e467f6fd7d83449f1d8b4b235e6fe/229:107","codeSyntax":{},"valuesByMode":{"6:0":{"r":0.0208722855895758,"g":0.0165277775377035,"b":0.070833332836628,"a":1.0}}},"268:2763":{"type":"FRAME","id":"268:2763","name":"Paragraph","absoluteBoundingBox":{"x":17545.0,"y":8451.41015625,"width":640.0,"height":146.0},"isolatedAbsoluteRenderBounds":{"x":17545.0,"y":8451.41015625,"width":640.0,"height":146.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":146.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["268:2764","268:2765","268:2766","268:2767","268:2768"]},"266:538":{"key":"533a5d4926cc52267fb043faa1e3335d7cb872aa","name":"Portfolio/FDS/Title/Subtitle","styleType":"TEXT","remote":true,"description":"","id":"266:538","assetId":"StyleId:533a5d4926cc52267fb043faa1e3335d7cb872aa/251:95","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":16.0,"textAutoResize":"WIDTH_AND_HEIGHT","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.0,"lineHeightPercent":128.0,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"268:1250":{"type":"FRAME","id":"268:1250","name":"section","absoluteBoundingBox":{"x":17465.0,"y":1517.07690429688,"width":800.0,"height":1182.0},"isolatedAbsoluteRenderBounds":{"x":17465.0,"y":1517.07690429688,"width":800.0,"height":1182.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1260.07690429688]],"size":{"x":800.0,"y":1182.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"SECTION","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"appear":{"otherLayer":{"sessionID":-1,"localID":-1},"trigger":"THIS_LAYER_IN_VIEW","direction":"UP","enterTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"enterState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":50.0},"opacity":0.0},"exitTransition":{"easingType":"OUT_CUBIC","easingFunction":[0.215000003576279,0.610000014305115,0.354999989271164,1.0],"transitionDuration":0.600000023841858,"delay":0.0},"exitState":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":1.0},"playsOnce":false,"behaviorType":"appear"}},"paddingTop":60.0,"paddingRight":80.0,"paddingBottom":60.0,"paddingLeft":80.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["268:1317","268:1343","268:1346"]}},"assetIdToGuid":{"VariableCollectionId:bccdb5706533c37896ee5f16ecc728a586f8ca93/2849:875":"86:10243","VariableCollectionId:99dce73ae3ea8db27cfba8d4f573134511c99013/2271:98":"86:10246","VariableCollectionId:bcba11ee7c5d38ed1c977b177acd60f7f8cb9bc8/3604:1624":"19:4860","VariableCollectionId:c1fe9f68772fbac531a428ff27030e9e64f59082/4015:58":"19:4863","VariableCollectionId:18e371557d8832e39bc5571ae9e6285f23585dd0/2316:134":"86:10341","VariableID:49a7525a4ebb0fa41887bffff953e48d0a28afa0/246:23":"266:515","VariableID:96d2f4ce06aeff01970e88aa2535d87a4a559374/2849:111":"86:11891","VariableID:e108472e83b49acf9f40386229d76610958a98f4/2849:94":"86:11468","VariableID:10718f07905678b4cedebc94d5deec7344fd52c4/2550:7":"86:11892","VariableID:fb4c1e76aa5804fe75d5e030d370a1d589b0b9d3/5147:92":"239:10392","VariableCollectionId:9860bf350c4e467f6fd7d83449f1d8b4b235e6fe/229:107":"266:511","StyleId:04b9f64f007dddf9428eb3a6ff3218ec368d6e7b/228:35":"266:523","VariableID:64439b141ad4faa879c76cc9e318b2d61d19a6b2/229:94":"266:513","VariableID:f1bb4d2b1ec1f89f102b1efcb8399483ac1f0108/2316:121":"86:10342","VariableID:ae5c635e8ddfb6d2b8b0f7e48769b8379d44955c/2365:67":"86:11424","VariableID:eadd7e5c9ceeb729fff10504ad3dd928d282beec/229:92":"266:512","VariableID:4a0822b2d544de498db80c3485f007088ada349a/5147:86":"266:509","StyleId:10ed0972e278b0f258b928fd457c5ac82ad80e78/228:39":"266:533","VariableID:03f9503b06312a80cd9e2e98f55001b70910ea94/50659:17":"266:510","VariableID:3ef86891721247c3c534fdd8ac691e92de336aa0/50659:1":"19:4880","VariableID:77db9f8afee2557d5154ba206f1143d546136a8b/5149:25":"266:508","VariableID:1356c70e93f0d98bd8a66d15a75e257bff7b73bc/2365:68":"86:10345","VariableID:aad797f81603f1a032bd2450a363bce7faf3f02b/2316:106":"86:10343","VariableID:1952f2a8c057f4e9d875ff2212fc8dde3f9d3853/2365:307":"86:11918","StyleId:30bcc0b602a648a2bdde2bd6d24be8e994318351/251:13":"266:516","StyleId:533a5d4926cc52267fb043faa1e3335d7cb872aa/251:95":"266:538","VariableID:b6ee53c60eb1c808217811533b8e4f4f7cda63d9/50659:25":"239:10394","StyleId:e7df40be54b4fcd1f8681bf93c7f2e882f2c2be4/251:21":"266:517","VariableID:85189dd891109d713f760deca79e789a5faa3c33/5147:52":"19:4878","VariableID:0389a4fd1c1c902165f018f3df4b8d7913ef9423/2365:313":"86:10344","VariableID:50aa8b94772be272ec64bb6ca72c86754002a953/5147:84":"19:4879","VariableID:c2044dc5ba6999b32fcdbcecc5c169166060dfed/5146:28":"239:10393","StyleId:5cc73ae046c9152c899de3934aac6eba812e6c8d/251:12":"266:514"},"guidToUrl":{"8:751":"/","261:26310":"/ford-work","269:3557":"/about-me","119:299910":"/soundtrip","19:3229":"/color-architecture","8:1716":"/optavise-mobile","312:594":"/travel-companions"},"fonts":{"Inter:Italic":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":true,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"},{"tag":"slnt","value":-10.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Inter:Medium":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"wght","value":500.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Inter:Light":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":300,"variationAxes":[{"tag":"wght","value":300.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Inter:Regular":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Source Serif Pro:SemiBold":{"id":"SourceSerifPro-SemiBold_2","url":"/_woff/v2/SourceSerifPro-SemiBold_2/SourceSerifPro-SemiBold_2.woff2","source":1,"italic":false,"weight":600,"subsets":{"baseUrl":"/_woff/v2/SourceSerifPro-SemiBold_2/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"SourceSerifPro-SemiBold_2-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"SourceSerifPro-SemiBold_2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"SourceSerifPro-SemiBold_2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"SourceSerifPro-SemiBold_2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"SourceSerifPro-SemiBold_2-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"SourceSerifPro-SemiBold_2-rest.woff2"}]}},"Inter:Semi Bold":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":600,"variationAxes":[{"tag":"wght","value":600.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Source Sans Pro:Italic":{"id":"SourceSansPro-Italic_2","url":"/_woff/v2/SourceSansPro-Italic_2/SourceSansPro-Italic_2.woff2","source":1,"italic":true,"weight":400,"subsets":{"baseUrl":"/_woff/v2/SourceSansPro-Italic_2/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"SourceSansPro-Italic_2-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"SourceSansPro-Italic_2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"SourceSansPro-Italic_2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"SourceSansPro-Italic_2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"SourceSansPro-Italic_2-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"SourceSansPro-Italic_2-rest.woff2"}]}},"Inter:Bold":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":700,"variationAxes":[{"tag":"wght","value":700.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Roboto Flex:Medium":{"id":"RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3","url":"/_woff/v2/RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3/RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"opsz","value":14.0,"name":"OpticalSize"},{"tag":"wght","value":500.0,"name":"Weight"},{"tag":"GRAD","value":0.0,"name":"GRAD"},{"tag":"wdth","value":100.0,"name":"Width"},{"tag":"slnt","value":0.0,"name":"Slant"},{"tag":"XOPQ","value":96.0,"name":"XOPQ"},{"tag":"YOPQ","value":79.0,"name":"YOPQ"},{"tag":"XTRA","value":468.0,"name":"XTRA"},{"tag":"YTUC","value":712.0,"name":"YTUC"},{"tag":"YTLC","value":514.0,"name":"YTLC"},{"tag":"YTAS","value":750.0,"name":"YTAS"},{"tag":"YTDE","value":-203.0,"name":"YTDE"},{"tag":"YTFI","value":738.0,"name":"YTFI"}],"subsets":{"baseUrl":"/_woff/v2/RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"RobotoFlex_GRAD_XOPQ_XTRA_YOPQ_YTAS_YTDE_YTFI_YTLC_YTUC_opsz_slnt_wdth_wght__3-rest.woff2"}]}},"Source Sans Pro:Regular":{"id":"SourceSansPro-Regular_2","url":"/_woff/v2/SourceSansPro-Regular_2/SourceSansPro-Regular_2.woff2","source":1,"italic":false,"weight":400,"subsets":{"baseUrl":"/_woff/v2/SourceSansPro-Regular_2/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"SourceSansPro-Regular_2-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"SourceSansPro-Regular_2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"SourceSansPro-Regular_2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"SourceSansPro-Regular_2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"SourceSansPro-Regular_2-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"SourceSansPro-Regular_2-rest.woff2"}]}}},"assets":{"faffd7692b5966af970eecea9fa349df183ee10e":{"type":"PAINT_ASSET","url":"faffd7692b5966af970eecea9fa349df183ee10e.png","size":{"x":0.0,"y":0.0}},"6ac552a9eed157b5fc20cfc1afeeb700f580648c":{"type":"PAINT_ASSET","url":"6ac552a9eed157b5fc20cfc1afeeb700f580648c.png","size":{"x":576.0,"y":324.0}},"162b9032c126453df7aa34298ae9680096b3a08f":{"type":"GENERATED_ASSET","url":"162b9032c126453df7aa34298ae9680096b3a08f.svg","size":{"x":320.0,"y":1.0},"offsets":{"left":{"value":0.0,"unit":"PERCENT"},"right":{"value":0.0,"unit":"PERCENT"},"top":{"value":-1.0,"unit":"PIXELS"},"bottom":{"value":0.0,"unit":"PIXELS"}},"format":"SVG"},"afff2e384fad24362db9fbcd6250ed45fb294db7":{"type":"GENERATED_ASSET","url":"afff2e384fad24362db9fbcd6250ed45fb294db7.svg","size":{"x":57.3562545776367,"y":74.7800827026367},"offsets":{"left":{"value":0.0,"unit":"PERCENT"},"right":{"value":-0.000518771548972034,"unit":"PERCENT"},"top":{"value":-0.000676191242426643,"unit":"PERCENT"},"bottom":{"value":-2.87643931248212,"unit":"PERCENT"}},"format":"SVG"},"9984f5c8aaab954f9f9fc1d380b8f1bae1a0ce76":{"type":"PAINT_ASSET","url":"9984f5c8aaab954f9f9fc1d380b8f1bae1a0ce76.png","size":{"x":600.0,"y":311.0}},"3945f18859b6c6d7ffe55ae20c5b293fdb0553eb":{"type":"GENERATED_ASSET","url":"3945f18859b6c6d7ffe55ae20c5b293fdb0553eb.svg","size":{"x":101.0,"y":131.681976318359},"offsets":{"left":{"value":0.0,"unit":"PERCENT"},"right":{"value":0.0,"unit":"PERCENT"},"top":{"value":0.0,"unit":"PERCENT"},"bottom":{"value":-2.87654399871826,"unit":"PERCENT"}},"format":"SVG"},"9f66184d14d502d8dd5ca928cecb6aa08e7523aa":{"type":"PAINT_ASSET","url":"9f66184d14d502d8dd5ca928cecb6aa08e7523aa.png","size":{"x":2417.0,"y":1510.0}},"82ffe65d51af78d99ddd3b6fa455976ab92bd918":{"type":"PAINT_ASSET","url":"82ffe65d51af78d99ddd3b6fa455976ab92bd918.png","size":{"x":1316.0,"y":778.0}},"1797a9652cf27e979d7f88bc5344a28effa24327":{"type":"PAINT_ASSET","url":"1797a9652cf27e979d7f88bc5344a28effa24327.png","size":{"x":2817.0,"y":1410.0}},"4fc70b5bfbb0cb37c8623381c481654174dae984":{"type":"PAINT_ASSET","url":"4fc70b5bfbb0cb37c8623381c481654174dae984.png","size":{"x":915.0,"y":501.0}},"e7eac6c884f7dfe2aade7c4e9d0a7495084ec159":{"type":"PAINT_ASSET","url":"e7eac6c884f7dfe2aade7c4e9d0a7495084ec159.png","size":{"x":600.0,"y":427.0}},"b84aa61066937697695c02cfa37feaa9ca7e3f1c":{"type":"PAINT_ASSET","url":"b84aa61066937697695c02cfa37feaa9ca7e3f1c.png","size":{"x":4096.0,"y":2778.0}},"5221696c4ab193c4fd209700a46a1a1816b12633":{"type":"GENERATED_ASSET","url":"5221696c4ab193c4fd209700a46a1a1816b12633.svg","size":{"x":24.0,"y":24.0},"offsets":{"left":{"value":0.0,"unit":"PERCENT"},"right":{"value":0.0,"unit":"PERCENT"},"top":{"value":0.0,"unit":"PERCENT"},"bottom":{"value":0.0,"unit":"PERCENT"}},"format":"SVG"},"0bc29465429b36c7b99433f65ca60931f723d01f":{"type":"PAINT_ASSET","url":"0bc29465429b36c7b99433f65ca60931f723d01f.png","size":{"x":2284.0,"y":1658.0}},"e64372a597747af0a624380ffb8d1ce5964d8be8":{"type":"PAINT_ASSET","url":"e64372a597747af0a624380ffb8d1ce5964d8be8.png","size":{"x":600.0,"y":320.0}},"c570c1a5984edf40c4d1756971daedfe6d69608a":{"type":"PAINT_ASSET","url":"c570c1a5984edf40c4d1756971daedfe6d69608a.png","size":{"x":2817.0,"y":1410.0}},"5045c1d896525551aaf2b3bbed5483b461febade":{"type":"PAINT_ASSET","url":"5045c1d896525551aaf2b3bbed5483b461febade.png","size":{"x":1237.0,"y":750.0}},"37a933cb14651c5627e8fb5f7f94a1d2d9f03eec":{"type":"PAINT_ASSET","url":"37a933cb14651c5627e8fb5f7f94a1d2d9f03eec.png","size":{"x":600.0,"y":395.0}},"ccafd4cbcaa10bc67e083276c1a45aff67f37498":{"type":"PAINT_ASSET","url":"ccafd4cbcaa10bc67e083276c1a45aff67f37498.png","size":{"x":600.0,"y":365.0}},"b864058fa10e1711bb7af1925e092cadb971002a":{"type":"PAINT_ASSET","url":"b864058fa10e1711bb7af1925e092cadb971002a.png","size":{"x":2268.0,"y":1464.0}},"8077cddec35ff1a0a76b1a4538d82b7fa6e6c1e5":{"type":"PAINT_ASSET","url":"8077cddec35ff1a0a76b1a4538d82b7fa6e6c1e5.png","size":{"x":2790.0,"y":1040.0}},"3cc6124962fc45c8d741945620f5555522229a3e":{"type":"PAINT_ASSET","url":"3cc6124962fc45c8d741945620f5555522229a3e.png","size":{"x":3708.0,"y":1404.0}},"4abb829671a63a4aafa788747350a4e89eb0d4fb":{"type":"GENERATED_ASSET","url":"4abb829671a63a4aafa788747350a4e89eb0d4fb.svg","size":{"x":24.0,"y":24.0},"offsets":{"left":{"value":0.0,"unit":"PERCENT"},"right":{"value":0.0,"unit":"PERCENT"},"top":{"value":0.0,"unit":"PERCENT"},"bottom":{"value":0.0,"unit":"PERCENT"}},"format":"SVG"},"4d49688500609ebd8d91b5d91a76687d574fcd41":{"type":"GENERATED_ASSET","url":"4d49688500609ebd8d91b5d91a76687d574fcd41.svg","size":{"x":1040.0,"y":1.0},"offsets":{"left":{"value":0.0,"unit":"PERCENT"},"right":{"value":0.0,"unit":"PERCENT"},"top":{"value":-1.0,"unit":"PIXELS"},"bottom":{"value":0.0,"unit":"PIXELS"}},"format":"SVG"},"d6dde2387a432659855f004c08b20bcada9b0822":{"type":"PAINT_ASSET","url":"d6dde2387a432659855f004c08b20bcada9b0822.png","size":{"x":2880.0,"y":1500.0}},"4fc5d40fe273c245339f52ff8eac78ff6f5ed413":{"type":"PAINT_ASSET","url":"4fc5d40fe273c245339f52ff8eac78ff6f5ed413.png","size":{"x":920.0,"y":480.0}}},"stablePathToAssetInfo":{"I239:11385;2653:4485":{"hash":"4d49688500609ebd8d91b5d91a76687d574fcd41"},"269:3204":{"hash":"4abb829671a63a4aafa788747350a4e89eb0d4fb"},"I261:26423;239:11385;2653:4485":{"hash":"4d49688500609ebd8d91b5d91a76687d574fcd41"},"261:26604":{"hash":"5221696c4ab193c4fd209700a46a1a1816b12633"},"261:26396":{"hash":"5221696c4ab193c4fd209700a46a1a1816b12633"},"268:2953":{"hash":"afff2e384fad24362db9fbcd6250ed45fb294db7"},"I261:26527;239:11385;2653:4485":{"hash":"4d49688500609ebd8d91b5d91a76687d574fcd41"},"142:571090":{"hash":"162b9032c126453df7aa34298ae9680096b3a08f"},"268:2947":{"hash":"3945f18859b6c6d7ffe55ae20c5b293fdb0553eb"},"261:26500":{"hash":"5221696c4ab193c4fd209700a46a1a1816b12633"},"269:3200":{"hash":"4abb829671a63a4aafa788747350a4e89eb0d4fb"},"269:3202":{"hash":"4abb829671a63a4aafa788747350a4e89eb0d4fb"},"268:2941":{"hash":"3945f18859b6c6d7ffe55ae20c5b293fdb0553eb"},"I261:26319;239:11385;2653:4485":{"hash":"4d49688500609ebd8d91b5d91a76687d574fcd41"}},"animateRootIds":[],"siteSettings":{"title":"maggie manville portfolio","scalingMode":"REFLOW","blockSearchIndexing":true,"labs":{"E5FBBA911B2B7A09E649D4BE6CDF8591EAEFC881":false}},"sourceCodeHash":"3c48b3fa52964ed1777f0eae095893905e17f780"}