{"roots":["132:40486"],"nodeById":{"2:10":{"id":"2:10","assetId":"VariableCollectionId:8e1c384368769290251cf478ce31d53963213821/6:0","type":"VARIABLE_COLLECTION","name":"Variable collection","defaultModeId":"6:0","modes":[{"modeId":"6:0","name":"Mode 1"}]},"2:168":{"id":"2:168","type":"VARIABLE","assetId":"VariableID:2:168","name":"Yellow","resolvedType":"COLOR","valuesByMode":{"2:0":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"2:1":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0}},"variableCollectionId":"VariableCollectionId:2:161","codeSyntax":{}},"2:10649":{"type":"COMPONENT_SET","id":"2:10649","name":"Tag","absoluteBoundingBox":{"x":-9599.0,"y":2188.0,"width":379.0,"height":166.0},"isolatedAbsoluteRenderBounds":{"x":-9599.0,"y":2188.0,"width":379.0,"height":166.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1458.0]],"size":{"x":379.0,"y":166.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}],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["2:10648","2:10647"],"componentPropertyDefinitions":{"Show icon#9:3":{"type":"BOOLEAN","defaultValue":false},"Breakpoint":{"type":"VARIANT","defaultValue":"Tag Desktop","variantOptions":["Tag Desktop","Tag Mobile"]}}},"2:10648":{"type":"COMPONENT","id":"2:10648","name":"Breakpoint=Tag Desktop","absoluteBoundingBox":{"x":-9581.0,"y":2204.0,"width":295.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":-9581.0,"y":2204.0,"width":295.0,"height":53.0},"relativeTransform":[[1.0,0.0,18.0],[0.0,1.0,16.0]],"size":{"x":295.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:5cba406416b721751eaf247c21d25a8e2c61ea98/6:3"}},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":18.0,"sizeFraction":0.0},"top":{"pixelOffset":16.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:5cba406416b721751eaf247c21d25a8e2c61ea98/6:3"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["2:10644","9:18497"],"componentSetId":"2:10649"},"9:18497":{"type":"SVG","id":"9:18497","name":"ArrowCircleUpRight","absoluteBoundingBox":{"x":-9300.0,"y":2216.0,"width":40.0,"height":40.0},"targetAspectRatio":{"x":32.0,"y":32.0},"isolatedAbsoluteRenderBounds":{"x":-9300.0,"y":2216.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,281.0],[0.0,1.0,12.0]],"size":{"x":40.0,"y":40.0},"fills":[],"visible":true,"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.15625,"componentPropertyReferences":{"visible":"Show icon#9:3"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"6b7eb92236cdbed0c7d37f7fab3ddede305354ac"},"2:10644":{"type":"TEXT","id":"2:10644","name":"02. ORIGINAL JOURNEY","absoluteBoundingBox":{"x":-9561.0,"y":2216.0,"width":255.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":-9560.16015625,"y":2221.93603515625,"width":253.8974609375,"height":17.327880859375},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,12.0]],"size":{"x":255.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"02. ORIGINAL JOURNEY","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"styleIdForText":"StyleId:1106e8b15a08e85bc54dac7072ab3e2c43ee138f/6:20","fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.24,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":104.986885070801,"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":{}},"2:166":{"id":"2:166","type":"VARIABLE","assetId":"VariableID:2:166","name":"Text and Elements","resolvedType":"COLOR","valuesByMode":{"2:0":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"2:1":{"r":0.949019610881805,"g":0.933333337306976,"b":0.905882358551025,"a":1.0}},"variableCollectionId":"VariableCollectionId:2:161","codeSyntax":{}},"43:68911":{"type":"COMPONENT","id":"43:68911","name":"Breakpoint=Tablet","absoluteBoundingBox":{"x":-9583.0,"y":1761.0,"width":821.0,"height":56.0},"isolatedAbsoluteRenderBounds":{"x":-9583.0,"y":1761.0,"width":821.0,"height":56.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,106.0]],"size":{"x":821.0,"y":56.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":16.0,"sizeFraction":0.0},"top":{"pixelOffset":106.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","scrollBehavior":"STICKY_SCROLLS","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":3.0,"left":0.0},"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"NAV","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":8.0,"paddingRight":16.0,"paddingBottom":8.0,"paddingLeft":16.0,"layoutMode":"HORIZONTAL","itemSpacing":87.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["43:68912"],"componentSetId":"2:74"},"43:68936":{"type":"FRAME","id":"43:68936","name":"Frame 1984077881","absoluteBoundingBox":{"x":-8828.0,"y":1773.0,"width":2.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-8828.0,"y":1773.0,"width":2.0,"height":32.0},"relativeTransform":[[1.0,0.0,215.666687011719],[0.0,1.0,4.0]],"size":{"x":2.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.761904776096344,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"children":[]},"43:68935":{"type":"RECTANGLE","id":"43:68935","name":"Image","absoluteBoundingBox":{"x":-8872.0,"y":1773.0,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-8872.0,"y":1773.0,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,4.0],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"27e42b2ed71c4975a3dbe68cc82f48403cf0cb61","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.1},"right":{"pixelOffset":0.0,"sizeFraction":0.9},"top":{"pixelOffset":0.0,"sizeFraction":0.1},"bottom":{"pixelOffset":0.0,"sizeFraction":0.9}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Mattrix Arean Website","ariaAttributes":{},"interactions":[]},"52:110291":{"mainComponentId":"52:110017","type":"INSTANCE","id":"52:110291","name":"Nav Menu Iten","absoluteBoundingBox":{"x":-9108.0,"y":1773.5,"width":62.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-9108.0,"y":1773.5,"width":62.0,"height":31.0},"relativeTransform":[[1.0,0.0,193.333343505859],[0.0,1.0,4.5]],"size":{"x":62.0,"y":31.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"BUTTON","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":4.0,"paddingRight":6.0,"paddingBottom":4.0,"paddingLeft":6.0,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I52:110291;52:110009"],"componentSetId":"52:110018","componentProperties":{"State":{"value":"Inactive","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":["Nav Link0","Link0"],"value":{"characterStyleOverrides":[],"characters":"About","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":[],"value":{"size":{"x":62.0,"y":31.0}}}]},"43:68913":{"type":"FRAME","id":"43:68913","name":"Logo","absoluteBoundingBox":{"x":-9559.0,"y":1769.0,"width":257.666656494141,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9559.0,"y":1769.0,"width":257.6669921875,"height":40.0},"relativeTransform":[[1.0,0.0,8.0],[0.0,1.0,0.0]],"size":{"x":257.666656494141,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"strokeWeight":0.666666686534882,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.33333349227905,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["74:170848"]},"52:110009":{"type":"FRAME","id":"52:110009","name":"Nav Link","absoluteBoundingBox":{"x":-8766.0,"y":1419.0,"width":50.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":-8766.0,"y":1419.0,"width":50.0,"height":23.0},"relativeTransform":[[1.0,0.0,6.0],[0.0,1.0,4.0]],"size":{"x":50.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["52:110010"]},"52:110010":{"type":"TEXT","id":"52:110010","name":"Link","absoluteBoundingBox":{"x":-8766.0,"y":1419.0,"width":50.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":-8764.8662109375,"y":1422.97802734375,"width":46.9228515625,"height":16.073974609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"UX/UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:2:10594","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"52:110016":{"type":"COMPONENT","id":"52:110016","name":"State=Active","absoluteBoundingBox":{"x":-8770.0,"y":1467.0,"width":62.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-8770.0,"y":1467.0,"width":62.0,"height":31.0},"relativeTransform":[[1.0,0.0,18.0],[0.0,1.0,68.0]],"size":{"x":62.0,"y":31.0},"fills":[],"constraintValues":{"left":{"pixelOffset":18.0,"sizeFraction":0.0},"top":{"pixelOffset":68.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"BUTTON","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":4.0,"paddingRight":6.0,"paddingBottom":4.0,"paddingLeft":6.0,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["52:110014"],"componentSetId":"52:110018"},"52:110014":{"type":"FRAME","id":"52:110014","name":"Nav Link","absoluteBoundingBox":{"x":-8764.0,"y":1471.0,"width":50.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":-8764.0,"y":1471.0,"width":50.0,"height":23.0},"relativeTransform":[[1.0,0.0,6.0],[0.0,1.0,4.0]],"size":{"x":50.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["52:110015"]},"43:68864":{"type":"COMPONENT","id":"43:68864","name":"Logo Icon","absoluteBoundingBox":{"x":-9544.0,"y":2664.0,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9544.0,"y":2664.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,100.0],[0.0,1.0,1976.0]],"size":{"x":40.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":100.0,"sizeFraction":0.0},"top":{"pixelOffset":1976.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.666666686534882,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Logo","ariaAttributes":{},"interactions":[{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[83.3333435058594,83.3333435058594,83.3333435058594,83.3333435058594],"cornerRadius":83.3333435058594,"clipsContent":true,"children":["43:68861"]},"2:75":{"type":"COMPONENT","id":"2:75","name":"Breakpoint=Desktop","absoluteBoundingBox":{"x":-9583.0,"y":1671.0,"width":1280.0,"height":56.0},"isolatedAbsoluteRenderBounds":{"x":-9583.0,"y":1671.0,"width":1280.0,"height":56.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,16.0]],"size":{"x":1280.0,"y":56.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":16.0,"sizeFraction":0.0},"top":{"pixelOffset":16.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","scrollBehavior":"STICKY_SCROLLS","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":3.0,"left":0.0},"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"NAV","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"cursor":{"cursorGuid":{"sessionID":52,"localID":110417},"hotspotX":32.0,"hotspotY":-16.0,"behaviorType":"cursor","cursorFileName":"54bb3f6a1594dcb719da98cb597357eae586544d.png"}},"paddingTop":8.0,"paddingRight":16.0,"paddingBottom":8.0,"paddingLeft":16.0,"layoutMode":"HORIZONTAL","itemSpacing":87.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["43:68766"],"componentSetId":"2:74"},"43:68766":{"type":"FRAME","id":"43:68766","name":"Frame 1984077882","absoluteBoundingBox":{"x":-9567.0,"y":1679.0,"width":1247.24633789062,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9567.0,"y":1679.0,"width":1247.24633789062,"height":40.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,8.0]],"size":{"x":1247.24633789062,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"layoutMode":"HORIZONTAL","itemSpacing":300.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["2:76","2:81","43:68708"]},"43:68712":{"type":"FRAME","id":"43:68712","name":"🌚 New moon with face","absoluteBoundingBox":{"x":-8367.75390625,"y":1683.0,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-8367.75390625,"y":1683.0,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,373.082092285156],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["43:68713"]},"2:81":{"type":"FRAME","id":"2:81","name":"Links","absoluteBoundingBox":{"x":-9145.91796875,"y":1679.0,"width":405.082092285156,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9145.91796875,"y":1679.0,"width":405.082092285156,"height":40.0},"relativeTransform":[[1.0,0.0,421.082122802734],[0.0,1.0,0.0]],"size":{"x":405.082092285156,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":32.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["52:110019","52:110077","52:110135"]},"2:76":{"type":"FRAME","id":"2:76","name":"Logo","absoluteBoundingBox":{"x":-9551.0,"y":1679.0,"width":405.082122802734,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9551.0,"y":1679.0,"width":405.082122802734,"height":40.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":405.082122802734,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"strokeWeight":0.666666686534882,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.33333349227905,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["74:170618"]},"43:68572":{"type":"SVG","id":"43:68572","name":"logo cheryl alice-02 1","absoluteBoundingBox":{"x":-9506.0,"y":1686.0,"width":190.818359375,"height":26.0000476837158},"isolatedAbsoluteRenderBounds":{"x":-9506.0,"y":1686.0,"width":190.818359375,"height":26.0000476837158},"relativeTransform":[[1.0,0.0,45.0],[0.0,1.0,6.99997615814209]],"size":{"x":190.818359375,"y":26.0000476837158},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.687831997871399,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Go Home\n","ariaAttributes":{},"interactions":[{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}],"hash":"b38929292ad0836c714f59c918dfc791e97f756a"},"2:169":{"id":"2:169","type":"VARIABLE","assetId":"VariableID:2:169","name":"Lilac","resolvedType":"COLOR","valuesByMode":{"2:0":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"2:1":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0}},"variableCollectionId":"VariableCollectionId:2:161","codeSyntax":{}},"2:162":{"id":"2:162","type":"VARIABLE","assetId":"VariableID:2:162","name":"Background Primary","resolvedType":"COLOR","valuesByMode":{"2:0":{"r":0.95686274766922,"g":0.949019610881805,"b":0.937254905700684,"a":1.0},"2:1":{"r":0.0784313753247261,"g":0.0784313753247261,"b":0.0784313753247261,"a":1.0}},"variableCollectionId":"VariableCollectionId:2:161","codeSyntax":{}},"8:11405":{"type":"TEXT","id":"8:11405","name":"As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.","absoluteBoundingBox":{"x":-9575.0,"y":2564.0,"width":1183.0,"height":69.0},"isolatedAbsoluteRenderBounds":{"x":-9574.513671875,"y":2568.94995117188,"width":1126.970703125,"height":63.22607421875},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,66.0]],"size":{"x":1183.0,"y":69.0},"fills":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}],"textRangeFills":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,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,6,6,6,6,6,6,6,6,6,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":"As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House.\nUsers were frustrated by unclear seat quality, confusing pricing, and limited accessibility options.\nThe goal: improve satisfaction and booking clarity, without adding any new features.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:55:117386","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"7":{"styleIdForText":"StyleId:55:117386","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","fills":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"55:117386","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"6":{"styleIdForText":"StyleId:55:117386","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":18.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","fills":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"55:117386","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"17:5336":{"id":"17:5336","type":"VARIABLE","assetId":"VariableID:abddbd6454e3de4c8350f56b4ac986911a639b73/55872:261","name":"Label Large/Tracking","resolvedType":"FLOAT","valuesByMode":{"55064:2":0.100000001490116},"variableCollectionId":"VariableCollectionId:ec6a1ceb130c6e178bb551dd0f75352ed31592b3/55067:80","codeSyntax":{}},"17:5335":{"id":"17:5335","type":"VARIABLE","assetId":"VariableID:a39ca6cda390af45265a75e4faa0a8d3fd6ef45b/55872:189","name":"Label Large/Size","resolvedType":"FLOAT","valuesByMode":{"55064:2":14.0},"variableCollectionId":"VariableCollectionId:ec6a1ceb130c6e178bb551dd0f75352ed31592b3/55067:80","codeSyntax":{}},"17:5332":{"id":"17:5332","type":"VARIABLE","assetId":"VariableID:3c1c49084166dca096a283e4aaffe5c395336720/55872:92","name":"Label Large/Font","resolvedType":"STRING","valuesByMode":{"55064:2":{"type":"VARIABLE_ALIAS","id":"VariableID:f40c59b0465b3e7fa58cc2493db207fc7e6b02c0/55872:35"}},"variableCollectionId":"VariableCollectionId:ec6a1ceb130c6e178bb551dd0f75352ed31592b3/55067:80","codeSyntax":{}},"132:40486":{"type":"WEBPAGE","id":"132:40486","name":"/design-system-light","absoluteBoundingBox":{"x":18842.0,"y":1783.0,"width":2711.0,"height":4192.3466796875},"isolatedAbsoluteRenderBounds":{"x":18842.0,"y":1783.0,"width":2711.0,"height":4192.3466796875},"relativeTransform":[[1.0,0.0,18842.0],[0.0,1.0,1783.0]],"size":{"x":2711.0,"y":4192.3466796875},"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":["132:40487","132:40586","132:40685"]},"105:17970":{"type":"TEXT","id":"105:17970","name":"Back","absoluteBoundingBox":{"x":-8694.0,"y":1165.0,"width":45.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":-8692.5,"y":1170.59997558594,"width":42.615234375,"height":14.6400146484375},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,0.0]],"size":{"x":45.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Back","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"styleIdForText":"StyleId:2:10591","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"132:40783":{"mainComponentId":"2:75","type":"INSTANCE","id":"132:40783","name":"Nav Header","absoluteBoundingBox":{"x":21130.0,"y":1963.0,"width":343.0,"height":56.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":1963.0,"width":343.0,"height":56.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,80.0]],"size":{"x":343.0,"y":56.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","scrollBehavior":"STICKY_SCROLLS","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":3.0,"left":0.0},"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"NAV","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"cursor":{"cursorGuid":{"sessionID":52,"localID":110417},"hotspotX":32.0,"hotspotY":-16.0,"behaviorType":"cursor","cursorFileName":"54bb3f6a1594dcb719da98cb597357eae586544d.png"}},"paddingTop":8.0,"paddingRight":16.0,"paddingBottom":8.0,"paddingLeft":16.0,"layoutMode":"HORIZONTAL","itemSpacing":87.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I132:40783;43:68766"],"componentSetId":"2:74","componentProperties":{"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":343.0,"y":56.0}}},{"key":["Frame 19840778820"],"value":{"layoutGrow":1.0}}]},"105:17992":{"type":"SVG","id":"105:17992","name":"LinkedIN","absoluteBoundingBox":{"x":-8726.0,"y":1165.64184570312,"width":24.0,"height":24.7164173126221},"isolatedAbsoluteRenderBounds":{"x":-8726.0,"y":1165.64184570312,"width":24.0,"height":24.7164306640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.641791343688965]],"size":{"x":24.0,"y":24.7164173126221},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.358208954334259,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"LinkedIn","ariaAttributes":{},"interactions":[],"hash":"690d24165a3ba9a5d490be677fa26f1127ca41f5"},"17:5331":{"id":"17:5331","assetId":"VariableCollectionId:ec6a1ceb130c6e178bb551dd0f75352ed31592b3/55067:80","type":"VARIABLE_COLLECTION","name":"Typescale","defaultModeId":"55064:2","modes":[{"modeId":"55064:2","name":"Baseline"}]},"74:170618":{"type":"FRAME","id":"74:170618","name":"Frame 1984077933","absoluteBoundingBox":{"x":-9551.0,"y":1679.0,"width":235.818359375,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9551.0,"y":1679.0,"width":235.818359375,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":235.818359375,"y":40.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.0,"counterAxisAlignItems":"CENTER","children":["43:68869","43:68572"]},"2:74":{"type":"COMPONENT_SET","id":"2:74","name":"Nav Header","absoluteBoundingBox":{"x":-9599.0,"y":1655.0,"width":1312.0,"height":208.0},"isolatedAbsoluteRenderBounds":{"x":-9599.0,"y":1655.0,"width":1312.0,"height":208.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,925.0]],"size":{"x":1312.0,"y":208.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}],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["2:75","43:68911"],"componentPropertyDefinitions":{"Breakpoint":{"type":"VARIANT","defaultValue":"Desktop","variantOptions":["Desktop","Tablet"]}}},"9:22246":{"id":"9:22246","type":"VARIABLE","assetId":"VariableID:9:22246","name":"Dark Text","resolvedType":"COLOR","valuesByMode":{"2:0":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"2:1":{"r":0.0784313753247261,"g":0.0784313753247261,"b":0.0784313753247261,"a":1.0}},"variableCollectionId":"VariableCollectionId:2:161","codeSyntax":{}},"132:40780":{"type":"FRAME","id":"132:40780","name":"Frame 1984077912","absoluteBoundingBox":{"x":21130.0,"y":5599.1435546875,"width":343.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":5599.1435546875,"width":343.0,"height":38.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,2915.4765625]],"size":{"x":343.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["132:40781","132:40782"]},"132:40781":{"mainComponentId":"2:10647","type":"INSTANCE","id":"132:40781","name":"Tag","absoluteBoundingBox":{"x":21130.0,"y":5599.1435546875,"width":153.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":5599.1435546875,"width":153.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":153.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":55,"localID":129068},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":115,"localID":22641},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/events-app-light"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":8.0,"paddingRight":12.0,"paddingBottom":8.0,"paddingLeft":12.0,"layoutMode":"HORIZONTAL","itemSpacing":4.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I132:40781;2:10646","I132:40781;9:18595"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Mobile","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","size":{"x":153.0,"y":38.0},"interactions":[{"id":{"sessionID":55,"localID":129068},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":115,"localID":22641},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/events-app-light"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120291},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":17,"localID":9253},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"PREVIOUS","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"43:68710":{"type":"RECTANGLE","id":"43:68710","name":"Image","absoluteBoundingBox":{"x":-8421.75390625,"y":1683.0,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-8421.75390625,"y":1683.0,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,4.0],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"27e42b2ed71c4975a3dbe68cc82f48403cf0cb61","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.1},"right":{"pixelOffset":0.0,"sizeFraction":0.9},"top":{"pixelOffset":0.0,"sizeFraction":0.1},"bottom":{"pixelOffset":0.0,"sizeFraction":0.9}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Mattrix Arean Website","ariaAttributes":{},"interactions":[]},"132:40775":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40775","name":"Info Section","absoluteBoundingBox":{"x":21130.0,"y":4891.1435546875,"width":343.0,"height":692.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":4891.1435546875,"width":343.0,"height":692.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,2207.4765625]],"size":{"x":343.0,"y":692.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40775;8:11404","I132:40775;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":343.0,"y":692.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"SUDIO INFO & SCALABILITY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"To evaluate the app’s usability and engagement, we ran two structured testing phases and a live in-company “Studio Quest” — an Easter-themed pilot that mimicked real event conditions.\n\nIn each phase, participants completed five key tasks while tracking completion rates and collecting both qualitative feedback and UMUX-Lite usability scores. The first round scored 80.01 (Good), which rose to 83.9 (Excellent) after design improvements.\n\nCommon issues like scan button discoverability and unclear tap targets led to changes in navigation, labels, and layout. Post-launch feedback from the Monaco event also highlighted feature ideas such as session notifications, contact access, adding tournaments to the app, and prize transparency, which are informed next-phase iterations.","lineIndentations":[0,0,0,0,0],"lineStyleOverrides":[0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE"],"styleOverrideTable":{}}}]},"132:40774":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40774","name":"Info Section","absoluteBoundingBox":{"x":21182.0,"y":6825.6796875,"width":704.0,"height":258.0},"isolatedAbsoluteRenderBounds":{"x":21182.0,"y":6825.6796875,"width":704.0,"height":258.0},"relativeTransform":[[1.0,0.0,68.0],[0.0,1.0,4142.01318359375]],"size":{"x":704.0,"y":258.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40774;8:11404","I132:40774;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":704.0,"y":258.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"STUDIO INFO & SCALABILITY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"Users could explore studio details, using the bottom navigantion. From the Studios tab, they could track which booths they'd visited, learn about each game, and plan what to explore next.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"43:68861":{"type":"SVG","id":"43:68861","name":"Group 19","absoluteBoundingBox":{"x":-9537.333984375,"y":2670.66674804688,"width":26.6666679382324,"height":26.6666679382324},"isolatedAbsoluteRenderBounds":{"x":-9537.333984375,"y":2670.66674804688,"width":26.6669921875,"height":26.666748046875},"relativeTransform":[[1.0,0.0,6.66650390625],[0.0,1.0,6.666748046875]],"size":{"x":26.6666679382324,"y":26.6666679382324},"fills":[],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.16666259765625},"right":{"pixelOffset":0.0,"sizeFraction":0.833329296112061},"top":{"pixelOffset":0.0,"sizeFraction":0.166668701171875},"bottom":{"pixelOffset":0.0,"sizeFraction":0.833335399627686}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0249999985098839,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"7a45f10713d743d650d58d0b46aa859dadde92f6"},"43:68869":{"mainComponentId":"43:68864","type":"INSTANCE","id":"43:68869","name":"Logo Icon","absoluteBoundingBox":{"x":-9551.0,"y":1679.0,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9551.0,"y":1679.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.666666686534882,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Logo","ariaAttributes":{},"interactions":[{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[83.3333435058594,83.3333435058594,83.3333435058594,83.3333435058594],"cornerRadius":83.3333435058594,"clipsContent":true,"children":["I43:68869;43:68861"],"componentProperties":{},"overrides":[{"key":[],"value":{"size":{"x":40.0,"y":40.0}}}]},"43:68937":{"type":"FRAME","id":"43:68937","name":"🌚 New moon with face","absoluteBoundingBox":{"x":-8818.0,"y":1773.0,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-8818.0,"y":1773.0,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,225.666687011719],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["43:68938"]},"132:40764":{"mainComponentId":"2:10647","type":"INSTANCE","id":"132:40764","name":"Tag","absoluteBoundingBox":{"x":21130.0,"y":4190.1435546875,"width":264.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":4190.1435546875,"width":264.0,"height":38.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,1506.4765625]],"size":{"x":264.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:167"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:167"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":8.0,"paddingRight":12.0,"paddingBottom":8.0,"paddingLeft":12.0,"layoutMode":"HORIZONTAL","itemSpacing":4.0,"counterAxisAlignItems":"CENTER","children":["I132:40764;2:10646","I132:40764;9:18595"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Mobile","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:167"}},"visible":true,"opacity":1.0}],"primaryAxisAlignItems":null,"primaryAxisSizingMode":null,"size":{"x":264.0,"y":38.0}}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"03. TOKENISED COMPONENTS","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"43:68713":{"type":"RECTANGLE","id":"43:68713","name":"Image","absoluteBoundingBox":{"x":-8367.75390625,"y":1683.0,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-8367.75390625,"y":1683.0,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"c79b03dd7436c11e1d627690893ac34388c68ecb","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":0.0,"sizeFraction":1.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0},"bottom":{"pixelOffset":0.0,"sizeFraction":1.0}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Mattrix Arean Website","ariaAttributes":{},"interactions":[]},"137:41792":{"mainComponentId":"8:11411","type":"INSTANCE","id":"137:41792","name":"Info Section","absoluteBoundingBox":{"x":21130.0,"y":3944.90502929688,"width":343.0,"height":489.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":3944.90502929688,"width":343.0,"height":489.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,1261.23828125]],"size":{"x":343.0,"y":489.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I137:41792;8:11404","I137:41792;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":343.0,"y":489.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,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":"I established a clear semantic naming convention for colour tokens using a structured format that communicates class, element, value, and state. Every token supported both light and dark themes using transparency and WCAG AA-compliant contrast levels. When the team considered removing the light theme, I redesigned it using blue-tinted whites aligned with brand hues, transforming perception and saving it from deprecation. All tokens were reviewed with developers and mapped directly to global CSS variables to ensure implementation accuracy.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{"1":{"styleIdForText":"StyleId:55:117386","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":18.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"55:117386","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}}}]},"140:41814":{"mainComponentId":"8:11411","type":"INSTANCE","id":"140:41814","name":"Info Section","absoluteBoundingBox":{"x":21136.0,"y":3564.66674804688,"width":704.0,"height":237.0},"isolatedAbsoluteRenderBounds":{"x":21136.0,"y":3564.66674804688,"width":704.0,"height":237.0},"relativeTransform":[[1.0,0.0,22.0],[0.0,1.0,881.0]],"size":{"x":704.0,"y":237.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I140:41814;8:11404","I140:41814;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":704.0,"y":237.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"Before building components or variables, I defined the foundations. This included a complete style library of colours, typography, spacing, grids, and border radius, all mapped directly to CSS global styles. I worked closely with developers to ensure values aligned 1:1 across Figma and code, enabling a consistent, scalable base for tokens and theming to follow.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40721":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40721","name":"Info Section","absoluteBoundingBox":{"x":21130.0,"y":2737.66674804688,"width":343.0,"height":392.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":2737.66674804688,"width":343.0,"height":392.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,54.0]],"size":{"x":343.0,"y":392.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40721;8:11404","I132:40721;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":343.0,"y":392.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"Before building components or variables, I defined the foundations. This included a complete style library of colours, typography, spacing, grids, and border radius, all mapped directly to CSS global styles. I worked closely with developers to ensure values aligned 1:1 across Figma and code, enabling a consistent, scalable base for tokens and theming to follow.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40720":{"mainComponentId":"2:10647","type":"INSTANCE","id":"132:40720","name":"Tag","absoluteBoundingBox":{"x":21130.0,"y":2683.66674804688,"width":174.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":2683.66674804688,"width":174.0,"height":38.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":174.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":8.0,"paddingRight":12.0,"paddingBottom":8.0,"paddingLeft":12.0,"layoutMode":"HORIZONTAL","itemSpacing":4.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40720;2:10646","I132:40720;9:18595"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Mobile","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":null,"size":{"x":174.0,"y":38.0}}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"01. STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40703":{"type":"FRAME","id":"132:40703","name":"Header section","absoluteBoundingBox":{"x":21114.0,"y":1963.0,"width":375.0,"height":696.666687011719},"isolatedAbsoluteRenderBounds":{"x":21114.0,"y":1963.0,"width":375.0,"height":696.666748046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":696.666687011719},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","children":["132:40704","132:40710"]},"132:40714":{"type":"SVG","id":"132:40714","name":"Ellipse 15","absoluteBoundingBox":{"x":21016.0,"y":2425.0,"width":323.0,"height":323.0},"isolatedAbsoluteRenderBounds":{"x":21016.0,"y":2425.0,"width":323.0,"height":323.0},"relativeTransform":[[1.0,2.77555756156289e-17,-114.0],[-2.77555756156289e-17,1.0,-6.0]],"size":{"x":323.0,"y":323.0},"fills":[{"blendMode":"NORMAL","type":"GRADIENT_LINEAR","transform":[[0.652468621730804,0.606971621513367,-0.259440183639526],[-0.606971621513367,0.652468621730804,0.454502999782562]],"gradientStops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.0},{"color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"position":1.0,"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}}}],"visible":true,"opacity":1.0}],"visible":false,"constraintValues":{"left":{"pixelOffset":-114.0,"sizeFraction":0.0},"top":{"pixelOffset":-6.000000000000009,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"3ea021f6b7f5fee6cb2122cc1dc05492f7662690"},"132:40704":{"type":"FRAME","id":"132:40704","name":"Copy","absoluteBoundingBox":{"x":21130.0,"y":1963.0,"width":343.0,"height":428.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":1963.0,"width":343.0,"height":428.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":428.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["132:40705"]},"132:40705":{"type":"FRAME","id":"132:40705","name":"Frame 1984077819","absoluteBoundingBox":{"x":21130.0,"y":1963.0,"width":343.0,"height":428.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":1963.0,"width":343.0,"height":428.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":428.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","children":["132:40706","132:40709"]},"132:40706":{"type":"FRAME","id":"132:40706","name":"Frame 1984077943","absoluteBoundingBox":{"x":21130.0,"y":1963.0,"width":343.0,"height":110.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":1963.0,"width":343.0,"height":110.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":110.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["132:40707","132:40708"]},"132:40707":{"mainComponentId":"105:17973","type":"INSTANCE","id":"132:40707","name":"Back","absoluteBoundingBox":{"x":21130.0,"y":1963.0,"width":77.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":1963.0,"width":77.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":77.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":105,"localID":18037},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"BACK"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40707;105:17992","I132:40707;105:17970"],"componentProperties":{},"overrides":[]},"140:41815":{"mainComponentId":"8:11411","type":"INSTANCE","id":"140:41815","name":"Info Section","absoluteBoundingBox":{"x":21130.0,"y":3466.90502929688,"width":343.0,"height":462.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":3466.90502929688,"width":343.0,"height":462.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,783.238342285156]],"size":{"x":343.0,"y":462.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I140:41815;8:11404","I140:41815;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":343.0,"y":462.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"I established a clear semantic naming convention for colour tokens using a structured format that communicates class, element, value, and state. Every token supported both light and dark themes using transparency and WCAG AA-compliant contrast levels. When the team considered removing the light theme, I redesigned it using blue-tinted whites aligned with brand hues, transforming perception and saving it from deprecation. All tokens were reviewed with developers and mapped directly to global CSS variables to ensure implementation accuracy.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40686":{"type":"FRAME","id":"132:40686","name":"Nav Header","absoluteBoundingBox":{"x":21114.0,"y":1883.0,"width":375.0,"height":56.0},"isolatedAbsoluteRenderBounds":{"x":21114.0,"y":1883.0,"width":375.0,"height":56.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":56.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","scrollBehavior":"STICKY_SCROLLS","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":3.0,"left":0.0},"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":8.0,"paddingRight":24.0,"paddingBottom":8.0,"paddingLeft":24.0,"layoutMode":"HORIZONTAL","itemSpacing":87.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40687"]},"132:40715":{"type":"FRAME","id":"132:40715","name":"Header section","absoluteBoundingBox":{"x":21114.0,"y":2683.66674804688,"width":375.0,"height":2953.4765625},"isolatedAbsoluteRenderBounds":{"x":21114.0,"y":2683.66674804688,"width":375.0,"height":2953.47680664062},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,720.666687011719]],"size":{"x":375.0,"y":2953.4765625},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["132:40720","132:40721","136:41787","132:40723","140:41814","140:41815","137:41792","140:41803","132:40764","132:40765","132:40766","132:40774","132:40775","132:40780"]},"132:40687":{"type":"FRAME","id":"132:40687","name":"Frame 1984077882","absoluteBoundingBox":{"x":21138.0,"y":1891.0,"width":327.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":21138.0,"y":1890.5,"width":327.0,"height":41.0},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,8.0]],"size":{"x":327.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":300.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40688","132:40693","132:40696"]},"132:40696":{"type":"FRAME","id":"132:40696","name":"Dark Light Toggle","absoluteBoundingBox":{"x":21190.0,"y":1890.5,"width":275.0,"height":41.0},"isolatedAbsoluteRenderBounds":{"x":21190.0,"y":1890.5,"width":275.0,"height":41.0},"relativeTransform":[[1.0,0.0,52.0],[0.0,1.0,-0.5]],"size":{"x":275.0,"y":41.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":1.0,"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["132:40697","132:40699","132:40700"]},"132:40700":{"type":"FRAME","id":"132:40700","name":"🌚 New moon with face","absoluteBoundingBox":{"x":21433.0,"y":1894.5,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":21433.0,"y":1894.5,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,243.0],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Go to dark mode","ariaAttributes":{},"interactions":[{"id":{"sessionID":142,"localID":42433},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":142,"localID":41824},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true,"connectionURL":"/design-system-dark"}],"isDeleted":false,"stateManagementVersion":1}],"children":["132:40701"]},"132:40701":{"type":"RECTANGLE","id":"132:40701","name":"Image","absoluteBoundingBox":{"x":21433.0,"y":1894.5,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":21433.0,"y":1894.5,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"c79b03dd7436c11e1d627690893ac34388c68ecb","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":0.0,"sizeFraction":1.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0},"bottom":{"pixelOffset":0.0,"sizeFraction":1.0}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[]},"132:40697":{"type":"FRAME","id":"132:40697","name":"🌞 Sun with face","absoluteBoundingBox":{"x":21375.0,"y":1890.5,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":21375.0,"y":1890.5,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,185.0],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.5,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["132:40698"]},"132:40698":{"type":"RECTANGLE","id":"132:40698","name":"Image","absoluteBoundingBox":{"x":21379.0,"y":1894.5,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":21379.0,"y":1894.5,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,4.0],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"27e42b2ed71c4975a3dbe68cc82f48403cf0cb61","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.1},"right":{"pixelOffset":0.0,"sizeFraction":0.9},"top":{"pixelOffset":0.0,"sizeFraction":0.1},"bottom":{"pixelOffset":0.0,"sizeFraction":0.9}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[]},"132:40693":{"type":"FRAME","id":"132:40693","name":"Links","absoluteBoundingBox":{"x":21138.0,"y":1891.0,"width":52.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":21138.0,"y":1891.0,"width":52.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":52.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":74,"localID":171047},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true,"connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["132:40694"]},"132:40688":{"type":"FRAME","id":"132:40688","name":"Logo","absoluteBoundingBox":{"x":21138.0,"y":1891.0,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":21138.0,"y":1891.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"strokeWeight":0.666666686534882,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.33333349227905,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40689"]},"132:40683":{"type":"FRAME","id":"132:40683","name":"Nav Link","absoluteBoundingBox":{"x":20557.0,"y":1898.0,"width":52.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":20557.0,"y":1898.0,"width":52.0,"height":26.0},"relativeTransform":[[1.0,0.0,62.3333282470703],[0.0,1.0,7.0]],"size":{"x":52.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["132:40684"]},"132:40680":{"type":"FRAME","id":"132:40680","name":"🌚 New moon with face","absoluteBoundingBox":{"x":20462.66796875,"y":1894.5,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":20462.66796875,"y":1894.5,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,82.3333282470703],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["132:40681"]},"132:40679":{"type":"FRAME","id":"132:40679","name":"Frame 1984077881","absoluteBoundingBox":{"x":20452.66796875,"y":1894.5,"width":2.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":20452.66796875,"y":1894.5,"width":2.0,"height":32.0},"relativeTransform":[[1.0,0.0,72.3333282470703],[0.0,1.0,4.0]],"size":{"x":2.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.761904776096344,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"children":[]},"132:40672":{"type":"SVG","id":"132:40672","name":"Logo Icon","absoluteBoundingBox":{"x":20266.0,"y":1891.0,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":20266.0,"y":1891.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.666666686534882,"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Logo","ariaAttributes":{},"interactions":[{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}],"hash":"197e9aae27fe9c06b726e91e05320241f69a2fcd"},"132:40685":{"type":"FRAME","id":"132:40685","name":"Mobile","absoluteBoundingBox":{"x":21114.0,"y":1883.0,"width":375.0,"height":3828.14331054688},"isolatedAbsoluteRenderBounds":{"x":21114.0,"y":1883.0,"width":375.0,"height":3828.1435546875},"relativeTransform":[[1.0,0.0,2272.0],[0.0,1.0,100.0]],"size":{"x":375.0,"y":3828.14331054688},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.95686274766922,"g":0.949019610881805,"b":0.937254905700684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:162"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:162"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":74.0,"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","itemReverseZIndex":true,"isBreakpointFrame":true,"children":["132:40686","132:40702","132:40783"]},"132:40601":{"type":"FRAME","id":"132:40601","name":"Header section","absoluteBoundingBox":{"x":20250.0,"y":2860.33349609375,"width":800.0,"height":2977.01342773438},"isolatedAbsoluteRenderBounds":{"x":20250.0,"y":2860.33349609375,"width":800.0,"height":2977.01342773438},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,897.333374023438]],"size":{"x":800.0,"y":2977.01342773438},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":48.0,"paddingLeft":48.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["132:40606","132:40607","136:41786","132:40609","140:41806","140:41823","137:41791","140:41802","132:40650","132:40651","132:40652","132:40660","132:40661","132:40666"]},"132:40666":{"type":"FRAME","id":"132:40666","name":"Frame 1984077912","absoluteBoundingBox":{"x":20298.0,"y":5784.3466796875,"width":704.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":5784.3466796875,"width":704.0,"height":53.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,2924.01342773438]],"size":{"x":704.0,"y":53.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":40.0,"primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["132:40667","132:40668"]},"132:40668":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40668","name":"Tag","absoluteBoundingBox":{"x":20849.0,"y":5784.3466796875,"width":153.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":20849.0,"y":5784.3466796875,"width":153.0,"height":53.0},"relativeTransform":[[1.0,0.0,551.0],[0.0,1.0,0.0]],"size":{"x":153.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":55,"localID":120292},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":152,"localID":6422},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/tournaments-redesign-light"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I132:40668;2:10644","I132:40668;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":"FIXED","size":{"x":153.0,"y":53.0},"interactions":[{"id":{"sessionID":55,"localID":120292},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":152,"localID":6422},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/tournaments-redesign-light"}],"isDeleted":false,"stateManagementVersion":1}]}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"NEXT ","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"17:5337":{"id":"17:5337","type":"VARIABLE","assetId":"VariableID:b7106f0a3f07d4af175848449fb574729504df0f/55872:230","name":"Label Large/Line Height","resolvedType":"FLOAT","valuesByMode":{"55064:2":20.0},"variableCollectionId":"VariableCollectionId:ec6a1ceb130c6e178bb551dd0f75352ed31592b3/55067:80","codeSyntax":{}},"132:40667":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40667","name":"Tag","absoluteBoundingBox":{"x":20298.0,"y":5784.3466796875,"width":153.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":5784.3466796875,"width":153.0,"height":53.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":153.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":55,"localID":129069},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":115,"localID":22641},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/events-app-light"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40667;2:10644","I132:40667;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":null,"size":{"x":153.0,"y":53.0},"interactions":[{"id":{"sessionID":55,"localID":129069},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":115,"localID":22641},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/events-app-light"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120292},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":17,"localID":9253},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"PREVIOUS","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"137:41791":{"mainComponentId":"8:11411","type":"INSTANCE","id":"137:41791","name":"Info Section","absoluteBoundingBox":{"x":20298.0,"y":4073.84033203125,"width":704.0,"height":237.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":4073.84033203125,"width":704.0,"height":237.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,1213.50671386719]],"size":{"x":704.0,"y":237.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I137:41791;8:11404","I137:41791;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":704.0,"y":237.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,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":"I established a clear semantic naming convention for colour tokens using a structured format that communicates class, element, value, and state. Every token supported both light and dark themes using transparency and WCAG AA-compliant contrast levels. When the team considered removing the light theme, I redesigned it using blue-tinted whites aligned with brand hues, transforming perception and saving it from deprecation. All tokens were reviewed with developers and mapped directly to global CSS variables to ensure implementation accuracy.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{"1":{"styleIdForText":"StyleId:55:117386","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":18.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"55:117386","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}},"visible":false}}]},"132:40607":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40607","name":"Info Section","absoluteBoundingBox":{"x":20298.0,"y":2953.33349609375,"width":704.0,"height":205.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":2953.33349609375,"width":704.0,"height":205.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,93.0]],"size":{"x":704.0,"y":205.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40607;8:11404","I132:40607;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":704.0,"y":205.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"Before building components or variables, I defined the foundations. This included a complete style library of colours, typography, spacing, grids, and border radius, all mapped directly to CSS global styles. I worked closely with developers to ensure values aligned 1:1 across Figma and code, enabling a consistent, scalable base for tokens and theming to follow.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40678":{"type":"RECTANGLE","id":"132:40678","name":"Image","absoluteBoundingBox":{"x":20408.66796875,"y":1894.5,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":20408.66796875,"y":1894.5,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,4.0],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"27e42b2ed71c4975a3dbe68cc82f48403cf0cb61","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.1},"right":{"pixelOffset":0.0,"sizeFraction":0.9},"top":{"pixelOffset":0.0,"sizeFraction":0.1},"bottom":{"pixelOffset":0.0,"sizeFraction":0.9}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"132:40491":{"type":"FRAME","id":"132:40491","name":"Copy","absoluteBoundingBox":{"x":18954.0,"y":1971.0,"width":499.0,"height":422.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":1971.0,"width":499.0,"height":422.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,0.0]],"size":{"x":499.0,"y":422.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"primaryAxisSizingMode":"FIXED","children":["132:40492"]},"132:40660":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40660","name":"Info Section","absoluteBoundingBox":{"x":20298.0,"y":5374.3466796875,"width":704.0,"height":370.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":5374.3466796875,"width":704.0,"height":370.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,2514.01342773438]],"size":{"x":704.0,"y":370.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40660;8:11404","I132:40660;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":704.0,"y":370.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"STUDIO INFO & SCALABILITY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"To evaluate the app’s usability and engagement, we ran two structured testing phases and a live in-company “Studio Quest” — an Easter-themed pilot that mimicked real event conditions.\n\nIn each phase, participants completed five key tasks while tracking completion rates and collecting both qualitative feedback and UMUX-Lite usability scores. The first round scored 80.01 (Good), which rose to 83.9 (Excellent) after design improvements.\n\nCommon issues like scan button discoverability and unclear tap targets led to changes in navigation, labels, and layout. Post-launch feedback from the Monaco event also highlighted feature ideas such as session notifications, contact access, adding tournaments to the app, and prize transparency, which are informed next-phase iterations.","lineIndentations":[0,0,0,0,0],"lineStyleOverrides":[0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE"],"styleOverrideTable":{}}}]},"132:40677":{"type":"FRAME","id":"132:40677","name":"🌞 Sun with face","absoluteBoundingBox":{"x":20404.66796875,"y":1890.5,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":20404.66796875,"y":1890.5,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,24.3333282470703],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.5,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["132:40678"]},"43:68929":{"type":"FRAME","id":"43:68929","name":"Links","absoluteBoundingBox":{"x":-9301.3330078125,"y":1769.0,"width":257.666687011719,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9301.3330078125,"y":1769.0,"width":257.6669921875,"height":40.0},"relativeTransform":[[1.0,0.0,265.666656494141],[0.0,1.0,0.0]],"size":{"x":257.666687011719,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["52:110193","52:110242","52:110291"]},"132:40652":{"type":"RECTANGLE","id":"132:40652","name":"Performance Listing page 1 1","absoluteBoundingBox":{"x":20298.0,"y":4926.3466796875,"width":704.0,"height":408.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":4926.3466796875,"width":704.0,"height":408.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,2066.01342773438]],"size":{"x":704.0,"y":408.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"c791df8275bea3397b8e9b9412c7e014bc4031b1","originalImageWidth":1200,"originalImageHeight":687,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0},"43:68914":{"mainComponentId":"43:68864","type":"INSTANCE","id":"43:68914","name":"Logo Icon","absoluteBoundingBox":{"x":-9559.0,"y":1769.0,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9559.0,"y":1769.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.666666686534882,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Logo","ariaAttributes":{},"interactions":[{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[83.3333435058594,83.3333435058594,83.3333435058594,83.3333435058594],"cornerRadius":83.3333435058594,"clipsContent":true,"children":["I43:68914;43:68861"],"componentProperties":{},"overrides":[{"key":[],"value":{"size":{"x":40.0,"y":40.0}}}]},"132:40651":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40651","name":"Info Section","absoluteBoundingBox":{"x":20298.0,"y":4677.3466796875,"width":704.0,"height":209.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":4677.3466796875,"width":704.0,"height":209.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,1817.01342773438]],"size":{"x":704.0,"y":209.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40651;8:11404","I132:40651;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":704.0,"y":209.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"SIGN-IN, ONBOARDING & AGENDA","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"I built a robust component library using variables for things like breakpoints, interaction states, and theme toggles, along with booleans for toggling visibility, and instance swaps for icons, etc. Every element was built with token-driven properties for colors, spacing, and typography, ensuring components could be updated rapidly and across all instances in the product. This approach allowed us to scale efficiently while reducing QA cycles and implementation. I created fully dev-ready specs for each component type.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"140:41823":{"mainComponentId":"8:11411","type":"INSTANCE","id":"140:41823","name":"Info Section","absoluteBoundingBox":{"x":20225.0,"y":3508.33349609375,"width":343.0,"height":489.0},"isolatedAbsoluteRenderBounds":{"x":20225.0,"y":3508.33349609375,"width":343.0,"height":489.0},"relativeTransform":[[1.0,0.0,-25.0],[0.0,1.0,648.0]],"size":{"x":343.0,"y":489.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I140:41823;8:11404","I140:41823;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":343.0,"y":489.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"Before building components or variables, I defined the foundations. This included a complete style library of colours, typography, spacing, grids, and border radius, all mapped directly to CSS global styles. I worked closely with developers to ensure values aligned 1:1 across Figma and code, enabling a consistent, scalable base for tokens and theming to follow.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"2:14":{"id":"2:14","type":"VARIABLE","assetId":"VariableID:5cba406416b721751eaf247c21d25a8e2c61ea98/6:3","name":"salmon","resolvedType":"COLOR","valuesByMode":{"6:0":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0}},"variableCollectionId":"VariableCollectionId:8e1c384368769290251cf478ce31d53963213821/6:0","codeSyntax":{}},"136:41787":{"type":"RECTANGLE","id":"136:41787","name":"Performance Listing page 1 5","absoluteBoundingBox":{"x":21130.0,"y":3145.66674804688,"width":343.0,"height":229.238342285156},"targetAspectRatio":{"x":1200.0,"y":802.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":3145.66674804688,"width":343.0,"height":229.23828125},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,462.0]],"size":{"x":343.0,"y":229.238342285156},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"d338f37de5d527869d433b63c921589ccff77872","originalImageWidth":1200,"originalImageHeight":858,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0},"136:41786":{"type":"RECTANGLE","id":"136:41786","name":"Performance Listing page 1 5","absoluteBoundingBox":{"x":20298.0,"y":3198.33349609375,"width":704.0,"height":470.506683349609},"targetAspectRatio":{"x":1200.0,"y":802.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":3198.33349609375,"width":704.0,"height":470.506591796875},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,338.0]],"size":{"x":704.0,"y":470.506683349609},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"d338f37de5d527869d433b63c921589ccff77872","originalImageWidth":1200,"originalImageHeight":858,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0},"132:40606":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40606","name":"Tag","absoluteBoundingBox":{"x":20298.0,"y":2860.33349609375,"width":240.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":2860.33349609375,"width":240.0,"height":53.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,0.0]],"size":{"x":240.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40606;2:10644","I132:40606;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":null,"size":{"x":240.0,"y":53.0}}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"01. STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40600":{"type":"SVG","id":"132:40600","name":"Ellipse 15","absoluteBoundingBox":{"x":20184.0,"y":2361.0,"width":323.0,"height":323.0},"isolatedAbsoluteRenderBounds":{"x":20184.0,"y":2361.0,"width":323.0,"height":323.0},"relativeTransform":[[1.0,2.77555756156289e-17,-114.0],[-2.77555756156289e-17,1.0,-6.0]],"size":{"x":323.0,"y":323.0},"fills":[{"blendMode":"NORMAL","type":"GRADIENT_LINEAR","transform":[[0.652468621730804,0.606971621513367,-0.259440183639526],[-0.606971621513367,0.652468621730804,0.454502999782562]],"gradientStops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.0},{"color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"position":1.0,"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}}}],"visible":true,"opacity":1.0}],"visible":false,"constraintValues":{"left":{"pixelOffset":-114.0,"sizeFraction":0.0},"top":{"pixelOffset":-6.000000000000009,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"3ea021f6b7f5fee6cb2122cc1dc05492f7662690"},"132:40671":{"type":"FRAME","id":"132:40671","name":"Logo","absoluteBoundingBox":{"x":20266.0,"y":1891.0,"width":114.333335876465,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":20266.0,"y":1891.0,"width":114.333984375,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":114.333335876465,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"strokeWeight":0.666666686534882,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.33333349227905,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40672"]},"132:40599":{"type":"SVG","id":"132:40599","name":"Ellipse 12","absoluteBoundingBox":{"x":20530.0,"y":2272.0,"width":277.0,"height":277.0},"isolatedAbsoluteRenderBounds":{"x":20530.0,"y":2272.0,"width":277.0,"height":277.0},"relativeTransform":[[1.0,2.77555756156289e-17,232.0],[-2.77555756156289e-17,1.0,-95.0]],"size":{"x":277.0,"y":277.0},"fills":[{"blendMode":"NORMAL","type":"GRADIENT_LINEAR","transform":[[0.652468621730804,0.606971621513367,-0.259440183639526],[-0.606971621513367,0.652468621730804,0.454502999782562]],"gradientStops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.0},{"color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"position":1.0,"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}}}],"visible":true,"opacity":1.0}],"visible":false,"constraintValues":{"left":{"pixelOffset":232.0,"sizeFraction":0.0},"top":{"pixelOffset":-95,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"24ad5c8c45496a662cc51cf72933a8a6339de1c1"},"52:110017":{"type":"COMPONENT","id":"52:110017","name":"State=Inactive","absoluteBoundingBox":{"x":-8772.0,"y":1415.0,"width":62.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-8772.0,"y":1415.0,"width":62.0,"height":31.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,16.0]],"size":{"x":62.0,"y":31.0},"fills":[],"constraintValues":{"left":{"pixelOffset":16.0,"sizeFraction":0.0},"top":{"pixelOffset":16.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"BUTTON","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":4.0,"paddingRight":6.0,"paddingBottom":4.0,"paddingLeft":6.0,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["52:110009"],"componentSetId":"52:110018"},"132:40712":{"type":"SVG","id":"132:40712","name":"Ellipse 14","absoluteBoundingBox":{"x":20995.0,"y":2222.0,"width":448.0,"height":447.0},"isolatedAbsoluteRenderBounds":{"x":20995.0,"y":2222.0,"width":448.0,"height":447.0},"relativeTransform":[[1.0,2.77555756156289e-17,-135.0],[-2.77555756156289e-17,1.0,-209.0]],"size":{"x":448.0,"y":447.0},"fills":[{"blendMode":"NORMAL","type":"GRADIENT_LINEAR","transform":[[0.141927883028984,1.30484366416931,-0.383444875478745],[-1.30765402317047,0.144542291760445,1.25657165050507]],"gradientStops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.0},{"color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"position":1.0,"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}}}],"visible":true,"opacity":1.0}],"visible":false,"constraintValues":{"left":{"pixelOffset":-135.0,"sizeFraction":0.0},"top":{"pixelOffset":-209.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"6ead10b93ef16cfd0ec91ed546e4725eea069ba3"},"132:40711":{"type":"SVG","id":"132:40711","name":"Ellipse 13","absoluteBoundingBox":{"x":21426.0,"y":2392.0,"width":277.0,"height":277.0},"isolatedAbsoluteRenderBounds":{"x":21426.0,"y":2392.0,"width":277.0,"height":277.0},"relativeTransform":[[1.0,2.77555756156289e-17,296.0],[-2.77555756156289e-17,1.0,-39.0]],"size":{"x":277.0,"y":277.0},"fills":[{"blendMode":"NORMAL","type":"GRADIENT_LINEAR","transform":[[0.652468621730804,0.606971621513367,-0.259440183639526],[-0.606971621513367,0.652468621730804,0.454502999782562]],"gradientStops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.0},{"color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"position":1.0,"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}}}],"visible":true,"opacity":1.0}],"visible":false,"constraintValues":{"left":{"pixelOffset":296.0,"sizeFraction":0.0},"top":{"pixelOffset":-39,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"24ad5c8c45496a662cc51cf72933a8a6339de1c1"},"140:41813":{"mainComponentId":"8:11411","type":"INSTANCE","id":"140:41813","name":"Info Section","absoluteBoundingBox":{"x":18928.0,"y":3306.0,"width":704.0,"height":237.0},"isolatedAbsoluteRenderBounds":{"x":18928.0,"y":3306.0,"width":704.0,"height":237.0},"relativeTransform":[[1.0,0.0,22.0],[0.0,1.0,881.0]],"size":{"x":704.0,"y":237.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I140:41813;8:11404","I140:41813;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":704.0,"y":237.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"Before building components or variables, I defined the foundations. This included a complete style library of colours, typography, spacing, grids, and border radius, all mapped directly to CSS global styles. I worked closely with developers to ensure values aligned 1:1 across Figma and code, enabling a consistent, scalable base for tokens and theming to follow.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40676":{"type":"FRAME","id":"132:40676","name":"Dark Light Toggle","absoluteBoundingBox":{"x":20380.333984375,"y":1890.5,"width":114.33332824707,"height":41.0},"isolatedAbsoluteRenderBounds":{"x":20380.333984375,"y":1890.5,"width":114.333984375,"height":41.0},"relativeTransform":[[1.0,0.0,114.333335876465],[0.0,1.0,-0.5]],"size":{"x":114.33332824707,"y":41.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":1.0,"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["132:40677","132:40679","132:40680"]},"2:10591":{"key":"2ae37f6289f7a164a6870d6703fc8fd5f1fc5fbd","name":"Body Large","styleType":"TEXT","remote":false,"description":"","id":"2:10591","assetId":"StyleId:2:10591","type":"STYLE","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},"132:40590":{"type":"FRAME","id":"132:40590","name":"Copy","absoluteBoundingBox":{"x":20298.0,"y":1963.0,"width":704.0,"height":364.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":1963.0,"width":704.0,"height":364.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,0.0]],"size":{"x":704.0,"y":364.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["132:40591"]},"8:11411":{"type":"COMPONENT","id":"8:11411","name":"Info Section ","absoluteBoundingBox":{"x":-9599.0,"y":2498.0,"width":1231.0,"height":159.0},"isolatedAbsoluteRenderBounds":{"x":-9599.0,"y":2498.0,"width":1231.0,"height":159.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1768.0]],"size":{"x":1231.0,"y":159.0},"fills":[],"strokeAlign":"INSIDE","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["8:11404","8:11405"]},"132:40591":{"type":"FRAME","id":"132:40591","name":"Frame 1984077819","absoluteBoundingBox":{"x":20298.0,"y":1963.0,"width":704.0,"height":364.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":1963.0,"width":704.0,"height":364.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":704.0,"y":364.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","children":["132:40592","132:40595"]},"132:40595":{"type":"TEXT","id":"132:40595","name":"I created a fully documented design system in Figma with semantic tokens, responsive components, and clear specs, all built to align closely with developer workflows. By mapping tokens directly to CSS variables and supporting light and dark modes, the system reduced friction, improved consistency, and scaled easily across multiple products and teams.","absoluteBoundingBox":{"x":20298.0,"y":2145.0,"width":499.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":20298.48046875,"y":2150.5,"width":485.5078125,"height":174.89990234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,182.0]],"size":{"x":499.0,"y":182.0},"fills":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I created a fully documented design system in Figma with semantic tokens, responsive components, and clear specs, all built to align closely with developer workflows. By mapping tokens directly to CSS variables and supporting light and dark modes, the system reduced friction, improved consistency, and scaled easily across multiple products and teams.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:2:10591","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"132:40592":{"type":"FRAME","id":"132:40592","name":"Frame 1984077943","absoluteBoundingBox":{"x":20298.0,"y":1963.0,"width":704.0,"height":150.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":1963.0,"width":704.0,"height":150.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":704.0,"y":150.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["132:40593","132:40594"]},"132:40594":{"type":"TEXT","id":"132:40594","name":"Building a Scalable Design System in Figma","absoluteBoundingBox":{"x":20298.0,"y":1997.0,"width":704.0,"height":116.0},"isolatedAbsoluteRenderBounds":{"x":20299.392578125,"y":2008.96801757812,"width":565.619140625,"height":101.2958984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,34.0]],"size":{"x":704.0,"y":116.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a Scalable Design System in Figma","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:2:10588","fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"fontVariantPosition":"NORMAL","fontSize":48.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":1.44,"letterSpacingValue":3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":57.6000022888184,"lineHeightPercent":104.986885070801,"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":{}},"32:15666":{"id":"32:15666","type":"VARIABLE","assetId":"VariableID:32:15666","name":"Text and Elements Secondary","resolvedType":"COLOR","valuesByMode":{"2:0":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":0.899999976158142},"2:1":{"r":0.949019610881805,"g":0.933333337306976,"b":0.905882358551025,"a":0.800000011920929}},"variableCollectionId":"VariableCollectionId:2:161","codeSyntax":{}},"132:40583":{"type":"FRAME","id":"132:40583","name":"Links","absoluteBoundingBox":{"x":19150.666015625,"y":1891.0,"width":114.33332824707,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":19150.666015625,"y":1891.0,"width":114.333984375,"height":40.0},"relativeTransform":[[1.0,0.0,228.666656494141],[0.0,1.0,0.0]],"size":{"x":114.33332824707,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40584"]},"2:10646":{"type":"TEXT","id":"2:10646","name":"02. ORIGINAL JOURNEY","absoluteBoundingBox":{"x":-9569.0,"y":2300.0,"width":191.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":-9568.3701171875,"y":2304.20190429688,"width":190.4228515625,"height":12.99609375},"relativeTransform":[[1.0,0.0,12.0],[0.0,1.0,8.0]],"size":{"x":191.0,"y":22.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"02. ORIGINAL JOURNEY","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.18,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":21.6000003814697,"lineHeightPercent":104.986885070801,"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":{}},"132:40694":{"type":"FRAME","id":"132:40694","name":"Nav Link","absoluteBoundingBox":{"x":21138.0,"y":1899.5,"width":52.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":21138.0,"y":1899.5,"width":52.0,"height":23.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8.5]],"size":{"x":52.0,"y":23.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["132:40695"]},"2:161":{"id":"2:161","assetId":"VariableCollectionId:2:161","type":"VARIABLE_COLLECTION","name":"Collection 1","defaultModeId":"2:0","modes":[{"modeId":"2:0","name":"Light Mode"},{"modeId":"2:1","name":"Dark Mode"}]},"132:40487":{"type":"FRAME","id":"132:40487","name":"Desktop","absoluteBoundingBox":{"x":18906.0,"y":1883.0,"width":1280.0,"height":3840.61328125},"isolatedAbsoluteRenderBounds":{"x":18906.0,"y":1883.0,"width":1280.0,"height":3840.61328125},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,100.0]],"size":{"x":1280.0,"y":3840.61328125},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.95686274766922,"g":0.949019610881805,"b":0.937254905700684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:162"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:162"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":74.0,"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","itemReverseZIndex":true,"isBreakpointFrame":true,"children":["132:40488","132:40489","132:40570"]},"132:40571":{"type":"FRAME","id":"132:40571","name":"Frame 1984077882","absoluteBoundingBox":{"x":18922.0,"y":1891.0,"width":343.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":18922.0,"y":1890.5,"width":343.0,"height":41.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,8.0]],"size":{"x":343.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":300.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40572","132:40577","132:40583"]},"17:5333":{"id":"17:5333","type":"VARIABLE","assetId":"VariableID:67a518baa6ff84d7123784ddc1b96d66e9bdc9b4/55872:22","name":"Weight/Medium","resolvedType":"STRING","valuesByMode":{"55064:0":"Medium","55064:1":"Regular"},"variableCollectionId":"VariableCollectionId:c30d70301e94b78b3a85dd11817faa070e9327aa/55064:593","codeSyntax":{}},"132:40681":{"type":"RECTANGLE","id":"132:40681","name":"Image","absoluteBoundingBox":{"x":20462.66796875,"y":1894.5,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":20462.66796875,"y":1894.5,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"c79b03dd7436c11e1d627690893ac34388c68ecb","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":0.0,"sizeFraction":1.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0},"bottom":{"pixelOffset":0.0,"sizeFraction":1.0}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"132:40585":{"type":"TEXT","id":"132:40585","name":"Link","absoluteBoundingBox":{"x":19213.0,"y":1898.0,"width":52.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":19214.5,"y":1904.0,"width":48.248046875,"height":14.239990234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":52.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Menu","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:925cf26f539ca7e3804035d6be6ddeec206ed53b/2:289","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"68:170178":{"type":"SVG","id":"68:170178","name":"logo cheryl alice-02 1","absoluteBoundingBox":{"x":-9514.0,"y":1776.0,"width":190.818359375,"height":26.0000476837158},"isolatedAbsoluteRenderBounds":{"x":-9514.0,"y":1776.0,"width":190.818359375,"height":26.0000476837158},"relativeTransform":[[1.0,0.0,45.0],[0.0,1.0,6.99997615814209]],"size":{"x":190.818359375,"y":26.0000476837158},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.687831997871399,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Go Home\n","ariaAttributes":{},"interactions":[{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}],"hash":"b38929292ad0836c714f59c918dfc791e97f756a"},"132:40581":{"type":"FRAME","id":"132:40581","name":"🌚 New moon with face","absoluteBoundingBox":{"x":19118.66796875,"y":1894.5,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":19118.66796875,"y":1894.5,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,82.3333282470703],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["132:40582"]},"17:5338":{"type":"TEXT","id":"17:5338","name":"M3/label/large","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":53.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":53.0,"height":20.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":53.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}],"visible":false,"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"boundVariables":{"lineHeight":[{"type":"VARIABLE_ALIAS","id":"VariableID:b7106f0a3f07d4af175848449fb574729504df0f/55872:230"}],"letterSpacing":[{"type":"VARIABLE_ALIAS","id":"VariableID:abddbd6454e3de4c8350f56b4ac986911a639b73/55872:261"}],"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:3c1c49084166dca096a283e4aaffe5c395336720/55872:92"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:a39ca6cda390af45265a75e4faa0a8d3fd6ef45b/55872:189"}],"fontStyle":[{"type":"VARIABLE_ALIAS","id":"VariableID:a50033bc4f4556a0fb2ca818032fc6fd97bb1f26/55872:167"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Rag 123","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Roboto","fontPostScriptName":"Roboto-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"lineHeight":{"type":"VARIABLE_ALIAS","id":"VariableID:b7106f0a3f07d4af175848449fb574729504df0f/55872:230"},"letterSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:abddbd6454e3de4c8350f56b4ac986911a639b73/55872:261"},"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:3c1c49084166dca096a283e4aaffe5c395336720/55872:92"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:a39ca6cda390af45265a75e4faa0a8d3fd6ef45b/55872:189"},"fontStyle":{"type":"VARIABLE_ALIAS","id":"VariableID:a50033bc4f4556a0fb2ca818032fc6fd97bb1f26/55872:167"}},"fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.100000001490116,"letterSpacingValue":0.100000001490116,"letterSpacingUnit":"PIXELS","lineHeightPx":20.0,"lineHeightPercent":121.904769897461,"lineHeightPercentFontSize":142.857147216797,"lineHeightUnit":"PIXELS","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"132:40582":{"type":"RECTANGLE","id":"132:40582","name":"Image","absoluteBoundingBox":{"x":19118.66796875,"y":1894.5,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":19118.66796875,"y":1894.5,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"c79b03dd7436c11e1d627690893ac34388c68ecb","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":0.0,"sizeFraction":1.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0},"bottom":{"pixelOffset":0.0,"sizeFraction":1.0}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"132:40670":{"type":"FRAME","id":"132:40670","name":"Frame 1984077882","absoluteBoundingBox":{"x":20266.0,"y":1891.0,"width":343.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":20266.0,"y":1890.5,"width":343.0,"height":41.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,8.0]],"size":{"x":343.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":300.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40671","132:40676","132:40682"]},"132:40609":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40609","name":"Tag","absoluteBoundingBox":{"x":20298.0,"y":3708.84033203125,"width":535.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":3708.84033203125,"width":535.0,"height":53.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,848.506713867188]],"size":{"x":535.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40609;2:10644","I132:40609;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":null,"size":{"x":535.0,"y":53.0}}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"02. COLOUR VARIABLES & SEMANTIC NAMING","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"2:8":{"type":"TEXT","id":"2:8","name":"Body Small","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":21.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":20.0,"height":21.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.0,"y":21.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,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.7999992370605,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"41:68478":{"type":"TEXT","id":"41:68478","name":"Header 2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":38.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":38.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":38.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}],"visible":false,"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.32,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":104.986885070801,"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":{}},"132:40580":{"type":"FRAME","id":"132:40580","name":"Frame 1984077881","absoluteBoundingBox":{"x":19108.66796875,"y":1894.5,"width":2.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":19108.66796875,"y":1894.5,"width":2.0,"height":32.0},"relativeTransform":[[1.0,0.0,72.3333282470703],[0.0,1.0,4.0]],"size":{"x":2.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.761904776096344,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"children":[]},"132:40710":{"type":"FRAME","id":"132:40710","name":"Image","absoluteBoundingBox":{"x":21130.0,"y":2431.0,"width":343.0,"height":228.66667175293},"targetAspectRatio":{"x":465.0,"y":310.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":2431.0,"width":343.0,"height":228.666748046875},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,468.0]],"size":{"x":343.0,"y":228.66667175293},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"ecc768c3b4ac0f2629e66a30a1e5d7a64dbe8c4c","originalImageWidth":1200,"originalImageHeight":858,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"clipsContent":true,"children":["132:40711","132:40712","132:40713","132:40714"]},"132:40584":{"type":"FRAME","id":"132:40584","name":"Nav Link","absoluteBoundingBox":{"x":19213.0,"y":1898.0,"width":52.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":19213.0,"y":1898.0,"width":52.0,"height":26.0},"relativeTransform":[[1.0,0.0,62.3333282470703],[0.0,1.0,7.0]],"size":{"x":52.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["132:40585"]},"132:40579":{"type":"RECTANGLE","id":"132:40579","name":"Image","absoluteBoundingBox":{"x":19064.66796875,"y":1894.5,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":19064.66796875,"y":1894.5,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,4.0],[0.0,1.0,4.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"27e42b2ed71c4975a3dbe68cc82f48403cf0cb61","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.1},"right":{"pixelOffset":0.0,"sizeFraction":0.9},"top":{"pixelOffset":0.0,"sizeFraction":0.1},"bottom":{"pixelOffset":0.0,"sizeFraction":0.9}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"132:40573":{"type":"SVG","id":"132:40573","name":"Logo Icon","absoluteBoundingBox":{"x":18922.0,"y":1891.0,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":18922.0,"y":1891.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.666666686534882,"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Logo","ariaAttributes":{},"interactions":[{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}],"hash":"197e9aae27fe9c06b726e91e05320241f69a2fcd"},"132:40597":{"type":"SVG","id":"132:40597","name":"Ellipse 13","absoluteBoundingBox":{"x":20594.0,"y":2328.0,"width":277.0,"height":277.0},"isolatedAbsoluteRenderBounds":{"x":20594.0,"y":2328.0,"width":277.0,"height":277.0},"relativeTransform":[[1.0,2.77555756156289e-17,296.0],[-2.77555756156289e-17,1.0,-39.0]],"size":{"x":277.0,"y":277.0},"fills":[{"blendMode":"NORMAL","type":"GRADIENT_LINEAR","transform":[[0.652468621730804,0.606971621513367,-0.259440183639526],[-0.606971621513367,0.652468621730804,0.454502999782562]],"gradientStops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.0},{"color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"position":1.0,"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}}}],"visible":true,"opacity":1.0}],"visible":false,"constraintValues":{"left":{"pixelOffset":296.0,"sizeFraction":0.0},"top":{"pixelOffset":-39,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"24ad5c8c45496a662cc51cf72933a8a6339de1c1"},"132:40709":{"type":"TEXT","id":"132:40709","name":"I created a fully documented design system in Figma with semantic tokens, responsive components, and clear specs, all built to align closely with developer workflows. By mapping tokens directly to CSS variables and supporting light and dark modes, the system reduced friction, improved consistency, and scaled easily across multiple products and teams.","absoluteBoundingBox":{"x":21130.0,"y":2105.0,"width":343.0,"height":286.0},"isolatedAbsoluteRenderBounds":{"x":21130.419921875,"y":2110.5,"width":336.189453125,"height":278.89990234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,142.0]],"size":{"x":343.0,"y":286.0},"fills":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I created a fully documented design system in Figma with semantic tokens, responsive components, and clear specs, all built to align closely with developer workflows. By mapping tokens directly to CSS variables and supporting light and dark modes, the system reduced friction, improved consistency, and scaled easily across multiple products and teams.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:2:10591","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"132:40708":{"type":"TEXT","id":"132:40708","name":"Building a Scalable Design System in Figma","absoluteBoundingBox":{"x":21130.0,"y":1997.0,"width":343.0,"height":76.0},"isolatedAbsoluteRenderBounds":{"x":21131.599609375,"y":2004.31201171875,"width":325.03125,"height":66.864013671875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,34.0]],"size":{"x":343.0,"y":76.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a Scalable Design System in Figma","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:2:10589","fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.32,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":104.986885070801,"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":{}},"132:40766":{"type":"RECTANGLE","id":"132:40766","name":"Performance Listing page 1 1","absoluteBoundingBox":{"x":21130.0,"y":4676.1435546875,"width":343.0,"height":199.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":4676.1435546875,"width":343.0,"height":199.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,1992.4765625]],"size":{"x":343.0,"y":199.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"c791df8275bea3397b8e9b9412c7e014bc4031b1","originalImageWidth":1200,"originalImageHeight":687,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0},"132:40489":{"type":"FRAME","id":"132:40489","name":"Frame 1984077894","absoluteBoundingBox":{"x":18906.0,"y":1971.0,"width":1280.0,"height":3678.61328125},"isolatedAbsoluteRenderBounds":{"x":18906.0,"y":1971.0,"width":1280.0,"height":3678.61328125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,88.0]],"size":{"x":1280.0,"y":3678.61328125},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"ARTICLE","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":32.0,"isInAnimateTree":true,"children":["132:40490","132:40502"]},"2:10588":{"key":"a4df937833ffeb683a5d438d06da36a5295219e1","name":"Header 1","styleType":"TEXT","remote":false,"description":"","id":"2:10588","assetId":"StyleId:2:10588","type":"STYLE","style":{"fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":48.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":1.44,"letterSpacingValue":3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":57.6000022888184,"lineHeightPercent":104.986885070801,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},"132:40598":{"type":"SVG","id":"132:40598","name":"Ellipse 14","absoluteBoundingBox":{"x":20163.0,"y":2158.0,"width":448.0,"height":447.0},"isolatedAbsoluteRenderBounds":{"x":20163.0,"y":2158.0,"width":448.0,"height":447.0},"relativeTransform":[[1.0,2.77555756156289e-17,-135.0],[-2.77555756156289e-17,1.0,-209.0]],"size":{"x":448.0,"y":447.0},"fills":[{"blendMode":"NORMAL","type":"GRADIENT_LINEAR","transform":[[0.141927883028984,1.30484366416931,-0.383444875478745],[-1.30765402317047,0.144542291760445,1.25657165050507]],"gradientStops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.0},{"color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"position":1.0,"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}}}],"visible":true,"opacity":1.0}],"visible":false,"constraintValues":{"left":{"pixelOffset":-135.0,"sizeFraction":0.0},"top":{"pixelOffset":-209.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"6ead10b93ef16cfd0ec91ed546e4725eea069ba3"},"52:110019":{"mainComponentId":"52:110017","type":"INSTANCE","id":"52:110019","name":"Nav Menu Iten","absoluteBoundingBox":{"x":-9085.876953125,"y":1683.5,"width":62.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-9085.876953125,"y":1683.5,"width":62.0,"height":31.0},"relativeTransform":[[1.0,0.0,60.0410461425781],[0.0,1.0,4.5]],"size":{"x":62.0,"y":31.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"BUTTON","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":4.0,"paddingRight":6.0,"paddingBottom":4.0,"paddingLeft":6.0,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I52:110019;52:110009"],"componentSetId":"52:110018","componentProperties":{"State":{"value":"Inactive","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":62.0,"y":31.0}}}]},"132:40569":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40569","name":"Tag","absoluteBoundingBox":{"x":19985.0,"y":5596.61328125,"width":153.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":19985.0,"y":5596.61328125,"width":153.0,"height":53.0},"relativeTransform":[[1.0,0.0,1031.0],[0.0,1.0,0.0]],"size":{"x":153.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":55,"localID":120293},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":152,"localID":6422},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/tournaments-redesign-light"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I132:40569;2:10644","I132:40569;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":"FIXED","size":{"x":153.0,"y":53.0},"interactions":[{"id":{"sessionID":55,"localID":120293},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":152,"localID":6422},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/tournaments-redesign-light"}],"isDeleted":false,"stateManagementVersion":1}]}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"NEXT ","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"2:10693":{"key":"6a6131c728cbaa6581957870464f4496ed68b29c","name":"Titles","styleType":"TEXT","remote":false,"description":"","id":"2:10693","assetId":"StyleId:2:10693","type":"STYLE","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":20.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":20.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":20.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":20.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":20.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":20.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}}]},"132:40586":{"type":"FRAME","id":"132:40586","name":"Tablet","absoluteBoundingBox":{"x":20250.0,"y":1883.0,"width":800.0,"height":4028.3466796875},"isolatedAbsoluteRenderBounds":{"x":20250.0,"y":1883.0,"width":800.0,"height":4028.3466796875},"relativeTransform":[[1.0,0.0,1408.0],[0.0,1.0,100.0]],"size":{"x":800.0,"y":4028.3466796875},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.95686274766922,"g":0.949019610881805,"b":0.937254905700684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:162"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:162"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":74.0,"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","itemReverseZIndex":true,"isBreakpointFrame":true,"children":["132:40587","132:40588","132:40669"]},"132:40568":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40568","name":"Tag","absoluteBoundingBox":{"x":18954.0,"y":5596.61328125,"width":153.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":5596.61328125,"width":153.0,"height":53.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":153.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":55,"localID":129070},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":115,"localID":22641},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/events-app-light"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40568;2:10644","I132:40568;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":null,"size":{"x":153.0,"y":53.0},"interactions":[{"id":{"sessionID":55,"localID":129070},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":115,"localID":22641},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/events-app-light"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120293},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":17,"localID":9253},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"PREVIOUS","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"52:110193":{"mainComponentId":"52:110017","type":"INSTANCE","id":"52:110193","name":"Nav Menu Iten","absoluteBoundingBox":{"x":-9299.0,"y":1773.5,"width":62.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-9299.0,"y":1773.5,"width":62.0,"height":31.0},"relativeTransform":[[1.0,0.0,2.33334350585938],[0.0,1.0,4.5]],"size":{"x":62.0,"y":31.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"BUTTON","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":4.0,"paddingRight":6.0,"paddingBottom":4.0,"paddingLeft":6.0,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I52:110193;52:110009"],"componentSetId":"52:110018","componentProperties":{"State":{"value":"Inactive","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":62.0,"y":31.0}}}]},"140:41802":{"type":"RECTANGLE","id":"140:41802","name":"Performance Listing page 1 6","absoluteBoundingBox":{"x":20298.0,"y":4073.84033203125,"width":704.0,"height":470.506683349609},"targetAspectRatio":{"x":1200.0,"y":802.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":4073.84033203125,"width":704.0,"height":470.5068359375},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,1213.50671386719]],"size":{"x":704.0,"y":470.506683349609},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"2b35dc82170aa9478fdce392329f4dcb00f173bd","originalImageWidth":1200,"originalImageHeight":858,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0},"132:40587":{"mainComponentId":"43:68911","type":"INSTANCE","id":"132:40587","name":"Nav Header","absoluteBoundingBox":{"x":20250.0,"y":1883.0,"width":800.0,"height":56.0},"isolatedAbsoluteRenderBounds":{"x":20250.0,"y":1883.0,"width":800.0,"height":56.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":56.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","scrollBehavior":"STICKY_SCROLLS","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":3.0,"left":0.0},"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"NAV","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":8.0,"paddingRight":16.0,"paddingBottom":8.0,"paddingLeft":16.0,"layoutMode":"HORIZONTAL","itemSpacing":87.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I132:40587;43:68912"],"componentSetId":"2:74","componentProperties":{"Breakpoint":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":800.0,"y":56.0}}},{"key":["Frame 19840778820","Logo0","Frame 19840779340","Logo Icon0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":127,"localID":40327},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120230},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]}}]}},{"key":["Frame 19840778820","Links0"],"value":{"visible":null}},{"key":["Frame 19840778820","Dark Light Toggle0","🌚 New moon with face0"],"value":{"accessibleLabel":"Go to dark mode","interactions":[{"id":{"sessionID":142,"localID":42432},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":142,"localID":41824},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true,"connectionURL":"/design-system-dark"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":127,"localID":40327},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120230},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["Frame 19840778820","Dark Light Toggle0","🌚 New moon with face0","Image0"],"value":{"interactions":[{"id":{"sessionID":127,"localID":40327},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120230},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["Frame 19840778820","Links0","Nav Menu Iten0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"State":{"value":"Active","type":"VARIANT","boundVariables":{}}},"visible":false}}],"mainComponentId":"52:110016","componentProperties":{"State":{"value":"Active","type":"VARIANT","boundVariables":{}}}}},{"key":["Frame 19840778820","Links0","Nav Menu Iten1"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":74,"localID":171022},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true,"connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":127,"localID":40327},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120230},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["Nav Link0","Link0"],"value":{"characterStyleOverrides":[],"characters":"Home","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]}},{"key":["Frame 19840778820","Links0","Nav Menu Iten2"],"value":{"overrides":[{"key":[],"value":{"visible":false}}]}},{"key":["Frame 19840778820","Logo0","Frame 19840779340","logo cheryl alice-02 10"],"value":{"interactions":[{"id":{"sessionID":127,"localID":40327},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120230},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["Frame 19840778820","Logo0","Frame 19840779340"],"value":{"interactions":[{"id":{"sessionID":74,"localID":171024},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true,"connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":127,"localID":40327},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120230},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]}}]},"132:40562":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40562","name":"Info Section","absoluteBoundingBox":{"x":18938.0,"y":6486.953125,"width":343.0,"height":510.0},"isolatedAbsoluteRenderBounds":{"x":18938.0,"y":6486.953125,"width":343.0,"height":510.0},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,4061.95336914062]],"size":{"x":343.0,"y":510.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40562;8:11404","I132:40562;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":343.0,"y":510.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"SUDIO INFO & SCALABILITY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"The design was well received — 75% of attendees visited over 80% of the studios, 60% actively participated in the Quest, and 50% completed it. Feedback showed users enjoyed the sense of progress, autonomy, and play.\n\nFollowing the Monaco launch, we began evolving the app into a scalable solution for future events. Ideas in development include avatar onboarding, bonus character scans, tournament integration, live notifications with quiz boosts, and more flexible layout options. ","lineIndentations":[0,0,0],"lineStyleOverrides":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"styleOverrideTable":{}}}]},"132:40507":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40507","name":"Tag","absoluteBoundingBox":{"x":18954.0,"y":2425.0,"width":240.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":2425.0,"width":240.0,"height":53.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,0.0]],"size":{"x":240.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40507;2:10644","I132:40507;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":null,"size":{"x":240.0,"y":53.0}}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"01. STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"52:110015":{"type":"TEXT","id":"52:110015","name":"Link","absoluteBoundingBox":{"x":-8764.0,"y":1471.0,"width":50.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":-8762.8662109375,"y":1474.97802734375,"width":46.9228515625,"height":16.073974609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"UX/UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:2:10594","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"43:68708":{"type":"FRAME","id":"43:68708","name":"Dark Light Toggle","absoluteBoundingBox":{"x":-8740.8359375,"y":1679.0,"width":405.082092285156,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-8740.8359375,"y":1679.0,"width":405.082092285156,"height":40.0},"relativeTransform":[[1.0,0.0,826.164184570312],[0.0,1.0,0.0]],"size":{"x":405.082092285156,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["43:68709","43:68748","43:68712"]},"132:40561":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40561","name":"Info Section","absoluteBoundingBox":{"x":18974.0,"y":6567.01318359375,"width":704.0,"height":258.0},"isolatedAbsoluteRenderBounds":{"x":18974.0,"y":6567.01318359375,"width":704.0,"height":258.0},"relativeTransform":[[1.0,0.0,68.0],[0.0,1.0,4142.01318359375]],"size":{"x":704.0,"y":258.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40561;8:11404","I132:40561;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":704.0,"y":258.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"STUDIO INFO & SCALABILITY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"Users could explore studio details, using the bottom navigantion. From the Studios tab, they could track which booths they'd visited, learn about each game, and plan what to explore next.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"2:13":{"id":"2:13","type":"VARIABLE","assetId":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1","name":"dark text and elements","resolvedType":"COLOR","valuesByMode":{"6:0":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0}},"variableCollectionId":"VariableCollectionId:8e1c384368769290251cf478ce31d53963213821/6:0","codeSyntax":{}},"52:110242":{"mainComponentId":"52:110017","type":"INSTANCE","id":"52:110242","name":"Nav Menu Iten","absoluteBoundingBox":{"x":-9221.0,"y":1773.5,"width":97.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-9221.0,"y":1773.5,"width":97.0,"height":31.0},"relativeTransform":[[1.0,0.0,80.3333435058594],[0.0,1.0,4.5]],"size":{"x":97.0,"y":31.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"BUTTON","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":4.0,"paddingRight":6.0,"paddingBottom":4.0,"paddingLeft":6.0,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I52:110242;52:110009"],"componentSetId":"52:110018","componentProperties":{"State":{"value":"Inactive","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":97.0,"y":31.0}}},{"key":["Nav Link0","Link0"],"value":{"characterStyleOverrides":[],"characters":"Illustration","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40567":{"type":"FRAME","id":"132:40567","name":"Frame 1984077912","absoluteBoundingBox":{"x":18954.0,"y":5596.61328125,"width":1184.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":5596.61328125,"width":1184.0,"height":53.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,3171.61328125]],"size":{"x":1184.0,"y":53.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":32.0,"primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["132:40568","132:40569"]},"43:68933":{"type":"FRAME","id":"43:68933","name":"Dark Light Toggle","absoluteBoundingBox":{"x":-9043.6669921875,"y":1769.0,"width":257.666687011719,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9043.6669921875,"y":1769.0,"width":257.6669921875,"height":40.0},"relativeTransform":[[1.0,0.0,523.333374023438],[0.0,1.0,0.0]],"size":{"x":257.666687011719,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["43:68934","43:68936","43:68937"]},"132:40553":{"type":"RECTANGLE","id":"132:40553","name":"Performance Listing page 1 1","absoluteBoundingBox":{"x":18954.0,"y":4884.61328125,"width":1184.0,"height":680.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":4884.61328125,"width":1184.0,"height":680.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,2459.61328125]],"size":{"x":1184.0,"y":680.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"c791df8275bea3397b8e9b9412c7e014bc4031b1","originalImageWidth":1200,"originalImageHeight":687,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0},"43:68709":{"type":"FRAME","id":"43:68709","name":"🌞 Sun with face","absoluteBoundingBox":{"x":-8425.75390625,"y":1679.0,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-8425.75390625,"y":1679.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,315.082092285156],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.5,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["43:68710"]},"132:40551":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40551","name":"Tag","absoluteBoundingBox":{"x":18954.0,"y":4627.61328125,"width":359.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":4627.61328125,"width":359.0,"height":53.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,2202.61328125]],"size":{"x":359.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:167"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:167"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40551;2:10644","I132:40551;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:167"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":null,"size":{"x":359.0,"y":53.0}}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"03. TOKENISED COMPONENTS","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"140:41806":{"mainComponentId":"8:11411","type":"INSTANCE","id":"140:41806","name":"Info Section","absoluteBoundingBox":{"x":20298.0,"y":3801.84033203125,"width":704.0,"height":232.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":3801.84033203125,"width":704.0,"height":232.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,941.506713867188]],"size":{"x":704.0,"y":232.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I140:41806;8:11404","I140:41806;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":704.0,"y":232.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"I established a clear semantic naming convention for colour tokens using a structured format that communicates class, element, value, and state. Every token supported both light and dark themes using transparency and WCAG AA-compliant contrast levels. When the team considered removing the light theme, I redesigned it using blue-tinted whites aligned with brand hues, transforming perception and saving it from deprecation. All tokens were reviewed with developers and mapped directly to global CSS variables to ensure implementation accuracy.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"140:41803":{"type":"RECTANGLE","id":"140:41803","name":"Performance Listing page 1 6","absoluteBoundingBox":{"x":21130.0,"y":3944.90502929688,"width":343.0,"height":229.238342285156},"targetAspectRatio":{"x":1200.0,"y":802.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":3944.90502929688,"width":343.0,"height":229.238525390625},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,1261.23828125]],"size":{"x":343.0,"y":229.238342285156},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"2b35dc82170aa9478fdce392329f4dcb00f173bd","originalImageWidth":1200,"originalImageHeight":858,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0},"132:40589":{"type":"FRAME","id":"132:40589","name":"Header section","absoluteBoundingBox":{"x":20250.0,"y":1963.0,"width":800.0,"height":873.333374023438},"isolatedAbsoluteRenderBounds":{"x":20250.0,"y":1963.0,"width":800.0,"height":873.33349609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":873.333374023438},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":48.0,"paddingLeft":48.0,"layoutMode":"VERTICAL","itemSpacing":40.0,"counterAxisSizingMode":"FIXED","children":["132:40590","132:40596"]},"52:110018":{"type":"COMPONENT_SET","id":"52:110018","name":"Nav Menu Iten","absoluteBoundingBox":{"x":-8788.0,"y":1399.0,"width":96.0,"height":115.0},"isolatedAbsoluteRenderBounds":{"x":-8788.0,"y":1399.0,"width":96.0,"height":115.0},"relativeTransform":[[1.0,0.0,856.0],[0.0,1.0,711.0]],"size":{"x":96.0,"y":115.0},"fills":[],"constraintValues":{"left":{"pixelOffset":856.0,"sizeFraction":0.0},"top":{"pixelOffset":711.0,"sizeFraction":0.0}},"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}],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["52:110017","52:110016"],"componentPropertyDefinitions":{"State":{"type":"VARIANT","defaultValue":"Inactive","variantOptions":["Inactive","Active"]}}},"132:40502":{"type":"FRAME","id":"132:40502","name":"Header section","absoluteBoundingBox":{"x":18906.0,"y":2425.0,"width":1280.0,"height":3224.61328125},"isolatedAbsoluteRenderBounds":{"x":18906.0,"y":2425.0,"width":1280.0,"height":3224.61328125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,454.0]],"size":{"x":1280.0,"y":3224.61328125},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":48.0,"paddingLeft":48.0,"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["132:40507","132:40508","136:41785","132:40510","140:41813","140:41822","137:41790","140:41801","132:40551","132:40552","132:40553","132:40561","132:40562","132:40567"]},"2:10589":{"key":"8c56b90cd24baedc9317fd033c6b3a673782d098","name":"Header 2","styleType":"TEXT","remote":false,"description":"","id":"2:10589","assetId":"StyleId:2:10589","type":"STYLE","style":{"fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.32,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":104.986885070801,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},"137:41790":{"mainComponentId":"8:11411","type":"INSTANCE","id":"137:41790","name":"Info Section","absoluteBoundingBox":{"x":18954.0,"y":3609.306640625,"width":1184.0,"height":163.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":3609.306640625,"width":1184.0,"height":163.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,1184.306640625]],"size":{"x":1184.0,"y":163.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I137:41790;8:11404","I137:41790;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":1184.0,"y":163.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,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],"characters":"I established a clear semantic naming convention for colour tokens using a structured format that communicates class, element, value, and state. Every token supported both light and dark themes using transparency and WCAG AA-compliant contrast levels. When the team considered removing the light theme, I redesigned it using blue-tinted whites aligned with brand hues, transforming perception and saving it from deprecation. All tokens were reviewed with developers and mapped directly to global CSS variables to ensure implementation accuracy.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{"2":{"styleIdForText":"StyleId:55:117386","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":18.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"55:117386","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}}}]},"140:41822":{"mainComponentId":"8:11411","type":"INSTANCE","id":"140:41822","name":"Info Section","absoluteBoundingBox":{"x":18881.0,"y":3073.0,"width":343.0,"height":489.0},"isolatedAbsoluteRenderBounds":{"x":18881.0,"y":3073.0,"width":343.0,"height":489.0},"relativeTransform":[[1.0,0.0,-25.0],[0.0,1.0,648.0]],"size":{"x":343.0,"y":489.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I140:41822;8:11404","I140:41822;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":343.0,"y":489.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"Before building components or variables, I defined the foundations. This included a complete style library of colours, typography, spacing, grids, and border radius, all mapped directly to CSS global styles. I worked closely with developers to ensure values aligned 1:1 across Figma and code, enabling a consistent, scalable base for tokens and theming to follow.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"2:10786":{"type":"TEXT","id":"2:10786","name":"Image Title","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":37.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":0.616000056266785,"y":8.39999866485596,"width":34.6915626525879,"height":26.0960006713867},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":37.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":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":28.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.3999977111816,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":28.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.3999977111816,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":28.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.3999977111816,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":28.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.3999977111816,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"2:10647":{"type":"COMPONENT","id":"2:10647","name":"Breakpoint=Tag Mobile","absoluteBoundingBox":{"x":-9581.0,"y":2292.0,"width":215.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":-9581.0,"y":2292.0,"width":215.0,"height":38.0},"relativeTransform":[[1.0,0.0,18.0],[0.0,1.0,104.0]],"size":{"x":215.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:5cba406416b721751eaf247c21d25a8e2c61ea98/6:3"}},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":18.0,"sizeFraction":0.0},"top":{"pixelOffset":104.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:5cba406416b721751eaf247c21d25a8e2c61ea98/6:3"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":8.0,"paddingRight":12.0,"paddingBottom":8.0,"paddingLeft":12.0,"layoutMode":"HORIZONTAL","itemSpacing":4.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["2:10646","9:18595"],"componentSetId":"2:10649"},"41:68479":{"type":"TEXT","id":"41:68479","name":"Body Large","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":25.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":25.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":25.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}],"visible":false,"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"2:10593":{"type":"TEXT","id":"2:10593","name":"Micro Labels","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":18.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":0.392000019550323,"y":5.19999933242798,"width":16.6282825469971,"height":13.0480003356934},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":18.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":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":107.526878356934,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"132:40508":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40508","name":"Info Section","absoluteBoundingBox":{"x":18954.0,"y":2510.0,"width":1184.0,"height":159.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":2510.0,"width":1184.0,"height":159.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,85.0]],"size":{"x":1184.0,"y":159.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40508;8:11404","I132:40508;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":1184.0,"y":159.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"GETTING THE BASICS RIGHT - THE STYLE LIBRARY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"Before building components or variables, I defined the foundations. This included a complete style library of colours, typography, spacing, grids, and border radius, all mapped directly to CSS global styles. I worked closely with developers to ensure values aligned 1:1 across Figma and code, enabling a consistent, scalable base for tokens and theming to follow.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"17:5329":{"id":"17:5329","assetId":"VariableCollectionId:c30d70301e94b78b3a85dd11817faa070e9327aa/55064:593","type":"VARIABLE_COLLECTION","name":"Typeface","defaultModeId":"55064:0","modes":[{"modeId":"55064:0","name":"Baseline"},{"modeId":"55064:1","name":"Wireframe"}]},"132:40661":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40661","name":"Info Section","absoluteBoundingBox":{"x":20282.0,"y":6922.287109375,"width":343.0,"height":510.0},"isolatedAbsoluteRenderBounds":{"x":20282.0,"y":6922.287109375,"width":343.0,"height":510.0},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,4061.95336914062]],"size":{"x":343.0,"y":510.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40661;8:11404","I132:40661;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":343.0,"y":510.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"SUDIO INFO & SCALABILITY","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"The design was well received — 75% of attendees visited over 80% of the studios, 60% actively participated in the Quest, and 50% completed it. Feedback showed users enjoyed the sense of progress, autonomy, and play.\n\nFollowing the Monaco launch, we began evolving the app into a scalable solution for future events. Ideas in development include avatar onboarding, bonus character scans, tournament integration, live notifications with quiz boosts, and more flexible layout options. ","lineIndentations":[0,0,0],"lineStyleOverrides":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"styleOverrideTable":{}}}]},"132:40695":{"type":"TEXT","id":"132:40695","name":"Link","absoluteBoundingBox":{"x":21138.0,"y":1899.5,"width":52.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":21139.2421875,"y":1904.90002441406,"width":49.564453125,"height":12.81591796875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":52.0,"y":23.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Home","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:2:10594","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"136:41785":{"type":"RECTANGLE","id":"136:41785","name":"Performance Listing page 1 5","absoluteBoundingBox":{"x":18954.0,"y":2701.0,"width":1184.0,"height":791.306640625},"targetAspectRatio":{"x":1200.0,"y":802.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":2701.0,"width":1184.0,"height":791.306640625},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,276.0]],"size":{"x":1184.0,"y":791.306640625},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"d338f37de5d527869d433b63c921589ccff77872","originalImageWidth":1200,"originalImageHeight":858,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0},"132:40682":{"type":"FRAME","id":"132:40682","name":"Links","absoluteBoundingBox":{"x":20494.666015625,"y":1891.0,"width":114.33332824707,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":20494.666015625,"y":1891.0,"width":114.333984375,"height":40.0},"relativeTransform":[[1.0,0.0,228.666656494141],[0.0,1.0,0.0]],"size":{"x":114.33332824707,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":24.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40683"]},"43:68934":{"type":"FRAME","id":"43:68934","name":"🌞 Sun with face","absoluteBoundingBox":{"x":-8876.0,"y":1769.0,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-8876.0,"y":1769.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,167.666687011719],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.5,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["43:68935"]},"132:40494":{"mainComponentId":"105:17973","type":"INSTANCE","id":"132:40494","name":"Back","absoluteBoundingBox":{"x":18954.0,"y":1971.0,"width":77.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":1971.0,"width":77.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":77.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":105,"localID":18037},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"BACK"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40494;105:17992","I132:40494;105:17970"],"componentProperties":{},"overrides":[]},"2:167":{"id":"2:167","type":"VARIABLE","assetId":"VariableID:2:167","name":"Salmon","resolvedType":"COLOR","valuesByMode":{"2:0":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0},"2:1":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0}},"variableCollectionId":"VariableCollectionId:2:161","codeSyntax":{}},"132:40552":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40552","name":"Info Section","absoluteBoundingBox":{"x":18954.0,"y":4712.61328125,"width":1184.0,"height":140.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":4712.61328125,"width":1184.0,"height":140.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,2287.61328125]],"size":{"x":1184.0,"y":140.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40552;8:11404","I132:40552;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":1184.0,"y":140.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"SIGN-IN, ONBOARDING & AGENDA","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"I built a robust component library using variables for things like breakpoints, interaction states, and theme toggles, along with booleans for toggling visibility, and instance swaps for icons, etc. Every element was built with token-driven properties for colors, spacing, and typography, ensuring components could be updated rapidly and across all instances in the product. This approach allowed us to scale efficiently while reducing QA cycles and implementation. I created fully dev-ready specs for each component type.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40572":{"type":"FRAME","id":"132:40572","name":"Logo","absoluteBoundingBox":{"x":18922.0,"y":1891.0,"width":114.333335876465,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":18922.0,"y":1891.0,"width":114.333984375,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":114.333335876465,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"strokeWeight":0.666666686534882,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.33333349227905,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40573"]},"132:40490":{"type":"FRAME","id":"132:40490","name":"Header section","absoluteBoundingBox":{"x":18906.0,"y":1971.0,"width":1280.0,"height":422.0},"isolatedAbsoluteRenderBounds":{"x":18906.0,"y":1971.0,"width":1280.0,"height":422.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1280.0,"y":422.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":48.0,"paddingLeft":48.0,"layoutMode":"HORIZONTAL","itemSpacing":64.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["132:40491","132:40497"]},"74:170848":{"type":"FRAME","id":"74:170848","name":"Frame 1984077934","absoluteBoundingBox":{"x":-9559.0,"y":1769.0,"width":235.818359375,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9559.0,"y":1769.0,"width":235.818359375,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":235.818359375,"y":40.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.0,"counterAxisAlignItems":"CENTER","children":["43:68914","68:170178"]},"132:40588":{"type":"FRAME","id":"132:40588","name":"Frame 1984077894","absoluteBoundingBox":{"x":20250.0,"y":1963.0,"width":800.0,"height":3874.3466796875},"isolatedAbsoluteRenderBounds":{"x":20250.0,"y":1963.0,"width":800.0,"height":3874.3466796875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,80.0]],"size":{"x":800.0,"y":3874.3466796875},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"ARTICLE","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"isInAnimateTree":true,"children":["132:40589","132:40601"]},"8:11404":{"type":"TEXT","id":"8:11404","name":"PROJECT OVERVIEW","absoluteBoundingBox":{"x":-9575.0,"y":2522.0,"width":1183.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":-9573.6201171875,"y":2527.76000976562,"width":197.171875,"height":14.47998046875},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,24.0]],"size":{"x":1183.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"PROJECT OVERVIEW","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:2:10693","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:2:10693","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"fontSize":20.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:2:10693","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"fontSize":20.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:2:10693","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"fontSize":20.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"132:40495":{"type":"TEXT","id":"132:40495","name":"Building a Scalable Design System in Figma","absoluteBoundingBox":{"x":18954.0,"y":2005.0,"width":499.0,"height":174.0},"isolatedAbsoluteRenderBounds":{"x":18956.16015625,"y":2016.96801757812,"width":407.814453125,"height":159.2958984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,34.0]],"size":{"x":499.0,"y":174.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a Scalable Design System in Figma","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:2:10588","fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:166"}]},"fontVariantPosition":"NORMAL","fontSize":48.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":1.44,"letterSpacingValue":3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":57.6000022888184,"lineHeightPercent":104.986885070801,"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":{}},"132:40684":{"type":"TEXT","id":"132:40684","name":"Link","absoluteBoundingBox":{"x":20557.0,"y":1898.0,"width":52.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":20558.5,"y":1904.0,"width":48.248046875,"height":14.239990234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":52.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Menu","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:925cf26f539ca7e3804035d6be6ddeec206ed53b/2:289","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"52:110077":{"mainComponentId":"52:110017","type":"INSTANCE","id":"52:110077","name":"Nav Menu Iten","absoluteBoundingBox":{"x":-8991.876953125,"y":1683.5,"width":97.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-8991.876953125,"y":1683.5,"width":97.0,"height":31.0},"relativeTransform":[[1.0,0.0,154.041046142578],[0.0,1.0,4.5]],"size":{"x":97.0,"y":31.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"BUTTON","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":4.0,"paddingRight":6.0,"paddingBottom":4.0,"paddingLeft":6.0,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I52:110077;52:110009"],"componentSetId":"52:110018","componentProperties":{"State":{"value":"Inactive","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":97.0,"y":31.0}}},{"key":["Nav Link0","Link0"],"value":{"characterStyleOverrides":[],"characters":"Illustration","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"2:16":{"id":"2:16","type":"VARIABLE","assetId":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4","name":"lilac","resolvedType":"COLOR","valuesByMode":{"6:0":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0}},"variableCollectionId":"VariableCollectionId:8e1c384368769290251cf478ce31d53963213821/6:0","codeSyntax":{}},"132:40723":{"mainComponentId":"2:10647","type":"INSTANCE","id":"132:40723","name":"Tag","absoluteBoundingBox":{"x":21130.0,"y":3390.90502929688,"width":256.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":3390.90502929688,"width":256.0,"height":60.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,707.238342285156]],"size":{"x":256.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":8.0,"paddingRight":12.0,"paddingBottom":8.0,"paddingLeft":12.0,"layoutMode":"HORIZONTAL","itemSpacing":4.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I132:40723;2:10646","I132:40723;9:18595"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Mobile","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":"FIXED","size":{"x":256.0,"y":60.0}}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"02. COLOUR VARIABLES &\nSEMANTIC NAMING","lineIndentations":[0,0],"lineStyleOverrides":[0,0],"lineTypes":["NONE","NONE"],"styleOverrideTable":{}}}]},"132:40669":{"type":"FRAME","id":"132:40669","name":"Nav Header","absoluteBoundingBox":{"x":20250.0,"y":1883.0,"width":375.0,"height":56.0},"isolatedAbsoluteRenderBounds":{"x":20250.0,"y":1883.0,"width":375.0,"height":56.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":56.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:ba1f9129bc068f282caf5e4b990198f4c82fd36e/35:823"}},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":3.0,"left":0.0},"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:ba1f9129bc068f282caf5e4b990198f4c82fd36e/35:823"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":8.0,"paddingRight":16.0,"paddingBottom":8.0,"paddingLeft":16.0,"layoutMode":"HORIZONTAL","itemSpacing":87.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40670"]},"132:40492":{"type":"FRAME","id":"132:40492","name":"Frame 1984077819","absoluteBoundingBox":{"x":18954.0,"y":1971.0,"width":499.0,"height":422.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":1971.0,"width":499.0,"height":422.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":499.0,"y":422.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","children":["132:40493","132:40496"]},"55:117386":{"key":"037e2d101023d9524530300e03a5bffb6988c9b0","name":"Body Medium","styleType":"TEXT","remote":false,"description":"","id":"55:117386","assetId":"StyleId:55:117386","type":"STYLE","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},"43:68938":{"type":"RECTANGLE","id":"43:68938","name":"Image","absoluteBoundingBox":{"x":-8818.0,"y":1773.0,"width":32.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-8818.0,"y":1773.0,"width":32.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":32.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"c79b03dd7436c11e1d627690893ac34388c68ecb","originalImageWidth":160,"originalImageHeight":160,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"SCALE","horizontal":"SCALE"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":0.0,"sizeFraction":1.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0},"bottom":{"pixelOffset":0.0,"sizeFraction":1.0}},"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.400000005960464,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Mattrix Arean Website","ariaAttributes":{},"interactions":[]},"132:40699":{"type":"FRAME","id":"132:40699","name":"Frame 1984077881","absoluteBoundingBox":{"x":21423.0,"y":1894.5,"width":2.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":21423.0,"y":1894.5,"width":2.0,"height":32.0},"relativeTransform":[[1.0,0.0,233.0],[0.0,1.0,4.0]],"size":{"x":2.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.761904776096344,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"children":[]},"132:40496":{"type":"TEXT","id":"132:40496","name":"I created a fully documented design system in Figma with semantic tokens, responsive components, and clear specs, all built to align closely with developer workflows. By mapping tokens directly to CSS variables and supporting light and dark modes, the system reduced friction, improved consistency, and scaled easily across multiple products and teams.","absoluteBoundingBox":{"x":18954.0,"y":2211.0,"width":499.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":18954.48046875,"y":2216.5,"width":485.5078125,"height":174.89990234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,240.0]],"size":{"x":499.0,"y":182.0},"fills":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I created a fully documented design system in Figma with semantic tokens, responsive components, and clear specs, all built to align closely with developer workflows. By mapping tokens directly to CSS variables and supporting light and dark modes, the system reduced friction, improved consistency, and scaled easily across multiple products and teams.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:2:10591","fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"132:40493":{"type":"FRAME","id":"132:40493","name":"Frame 1984077943","absoluteBoundingBox":{"x":18954.0,"y":1971.0,"width":499.0,"height":208.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":1971.0,"width":499.0,"height":208.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":499.0,"y":208.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":8.0,"counterAxisSizingMode":"FIXED","children":["132:40494","132:40495"]},"52:110135":{"mainComponentId":"52:110017","type":"INSTANCE","id":"52:110135","name":"Nav Menu Iten","absoluteBoundingBox":{"x":-8862.876953125,"y":1683.5,"width":62.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-8862.876953125,"y":1683.5,"width":62.0,"height":31.0},"relativeTransform":[[1.0,0.0,283.041046142578],[0.0,1.0,4.5]],"size":{"x":62.0,"y":31.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"BUTTON","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":4.0,"paddingRight":6.0,"paddingBottom":4.0,"paddingLeft":6.0,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I52:110135;52:110009"],"componentSetId":"52:110018","componentProperties":{"State":{"value":"Inactive","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":["Nav Link0","Link0"],"value":{"characterStyleOverrides":[],"characters":"About","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}},{"key":[],"value":{"size":{"x":62.0,"y":31.0}}}]},"43:68748":{"type":"FRAME","id":"43:68748","name":"Frame 1984077881","absoluteBoundingBox":{"x":-8377.75390625,"y":1683.0,"width":2.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-8377.75390625,"y":1683.0,"width":2.0,"height":32.0},"relativeTransform":[[1.0,0.0,363.082092285156],[0.0,1.0,4.0]],"size":{"x":2.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.761904776096344,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"children":[]},"132:40488":{"mainComponentId":"2:75","type":"INSTANCE","id":"132:40488","name":"Nav Header","absoluteBoundingBox":{"x":18906.0,"y":1883.0,"width":1280.0,"height":56.0},"isolatedAbsoluteRenderBounds":{"x":18906.0,"y":1883.0,"width":1280.0,"height":56.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1280.0,"y":56.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","scrollBehavior":"STICKY_SCROLLS","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":3.0,"left":0.0},"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:9:22246"}]},"accessibleHTMLTag":"NAV","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"cursor":{"cursorGuid":{"sessionID":52,"localID":110417},"hotspotX":32.0,"hotspotY":-16.0,"behaviorType":"cursor","cursorFileName":"54bb3f6a1594dcb719da98cb597357eae586544d.png"}},"paddingTop":8.0,"paddingRight":16.0,"paddingBottom":8.0,"paddingLeft":16.0,"layoutMode":"HORIZONTAL","itemSpacing":87.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I132:40488;43:68766"],"componentSetId":"2:74","componentProperties":{"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":["Frame 19840778820","Links0"],"value":{"visible":null}},{"key":["Frame 19840778820","Logo0","Frame 19840779330","logo cheryl alice-02 10"],"value":{"interactions":[{"id":{"sessionID":127,"localID":40328},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120231},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["Frame 19840778820","Dark Light Toggle0","🌚 New moon with face0"],"value":{"accessibleLabel":"Go to dark mode","interactions":[{"id":{"sessionID":142,"localID":42434},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":142,"localID":41824},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true,"connectionURL":"/design-system-dark"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":127,"localID":40328},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120231},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["Frame 19840778820","Dark Light Toggle0","🌚 New moon with face0","Image0"],"value":{"interactions":[{"id":{"sessionID":127,"localID":40328},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120231},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["Frame 19840778820"],"value":{"layoutGrow":1.0}},{"key":["Frame 19840778820","Logo0","Frame 19840779330","Logo Icon0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":127,"localID":40328},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120231},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1}]}}]}},{"key":["Frame 19840778820","Links0","Nav Menu Iten0"],"value":{"overrides":[{"key":[],"value":{"componentProperties":{"State":{"value":"Active","type":"VARIANT","boundVariables":{}}},"visible":false}}],"mainComponentId":"52:110016","componentProperties":{"State":{"value":"Active","type":"VARIANT","boundVariables":{}}}}},{"key":["Frame 19840778820","Links0","Nav Menu Iten1"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":74,"localID":171023},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true,"connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":127,"localID":40328},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120231},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1}]}},{"key":["Nav Link0","Link0"],"value":{"characterStyleOverrides":[],"characters":"Home","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]}},{"key":["Frame 19840778820","Links0","Nav Menu Iten2"],"value":{"overrides":[{"key":[],"value":{"visible":false}}]}},{"key":["Frame 19840778820","Logo0","Frame 19840779330"],"value":{"interactions":[{"id":{"sessionID":74,"localID":171021},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true,"connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":127,"localID":40328},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":127,"localID":39054},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":true}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97434},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":55,"localID":120231},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":55,"localID":117417},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1}]}}]},"132:40577":{"type":"FRAME","id":"132:40577","name":"Dark Light Toggle","absoluteBoundingBox":{"x":19036.333984375,"y":1890.5,"width":114.33332824707,"height":41.0},"isolatedAbsoluteRenderBounds":{"x":19036.333984375,"y":1890.5,"width":114.333984375,"height":41.0},"relativeTransform":[[1.0,0.0,114.333335876465],[0.0,1.0,-0.5]],"size":{"x":114.33332824707,"y":41.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":1.0,"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["132:40578","132:40580","132:40581"]},"132:40578":{"type":"FRAME","id":"132:40578","name":"🌞 Sun with face","absoluteBoundingBox":{"x":19060.66796875,"y":1890.5,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":19060.66796875,"y":1890.5,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,24.3333282470703],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.5,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["132:40579"]},"17:5330":{"id":"17:5330","type":"VARIABLE","assetId":"VariableID:f40c59b0465b3e7fa58cc2493db207fc7e6b02c0/55872:35","name":"Plain","resolvedType":"STRING","valuesByMode":{"55064:0":"Roboto","55064:1":"Flow Circular"},"variableCollectionId":"VariableCollectionId:c30d70301e94b78b3a85dd11817faa070e9327aa/55064:593","codeSyntax":{}},"2:10594":{"key":"925cf26f539ca7e3804035d6be6ddeec206ed53b","name":"Nav Buttons","styleType":"TEXT","remote":false,"description":"","id":"2:10594","assetId":"StyleId:2:10594","type":"STYLE","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.3999996185303,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},"105:17973":{"type":"COMPONENT","id":"105:17973","name":"Back","absoluteBoundingBox":{"x":-8726.0,"y":1165.0,"width":77.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":-8726.0,"y":1165.0,"width":77.0,"height":26.0},"relativeTransform":[[1.0,0.0,918.0],[0.0,1.0,477.0]],"size":{"x":77.0,"y":26.0},"fills":[],"constraintValues":{"left":{"pixelOffset":918.0,"sizeFraction":0.0},"top":{"pixelOffset":477.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":105,"localID":18037},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"BACK"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["105:17992","105:17970"]},"132:40650":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40650","name":"Tag","absoluteBoundingBox":{"x":20298.0,"y":4584.3466796875,"width":359.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":4584.3466796875,"width":359.0,"height":53.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,1724.01342773438]],"size":{"x":359.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:167"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:167"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40650;2:10644","I132:40650;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":0.603921592235565,"b":0.47843137383461,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:167"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":null,"size":{"x":359.0,"y":53.0}}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"03. TOKENISED COMPONENTS","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40782":{"mainComponentId":"2:10647","type":"INSTANCE","id":"132:40782","name":"Tag","absoluteBoundingBox":{"x":21320.0,"y":5599.1435546875,"width":153.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":21320.0,"y":5599.1435546875,"width":153.0,"height":38.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,0.0]],"size":{"x":153.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":55,"localID":120291},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":152,"localID":6422},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/tournaments-redesign-light"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":8.0,"paddingRight":12.0,"paddingBottom":8.0,"paddingLeft":12.0,"layoutMode":"HORIZONTAL","itemSpacing":4.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I132:40782;2:10646","I132:40782;9:18595"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Mobile","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","size":{"x":153.0,"y":38.0},"interactions":[{"id":{"sessionID":55,"localID":120291},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":152,"localID":6422},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"LINEAR","easingFunction":[0.0,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/tournaments-redesign-light"}],"isDeleted":false,"stateManagementVersion":1}]}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"NEXT ","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40497":{"type":"IMAGE","id":"132:40497","name":"Image","absoluteBoundingBox":{"x":19673.0,"y":2027.0,"width":465.0,"height":310.0},"targetAspectRatio":{"x":465.0,"y":310.0},"isolatedAbsoluteRenderBounds":{"x":19673.0,"y":2027.0,"width":465.0,"height":310.0},"relativeTransform":[[1.0,0.0,767.0],[0.0,1.0,56.0]],"size":{"x":465.0,"y":310.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"ecc768c3b4ac0f2629e66a30a1e5d7a64dbe8c4c","originalImageWidth":1200,"originalImageHeight":858,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"hash":"c68030699cfddfb1909c7740ef0d303951cea807"},"9:18595":{"type":"SVG","id":"9:18595","name":"ArrowCircleUpRight","absoluteBoundingBox":{"x":-9374.0,"y":2300.0,"width":24.0,"height":24.0},"targetAspectRatio":{"x":32.0,"y":32.0},"isolatedAbsoluteRenderBounds":{"x":-9374.0,"y":2300.0,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,207.0],[0.0,1.0,8.0]],"size":{"x":24.0,"y":24.0},"fills":[],"visible":true,"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.09375,"componentPropertyReferences":{"visible":"Show icon#9:3"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"a845aa4784ce8e8b4a01b5de910d71f10311be61"},"132:40765":{"mainComponentId":"8:11411","type":"INSTANCE","id":"132:40765","name":"Info Section","absoluteBoundingBox":{"x":21130.0,"y":4244.1435546875,"width":343.0,"height":416.0},"isolatedAbsoluteRenderBounds":{"x":21130.0,"y":4244.1435546875,"width":343.0,"height":416.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,1560.4765625]],"size":{"x":343.0,"y":416.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"paddingTop":24.0,"paddingRight":24.0,"paddingBottom":24.0,"paddingLeft":24.0,"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I132:40765;8:11404","I132:40765;8:11405"],"componentProperties":{},"overrides":[{"key":[],"value":{"name":"Info Section","size":{"x":343.0,"y":416.0}}},{"key":["PROJECT OVERVIEW0"],"value":{"characterStyleOverrides":[],"characters":"SIGN-IN, ONBOARDING & AGENDA","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"visible":false}},{"key":["As part of the Smart Interface Design Patterns course, I redesigned the mobile seat selection experience for the Vienna Opera House. Users were frustrated by unclear seat quality, confusing pricing, and limited accessibility options. The goal: improve satisfaction and booking clarity, without adding any new features.0"],"value":{"characterStyleOverrides":[],"characters":"I built a robust component library using variables for things like breakpoints, interaction states, and theme toggles, along with booleans for toggling visibility, and instance swaps for icons, etc. Every element was built with token-driven properties for colors, spacing, and typography, ensuring components could be updated rapidly and across all instances in the product. This approach allowed us to scale efficiently while reducing QA cycles and implementation. I created fully dev-ready specs for each component type.","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"17:5334":{"id":"17:5334","type":"VARIABLE","assetId":"VariableID:a50033bc4f4556a0fb2ca818032fc6fd97bb1f26/55872:167","name":"Label Large/Weight","resolvedType":"STRING","valuesByMode":{"55064:2":{"type":"VARIABLE_ALIAS","id":"VariableID:67a518baa6ff84d7123784ddc1b96d66e9bdc9b4/55872:22"}},"variableCollectionId":"VariableCollectionId:ec6a1ceb130c6e178bb551dd0f75352ed31592b3/55067:80","codeSyntax":{}},"132:40570":{"type":"FRAME","id":"132:40570","name":"Nav Header","absoluteBoundingBox":{"x":18906.0,"y":1883.0,"width":375.0,"height":56.0},"isolatedAbsoluteRenderBounds":{"x":18906.0,"y":1883.0,"width":375.0,"height":56.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":56.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:ba1f9129bc068f282caf5e4b990198f4c82fd36e/35:823"}},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":3.0,"left":0.0},"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:ba1f9129bc068f282caf5e4b990198f4c82fd36e/35:823"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:6c66a7c3ea64e1de8e66dc272c73a62169467c80/50:3043"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":8.0,"paddingRight":16.0,"paddingBottom":8.0,"paddingLeft":16.0,"layoutMode":"HORIZONTAL","itemSpacing":87.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["132:40571"]},"2:10590":{"type":"TEXT","id":"2:10590","name":"Header 3","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":29.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":0.360000014305115,"y":6.2239990234375,"width":26.9105625152588,"height":21.4080009460449},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":29.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":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.24,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":104.986885070801,"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":{}},"132:40702":{"type":"FRAME","id":"132:40702","name":"Frame 1984077894","absoluteBoundingBox":{"x":21114.0,"y":1963.0,"width":375.0,"height":3674.14331054688},"isolatedAbsoluteRenderBounds":{"x":21114.0,"y":1963.0,"width":375.0,"height":3674.1435546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,80.0]],"size":{"x":375.0,"y":3674.14331054688},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"ARTICLE","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["132:40703","132:40715"]},"132:40713":{"type":"SVG","id":"132:40713","name":"Ellipse 12","absoluteBoundingBox":{"x":21362.0,"y":2336.0,"width":277.0,"height":277.0},"isolatedAbsoluteRenderBounds":{"x":21362.0,"y":2336.0,"width":277.0,"height":277.0},"relativeTransform":[[1.0,2.77555756156289e-17,232.0],[-2.77555756156289e-17,1.0,-95.0]],"size":{"x":277.0,"y":277.0},"fills":[{"blendMode":"NORMAL","type":"GRADIENT_LINEAR","transform":[[0.652468621730804,0.606971621513367,-0.259440183639526],[-0.606971621513367,0.652468621730804,0.454502999782562]],"gradientStops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.0},{"color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"position":1.0,"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}}}],"visible":true,"opacity":1.0}],"visible":false,"constraintValues":{"left":{"pixelOffset":232.0,"sizeFraction":0.0},"top":{"pixelOffset":-95,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"24ad5c8c45496a662cc51cf72933a8a6339de1c1"},"132:40689":{"type":"SVG","id":"132:40689","name":"Logo Icon","absoluteBoundingBox":{"x":21138.0,"y":1891.0,"width":40.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":21138.0,"y":1891.0,"width":40.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":40.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.662745118141174,"g":0.545098066329956,"b":0.866666674613953,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.666666686534882,"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:169"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Logo","ariaAttributes":{},"interactions":[{"id":{"sessionID":51,"localID":97435},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}],"hash":"074bcab8ed97a67b570b321f1f6cf71270d2e1b5"},"132:40510":{"mainComponentId":"2:10648","type":"INSTANCE","id":"132:40510","name":"Tag","absoluteBoundingBox":{"x":18954.0,"y":3524.306640625,"width":535.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":3524.306640625,"width":535.0,"height":53.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,1099.306640625]],"size":{"x":535.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}],"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[30.0,30.0,30.0,30.0],"cornerRadius":30.0,"paddingTop":12.0,"paddingRight":20.0,"paddingBottom":12.0,"paddingLeft":20.0,"layoutMode":"HORIZONTAL","itemSpacing":6.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40510;2:10644","I132:40510;9:18497"],"componentSetId":"2:10649","componentProperties":{"Show icon#9:3":{"type":"BOOLEAN","value":false},"Breakpoint":{"value":"Tag Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.968627452850342,"g":0.760784327983856,"b":0.356862753629684,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:2:168"}},"visible":true,"opacity":1.0}],"primaryAxisSizingMode":null,"size":{"x":535.0,"y":53.0}}},{"key":["02. ORIGINAL JOURNEY0"],"value":{"characterStyleOverrides":[],"characters":"02. COLOUR VARIABLES & SEMANTIC NAMING","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}}}]},"132:40593":{"mainComponentId":"105:17973","type":"INSTANCE","id":"132:40593","name":"Back","absoluteBoundingBox":{"x":20298.0,"y":1963.0,"width":77.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":1963.0,"width":77.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":77.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":105,"localID":18037},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"BACK"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["I132:40593;105:17992","I132:40593;105:17970"],"componentProperties":{},"overrides":[]},"2:6":{"key":"1106e8b15a08e85bc54dac7072ab3e2c43ee138f","name":"Header 3","styleType":"TEXT","remote":true,"description":"","id":"2:6","assetId":"StyleId:1106e8b15a08e85bc54dac7072ab3e2c43ee138f/6:20","type":"STYLE","style":{"fontFamily":"Lilita One","fontPostScriptName":"LilitaOne","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.24,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":104.986885070801,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},"132:40596":{"type":"FRAME","id":"132:40596","name":"Image","absoluteBoundingBox":{"x":20298.0,"y":2367.0,"width":704.0,"height":469.333374023438},"targetAspectRatio":{"x":465.0,"y":310.0},"isolatedAbsoluteRenderBounds":{"x":20298.0,"y":2367.0,"width":704.0,"height":469.33349609375},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,404.0]],"size":{"x":704.0,"y":469.333374023438},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"ecc768c3b4ac0f2629e66a30a1e5d7a64dbe8c4c","originalImageWidth":1200,"originalImageHeight":858,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"clipsContent":true,"children":["132:40597","132:40598","132:40599","132:40600"]},"43:68912":{"type":"FRAME","id":"43:68912","name":"Frame 1984077882","absoluteBoundingBox":{"x":-9567.0,"y":1769.0,"width":789.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":-9567.0,"y":1769.0,"width":789.0,"height":40.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,8.0]],"size":{"x":789.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":8.0,"paddingLeft":8.0,"layoutMode":"HORIZONTAL","itemSpacing":300.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["43:68913","43:68929","43:68933"]},"140:41801":{"type":"RECTANGLE","id":"140:41801","name":"Performance Listing page 1 6","absoluteBoundingBox":{"x":18954.0,"y":3804.306640625,"width":1184.0,"height":791.306640625},"targetAspectRatio":{"x":1200.0,"y":802.0},"isolatedAbsoluteRenderBounds":{"x":18954.0,"y":3804.306640625,"width":1184.0,"height":791.306640625},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,1379.306640625]],"size":{"x":1184.0,"y":791.306640625},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"2b35dc82170aa9478fdce392329f4dcb00f173bd","originalImageWidth":1200,"originalImageHeight":858,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.899999976158142,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.196078434586525,"g":0.196078434586525,"b":0.196078434586525,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}},"visible":true}],"strokeWeight":2.0,"effects":[],"boundVariables":{"strokes":[{"type":"VARIABLE_ALIAS","id":"VariableID:32:15666"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"screenshot image","ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0},"2:10592":{"type":"TEXT","id":"2:10592","name":"Body Small","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":21.0},"isolatedAbsoluteRenderBounds":{"x":0.480000019073486,"y":4.79999923706055,"width":18.6250019073486,"height":14.9120006561279},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.0,"y":21.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,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.7999992370605,"lineHeightPercent":99.8463897705078,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}}},"assetIdToGuid":{"VariableID:5cba406416b721751eaf247c21d25a8e2c61ea98/6:3":"2:14","VariableCollectionId:8e1c384368769290251cf478ce31d53963213821/6:0":"2:10","StyleId:2:10693":"2:10693","VariableID:b50abb8a2ce7d156ed5b465144b59ff4302d99a6/31:1":"2:13","VariableCollectionId:ec6a1ceb130c6e178bb551dd0f75352ed31592b3/55067:80":"17:5331","VariableID:2:169":"2:169","VariableID:2:162":"2:162","VariableID:e4ad9aabb9998fb99f7072875dfb29888cbf9b3a/6:4":"2:16","VariableID:b7106f0a3f07d4af175848449fb574729504df0f/55872:230":"17:5337","StyleId:2:10591":"2:10591","VariableID:abddbd6454e3de4c8350f56b4ac986911a639b73/55872:261":"17:5336","VariableID:a39ca6cda390af45265a75e4faa0a8d3fd6ef45b/55872:189":"17:5335","VariableID:32:15666":"32:15666","VariableID:67a518baa6ff84d7123784ddc1b96d66e9bdc9b4/55872:22":"17:5333","StyleId:2:10589":"2:10589","VariableID:f40c59b0465b3e7fa58cc2493db207fc7e6b02c0/55872:35":"17:5330","VariableID:2:167":"2:167","VariableCollectionId:2:161":"2:161","StyleId:1106e8b15a08e85bc54dac7072ab3e2c43ee138f/6:20":"2:6","VariableCollectionId:c30d70301e94b78b3a85dd11817faa070e9327aa/55064:593":"17:5329","StyleId:55:117386":"55:117386","VariableID:2:166":"2:166","VariableID:3c1c49084166dca096a283e4aaffe5c395336720/55872:92":"17:5332","VariableID:9:22246":"9:22246","VariableID:a50033bc4f4556a0fb2ca818032fc6fd97bb1f26/55872:167":"17:5334","StyleId:2:10588":"2:10588","VariableID:2:168":"2:168","StyleId:2:10594":"2:10594"},"guidToUrl":{"0:3":"/","55:145486":"/matrix-website-brand-refresh-dark","68:164181":"/home-dark","55:144305":"/quiz-website-dark","152:6422":"/tournaments-redesign-light","91:5394":"/illustrations","115:22641":"/events-app-light","96:11239":"/patterns-dark","127:39054":"/events-app-dark","2:171":"/mobile-seat-selection-light","55:117417":"/mobile-seat-selection-dark","17:9253":"/financial-stock-screener-light","171:8101":"/tournaments-redesign-dark","95:8457":"/illustrations-dark","132:40486":"/design-system-light","142:41824":"/design-system-dark","55:120294":"/financial-stock-screener-dark","22:11878":"/archaeological-data-service-light","55:130034":"/archaeological-data-service-dark","33:24997":"/quiz-website-light","38:60725":"/matrix-website-brand-refresh-light","95:9771":"/patterns"},"fonts":{"Roboto:Medium":{"id":"Roboto_wdth_wght__2","url":"/_woff/v2/Roboto_wdth_wght__2/Roboto_wdth_wght__2.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"wght","value":500.0,"name":"Weight"},{"tag":"wdth","value":100.0,"name":"Width"}],"subsets":{"baseUrl":"/_woff/v2/Roboto_wdth_wght__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":"Roboto_wdth_wght__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":"Roboto_wdth_wght__2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Roboto_wdth_wght__2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Roboto_wdth_wght__2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Roboto_wdth_wght__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":"Roboto_wdth_wght__2-rest.woff2"}]}},"DM Sans:Medium":{"id":"DMSans_opsz_wght__1","url":"/_woff/v2/DMSans_opsz_wght__1/DMSans_opsz_wght__1.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"opsz","value":14.0,"name":"OpticalSize"},{"tag":"wght","value":500.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/DMSans_opsz_wght__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":"DMSans_opsz_wght__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":"DMSans_opsz_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"DMSans_opsz_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"DMSans_opsz_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"DMSans_opsz_wght__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":"DMSans_opsz_wght__1-rest.woff2"}]}},"Lilita One:Regular":{"id":"LilitaOne-Regular_1","url":"/_woff/v2/LilitaOne-Regular_1/LilitaOne-Regular_1.woff2","source":1,"italic":false,"weight":400,"subsets":{"baseUrl":"/_woff/v2/LilitaOne-Regular_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":"LilitaOne-Regular_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":"LilitaOne-Regular_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"LilitaOne-Regular_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"LilitaOne-Regular_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"LilitaOne-Regular_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":"LilitaOne-Regular_1-rest.woff2"}]}},"DM Sans:Bold":{"id":"DMSans_opsz_wght__1","url":"/_woff/v2/DMSans_opsz_wght__1/DMSans_opsz_wght__1.woff2","source":1,"italic":false,"weight":700,"variationAxes":[{"tag":"opsz","value":14.0,"name":"OpticalSize"},{"tag":"wght","value":700.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/DMSans_opsz_wght__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":"DMSans_opsz_wght__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":"DMSans_opsz_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"DMSans_opsz_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"DMSans_opsz_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"DMSans_opsz_wght__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":"DMSans_opsz_wght__1-rest.woff2"}]}},"DM Sans:Regular":{"id":"DMSans_opsz_wght__1","url":"/_woff/v2/DMSans_opsz_wght__1/DMSans_opsz_wght__1.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"opsz","value":14.0,"name":"OpticalSize"},{"tag":"wght","value":400.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/DMSans_opsz_wght__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":"DMSans_opsz_wght__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":"DMSans_opsz_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"DMSans_opsz_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"DMSans_opsz_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"DMSans_opsz_wght__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":"DMSans_opsz_wght__1-rest.woff2"}]}}},"assets":{"7a45f10713d743d650d58d0b46aa859dadde92f6":{"type":"GENERATED_ASSET","url":"7a45f10713d743d650d58d0b46aa859dadde92f6.svg","size":{"x":26.6666679382324,"y":26.6666679382324},"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"},"b38929292ad0836c714f59c918dfc791e97f756a":{"type":"GENERATED_ASSET","url":"b38929292ad0836c714f59c918dfc791e97f756a.svg","size":{"x":190.818359375,"y":26.0000476837158},"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"},"a845aa4784ce8e8b4a01b5de910d71f10311be61":{"type":"GENERATED_ASSET","url":"a845aa4784ce8e8b4a01b5de910d71f10311be61.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"},"6b7eb92236cdbed0c7d37f7fab3ddede305354ac":{"type":"GENERATED_ASSET","url":"6b7eb92236cdbed0c7d37f7fab3ddede305354ac.svg","size":{"x":40.0,"y":40.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"},"c79b03dd7436c11e1d627690893ac34388c68ecb":{"type":"PAINT_ASSET","url":"c79b03dd7436c11e1d627690893ac34388c68ecb.png","size":{"x":160.0,"y":160.0}},"24ad5c8c45496a662cc51cf72933a8a6339de1c1":{"type":"GENERATED_ASSET","url":"24ad5c8c45496a662cc51cf72933a8a6339de1c1.svg","size":{"x":277.0,"y":277.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"},"3ea021f6b7f5fee6cb2122cc1dc05492f7662690":{"type":"GENERATED_ASSET","url":"3ea021f6b7f5fee6cb2122cc1dc05492f7662690.svg","size":{"x":323.0,"y":323.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"},"6ead10b93ef16cfd0ec91ed546e4725eea069ba3":{"type":"GENERATED_ASSET","url":"6ead10b93ef16cfd0ec91ed546e4725eea069ba3.svg","size":{"x":448.0,"y":447.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"},"c791df8275bea3397b8e9b9412c7e014bc4031b1":{"type":"PAINT_ASSET","url":"c791df8275bea3397b8e9b9412c7e014bc4031b1.png","size":{"x":1200.0,"y":687.0}},"074bcab8ed97a67b570b321f1f6cf71270d2e1b5":{"type":"GENERATED_ASSET","url":"074bcab8ed97a67b570b321f1f6cf71270d2e1b5.svg","size":{"x":40.0,"y":40.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"},"830e30098f8d50a46e23dbb0c4eedef1bcd14568":{"type":"GENERATED_ASSET","url":"830e30098f8d50a46e23dbb0c4eedef1bcd14568.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"},"9a11b236edf559dcc3e435d927d5931ebc543cba":{"type":"GENERATED_ASSET","url":"9a11b236edf559dcc3e435d927d5931ebc543cba.svg","size":{"x":40.0,"y":40.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"},"2b35dc82170aa9478fdce392329f4dcb00f173bd":{"type":"PAINT_ASSET","url":"2b35dc82170aa9478fdce392329f4dcb00f173bd.png","size":{"x":1200.0,"y":858.0}},"ecc768c3b4ac0f2629e66a30a1e5d7a64dbe8c4c":{"type":"PAINT_ASSET","url":"ecc768c3b4ac0f2629e66a30a1e5d7a64dbe8c4c.png","size":{"x":1200.0,"y":858.0}},"d338f37de5d527869d433b63c921589ccff77872":{"type":"PAINT_ASSET","url":"d338f37de5d527869d433b63c921589ccff77872.png","size":{"x":1200.0,"y":858.0}},"3218412658a84367141b0d0a488b1dd7c771639d":{"type":"GENERATED_ASSET","url":"3218412658a84367141b0d0a488b1dd7c771639d.png","size":{"x":634.0,"y":359.0},"offsets":{"top":{"value":0,"unit":"PIXELS"},"right":{"value":0,"unit":"PIXELS"},"bottom":{"value":0,"unit":"PIXELS"},"left":{"value":0,"unit":"PIXELS"}},"format":"PNG"},"c68030699cfddfb1909c7740ef0d303951cea807":{"type":"GENERATED_ASSET","url":"c68030699cfddfb1909c7740ef0d303951cea807.png","size":{"x":465.0,"y":310.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":"PNG"},"690d24165a3ba9a5d490be677fa26f1127ca41f5":{"type":"GENERATED_ASSET","url":"690d24165a3ba9a5d490be677fa26f1127ca41f5.svg","size":{"x":24.0,"y":24.7164344787598},"offsets":{"left":{"value":0.0,"unit":"PERCENT"},"right":{"value":0.0,"unit":"PERCENT"},"top":{"value":0.0,"unit":"PERCENT"},"bottom":{"value":-6.94523703746747e-05,"unit":"PERCENT"}},"format":"SVG"},"4c92c95dfc888bb5212108c436a8d67cf704577b":{"type":"GENERATED_ASSET","url":"4c92c95dfc888bb5212108c436a8d67cf704577b.svg","size":{"x":26.6666679382324,"y":26.6666679382324},"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"},"54bb3f6a1594dcb719da98cb597357eae586544d":{"type":"GENERATED_ASSET","url":"54bb3f6a1594dcb719da98cb597357eae586544d.png","size":{"x":57.0,"y":72.0},"offsets":{"top":{"value":0,"unit":"PIXELS"},"right":{"value":0,"unit":"PIXELS"},"bottom":{"value":0,"unit":"PIXELS"},"left":{"value":0,"unit":"PIXELS"}},"format":"PNG"},"197e9aae27fe9c06b726e91e05320241f69a2fcd":{"type":"GENERATED_ASSET","url":"197e9aae27fe9c06b726e91e05320241f69a2fcd.svg","size":{"x":40.0,"y":40.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"},"ebd6f8d78781f2fbc5e185df218644492a774633":{"type":"GENERATED_ASSET","url":"ebd6f8d78781f2fbc5e185df218644492a774633.svg","size":{"x":190.818359375,"y":26.0000476837158},"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"},"27e42b2ed71c4975a3dbe68cc82f48403cf0cb61":{"type":"PAINT_ASSET","url":"27e42b2ed71c4975a3dbe68cc82f48403cf0cb61.png","size":{"x":0.0,"y":0.0}},"0db132e575f71d58e870a9b89488974e9921f06d":{"type":"GENERATED_ASSET","url":"0db132e575f71d58e870a9b89488974e9921f06d.png","size":{"x":48.0,"y":48.0},"offsets":{"top":{"value":0,"unit":"PIXELS"},"right":{"value":0,"unit":"PIXELS"},"bottom":{"value":0,"unit":"PIXELS"},"left":{"value":0,"unit":"PIXELS"}},"format":"PNG"}},"stablePathToAssetInfo":{"9:18595":{"hash":"a845aa4784ce8e8b4a01b5de910d71f10311be61"},"68:170178":{"hash":"b38929292ad0836c714f59c918dfc791e97f756a"},"I43:68914;43:68861":{"hash":"4c92c95dfc888bb5212108c436a8d67cf704577b"},"43:68572":{"hash":"b38929292ad0836c714f59c918dfc791e97f756a"},"I132:40782;9:18595":{"hash":"830e30098f8d50a46e23dbb0c4eedef1bcd14568"},"I132:40781;9:18595":{"hash":"830e30098f8d50a46e23dbb0c4eedef1bcd14568"},"I132:40764;9:18595":{"hash":"a845aa4784ce8e8b4a01b5de910d71f10311be61"},"105:17992":{"hash":"690d24165a3ba9a5d490be677fa26f1127ca41f5"},"I132:40723;9:18595":{"hash":"a845aa4784ce8e8b4a01b5de910d71f10311be61"},"43:68861":{"hash":"7a45f10713d743d650d58d0b46aa859dadde92f6"},"I132:40720;9:18595":{"hash":"a845aa4784ce8e8b4a01b5de910d71f10311be61"},"132:40714":{"hash":"3ea021f6b7f5fee6cb2122cc1dc05492f7662690"},"9:18497":{"hash":"6b7eb92236cdbed0c7d37f7fab3ddede305354ac"},"132:40713":{"hash":"24ad5c8c45496a662cc51cf72933a8a6339de1c1"},"132:40712":{"hash":"6ead10b93ef16cfd0ec91ed546e4725eea069ba3"},"I43:68869;43:68861":{"hash":"4c92c95dfc888bb5212108c436a8d67cf704577b"},"132:40711":{"hash":"24ad5c8c45496a662cc51cf72933a8a6339de1c1"},"132:40689":{"hash":"074bcab8ed97a67b570b321f1f6cf71270d2e1b5"},"I132:40609;9:18497":{"hash":"6b7eb92236cdbed0c7d37f7fab3ddede305354ac"},"I132:40650;9:18497":{"hash":"6b7eb92236cdbed0c7d37f7fab3ddede305354ac"},"I132:40707;105:17992":{"hash":"690d24165a3ba9a5d490be677fa26f1127ca41f5"},"132:40600":{"hash":"3ea021f6b7f5fee6cb2122cc1dc05492f7662690"},"132:40599":{"hash":"24ad5c8c45496a662cc51cf72933a8a6339de1c1"},"I132:40551;9:18497":{"hash":"6b7eb92236cdbed0c7d37f7fab3ddede305354ac"},"I132:40606;9:18497":{"hash":"6b7eb92236cdbed0c7d37f7fab3ddede305354ac"},"52:110417":{"hash":"54bb3f6a1594dcb719da98cb597357eae586544d"},"132:40597":{"hash":"24ad5c8c45496a662cc51cf72933a8a6339de1c1"},"I132:40593;105:17992":{"hash":"690d24165a3ba9a5d490be677fa26f1127ca41f5"},"I132:40507;9:18497":{"hash":"6b7eb92236cdbed0c7d37f7fab3ddede305354ac"},"132:40598":{"hash":"6ead10b93ef16cfd0ec91ed546e4725eea069ba3"},"I132:40783;43:68869;43:68861":{"hash":"4c92c95dfc888bb5212108c436a8d67cf704577b"},"I132:40587;68:170178":{"hash":"ebd6f8d78781f2fbc5e185df218644492a774633"},"I132:40488;43:68869;43:68861":{"hash":"4c92c95dfc888bb5212108c436a8d67cf704577b"},"I132:40568;9:18497":{"hash":"9a11b236edf559dcc3e435d927d5931ebc543cba"},"I132:40488;43:68572":{"hash":"ebd6f8d78781f2fbc5e185df218644492a774633"},"I132:40667;9:18497":{"hash":"9a11b236edf559dcc3e435d927d5931ebc543cba"},"I132:40510;9:18497":{"hash":"6b7eb92236cdbed0c7d37f7fab3ddede305354ac"},"I132:40783;43:68572":{"hash":"b38929292ad0836c714f59c918dfc791e97f756a"},"84:174630":{"hash":"0db132e575f71d58e870a9b89488974e9921f06d"},"132:40497":{"hash":"c68030699cfddfb1909c7740ef0d303951cea807"},"132:40672":{"hash":"197e9aae27fe9c06b726e91e05320241f69a2fcd"},"132:40573":{"hash":"197e9aae27fe9c06b726e91e05320241f69a2fcd"},"I132:40494;105:17992":{"hash":"690d24165a3ba9a5d490be677fa26f1127ca41f5"},"I132:40668;9:18497":{"hash":"9a11b236edf559dcc3e435d927d5931ebc543cba"},"I132:40587;43:68914;43:68861":{"hash":"4c92c95dfc888bb5212108c436a8d67cf704577b"},"70:170489":{"hash":"3218412658a84367141b0d0a488b1dd7c771639d"},"I132:40569;9:18497":{"hash":"9a11b236edf559dcc3e435d927d5931ebc543cba"}},"animateRootIds":[],"siteSettings":{"description":"UX/UI Designer, Illustrator, Website Designer, Graphic Designer and Digital Creator based on the Isle of Man.","scalingMode":"REFLOW","customCodeHeadStart":"<meta name=\"p:domain_verify\" content=\"1fa575fabf62d0554aae5384d591d92b\"/>","faviconFilename":"0db132e575f71d58e870a9b89488974e9921f06d.png","socialImageFilename":"3218412658a84367141b0d0a488b1dd7c771639d.png","labs":{"E5FBBA911B2B7A09E649D4BE6CDF8591EAEFC881":false},"title":"Cheryl Alice Portfolio - Design system light"},"sourceCodeHash":"9a56c9d0b6a042988ecbbffcbd8268ee05cd3143"}