{"roots":["202:62"],"nodeById":{"1:16":{"id":"1:16","assetId":"VariableCollectionId:0704f09d647e66461c97947fe33b3423be741d28/3:150","type":"VARIABLE_COLLECTION","name":"core","defaultModeId":"2:1","modes":[{"modeId":"2:1","name":"Mode 1"}]},"65:9673":{"id":"65:9673","assetId":"VariableCollectionId:c3e664b91567d750ab21d3da8034612e5f68380e/5:29","type":"VARIABLE_COLLECTION","name":"colors","defaultModeId":"3:0","modes":[{"modeId":"3:0","name":"Mode 1"}]},"1:8":{"id":"1:8","assetId":"VariableCollectionId:1:8","type":"VARIABLE_COLLECTION","name":"core","defaultModeId":"1:0","modes":[{"modeId":"1:0","name":"Mode 1"}]},"2:186":{"id":"2:186","type":"VARIABLE","assetId":"VariableID:083f0feb781c9058b1036b7ffc681ef31d4af88b/3:116","name":"neutral/20","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:0704f09d647e66461c97947fe33b3423be741d28/3:150","codeSyntax":{},"valuesByMode":{"2:1":{"r":0.200000002980232,"g":0.200000002980232,"b":0.200000002980232,"a":1.0}}},"3:163":{"id":"3:163","type":"VARIABLE","assetId":"VariableID:3:163","name":"spacing/xl","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:1:8","codeSyntax":{},"valuesByMode":{"1:0":58.0}},"3:167":{"id":"3:167","type":"VARIABLE","assetId":"VariableID:3:167","name":"spacing/sm","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:1:8","codeSyntax":{},"valuesByMode":{"1:0":14.0}},"3:166":{"id":"3:166","type":"VARIABLE","assetId":"VariableID:3:166","name":"spacing/md","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:1:8","codeSyntax":{},"valuesByMode":{"1:0":22.0}},"3:164":{"id":"3:164","type":"VARIABLE","assetId":"VariableID:3:164","name":"spacing/lg","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:1:8","codeSyntax":{},"valuesByMode":{"1:0":36.0}},"1:9":{"id":"1:9","type":"VARIABLE","assetId":"VariableID:1:9","name":"font-family","resolvedType":"STRING","variableCollectionId":"VariableCollectionId:1:8","codeSyntax":{},"valuesByMode":{"1:0":"inter"}},"202:671":{"type":"COMPONENT","id":"202:671","name":"Breakpoint=Tablet, Direction=true, isHover=true","absoluteBoundingBox":{"x":-9580.0,"y":11378.0,"width":672.0,"height":531.75},"isolatedAbsoluteRenderBounds":{"x":-9580.0,"y":11378.0,"width":672.0,"height":549.5},"relativeTransform":[[1.0,0.0,1209.0],[0.0,1.0,2383.0]],"size":{"x":672.0,"y":531.75},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.980000019073486,"g":0.980000019073486,"b":0.980000019073486,"a":1.0},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":1209.0,"sizeFraction":0.0},"top":{"pixelOffset":2383.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","itemSpacing":26.0,"counterAxisSizingMode":"FIXED","children":["202:672","202:674","202:720"],"componentSetId":"202:640"},"202:720":{"mainComponentId":"202:415","type":"INSTANCE","id":"202:720","name":"YouTubeLink","absoluteBoundingBox":{"x":-9554.0,"y":11835.75,"width":220.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-9579.0,"y":11829.5,"width":270.0,"height":98.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,457.75]],"size":{"x":220.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0700000002980232},"blendMode":"NORMAL","offset":{"x":0.0,"y":18.75},"radius":25.0,"showShadowBehindNode":true,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"rectangleCornerRadiiIndependent":true,"paddingRight":24.0,"paddingLeft":24.0,"clipsContent":true,"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I202:720;202:409","I202:720;202:410"],"componentProperties":{},"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"size":{"x":220.0,"y":48.0}},"componentId":"202:415"}]},"65:9675":{"id":"65:9675","type":"VARIABLE","assetId":"VariableID:d5c1cba051592790aea45a1d08b0d907867f67b4/5:6","name":"primary/10","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:c3e664b91567d750ab21d3da8034612e5f68380e/5:29","codeSyntax":{},"valuesByMode":{"3:0":{"r":0.0,"g":0.200000002980232,"b":0.193333312869072,"a":1.0}}},"202:675":{"type":"TEXT","id":"202:675","name":"youtube title","absoluteBoundingBox":{"x":-9554.0,"y":11778.75,"width":620.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-9553.556640625,"y":11783.7607421875,"width":147.5634765625,"height":25.3076171875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":620.0,"y":31.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.109803922474384,"g":0.109803922474384,"b":0.109803922474384,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"componentPropertyReferences":{"characters":"title#178:0"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":26.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.04,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":31.2000007629395,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:672":{"type":"FRAME","id":"202:672","name":"Hero Image","absoluteBoundingBox":{"x":-9554.0,"y":11404.0,"width":620.0,"height":348.75},"targetAspectRatio":{"x":1280.0,"y":720.0},"isolatedAbsoluteRenderBounds":{"x":-9554.0,"y":11404.0,"width":620.0,"height":348.75},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,26.0]],"size":{"x":620.0,"y":348.75},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"clipsContent":true,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["202:673"]},"202:673":{"type":"RECTANGLE","id":"202:673","name":"Image","absoluteBoundingBox":{"x":-9554.0,"y":11404.0,"width":620.0,"height":348.75},"isolatedAbsoluteRenderBounds":{"x":-9554.0,"y":11404.0,"width":620.0,"height":348.75},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":620.0,"y":348.75},"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"202:669":{"type":"TEXT","id":"202:669","name":"youtube title","absoluteBoundingBox":{"x":-9554.0,"y":11143.75,"width":620.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-9553.556640625,"y":11148.7607421875,"width":147.5634765625,"height":25.3076171875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":620.0,"y":31.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.109803922474384,"g":0.109803922474384,"b":0.109803922474384,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"componentPropertyReferences":{"characters":"title#178:0"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":26.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.04,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":31.2000007629395,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:666":{"type":"FRAME","id":"202:666","name":"Hero Image","absoluteBoundingBox":{"x":-9554.0,"y":10769.0,"width":620.0,"height":348.75},"targetAspectRatio":{"x":1280.0,"y":720.0},"isolatedAbsoluteRenderBounds":{"x":-9554.0,"y":10769.0,"width":620.0,"height":348.75},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,26.0]],"size":{"x":620.0,"y":348.75},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"clipsContent":true,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["202:667"]},"202:647":{"type":"COMPONENT","id":"202:647","name":"Breakpoint=Desktop, Direction=true, isHover=true","absoluteBoundingBox":{"x":-10769.0,"y":9598.0,"width":1120.0,"height":322.0},"isolatedAbsoluteRenderBounds":{"x":-10769.0,"y":9598.0,"width":1120.0,"height":322.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,603.0]],"size":{"x":1120.0,"y":322.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.980000019073486,"g":0.980000019073486,"b":0.980000019073486,"a":1.0},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":20.0,"sizeFraction":0.0},"top":{"pixelOffset":603.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"clipsContent":true,"layoutMode":"HORIZONTAL","itemSpacing":26.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["202:648","202:651"],"componentSetId":"202:640"},"202:651":{"type":"FRAME","id":"202:651","name":"Hero Image","absoluteBoundingBox":{"x":-10155.0,"y":9624.0,"width":480.0,"height":270.0},"targetAspectRatio":{"x":1280.0,"y":720.0},"isolatedAbsoluteRenderBounds":{"x":-10155.0,"y":9624.0,"width":480.0,"height":270.0},"relativeTransform":[[1.0,0.0,614.0],[0.0,1.0,26.0]],"size":{"x":480.0,"y":270.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"clipsContent":true,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["202:652"]},"202:1789":{"type":"TEXT","id":"202:1789","name":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","absoluteBoundingBox":{"x":-1262.0,"y":3540.0,"width":271.0,"height":256.0},"isolatedAbsoluteRenderBounds":{"x":-1261.18176269531,"y":3550.0,"width":248.509887695312,"height":239.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,240.0]],"size":{"x":271.0,"y":256.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:649":{"type":"TEXT","id":"202:649","name":"youtube title","absoluteBoundingBox":{"x":-10743.0,"y":9707.5,"width":562.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-10742.556640625,"y":9712.5107421875,"width":147.5634765625,"height":25.3076171875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":562.0,"y":31.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.109803922474384,"g":0.109803922474384,"b":0.109803922474384,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"componentPropertyReferences":{"characters":"title#178:0"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":26.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.04,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":31.2000007629395,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:415":{"type":"COMPONENT","id":"202:415","name":"YouTubeLink","absoluteBoundingBox":{"x":-10929.0,"y":5133.0,"width":220.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-10954.0,"y":5126.75,"width":270.0,"height":98.0},"relativeTransform":[[1.0,0.0,100.0],[0.0,1.0,269.0]],"size":{"x":220.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0700000002980232},"blendMode":"NORMAL","offset":{"x":0.0,"y":18.75},"radius":25.0,"showShadowBehindNode":true,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"rectangleCornerRadiiIndependent":true,"paddingRight":24.0,"paddingLeft":24.0,"clipsContent":true,"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["202:409","202:410"]},"202:641":{"type":"COMPONENT","id":"202:641","name":"Breakpoint=Desktop, Direction=true, isHover=false","absoluteBoundingBox":{"x":-10769.0,"y":9015.0,"width":1120.0,"height":322.0},"isolatedAbsoluteRenderBounds":{"x":-10769.0,"y":9015.0,"width":1120.0,"height":322.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,20.0]],"size":{"x":1120.0,"y":322.0},"fills":[],"constraintValues":{"left":{"pixelOffset":20.0,"sizeFraction":0.0},"top":{"pixelOffset":20.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"HORIZONTAL","itemSpacing":26.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["202:642","202:645"],"componentSetId":"202:640"},"202:645":{"type":"FRAME","id":"202:645","name":"Hero Image","absoluteBoundingBox":{"x":-10155.0,"y":9041.0,"width":480.0,"height":270.0},"targetAspectRatio":{"x":1280.0,"y":720.0},"isolatedAbsoluteRenderBounds":{"x":-10155.0,"y":9041.0,"width":480.0,"height":270.0},"relativeTransform":[[1.0,0.0,614.0],[0.0,1.0,26.0]],"size":{"x":480.0,"y":270.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"clipsContent":true,"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["202:646"]},"202:1771":{"type":"TEXT","id":"202:1771","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":5724.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":5724.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2424.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:642":{"type":"FRAME","id":"202:642","name":"Text","absoluteBoundingBox":{"x":-10743.0,"y":9124.5,"width":562.0,"height":103.0},"isolatedAbsoluteRenderBounds":{"x":-10768.0,"y":9124.5,"width":587.0,"height":146.75},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,109.5]],"size":{"x":562.0,"y":103.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["202:643","202:695"]},"202:1353":{"type":"TEXT","id":"202:1353","name":"A single transaction item is actually a symphony of four nested Auto Layouts:","absoluteBoundingBox":{"x":-2500.0,"y":3994.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2499.5908203125,"y":4003.81811523438,"width":579.380615234375,"height":15.636474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,868.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A single transaction item is actually a symphony of four nested Auto Layouts:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1790":{"type":"TEXT","id":"202:1790","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":3796.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":3796.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,496.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1838":{"type":"TEXT","id":"202:1838","name":"3. Solving the Alignment Issue","absoluteBoundingBox":{"x":-1262.0,"y":5756.0,"width":271.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1260.96301269531,"y":5762.62353515625,"width":223.426513671875,"height":45.58935546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2456.0]],"size":{"x":271.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"3. Solving the Alignment Issue","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1883":{"type":"TEXT","id":"202:1883","name":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","absoluteBoundingBox":{"x":-1422.0,"y":3737.6875,"width":323.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1421.54833984375,"y":3746.23583984375,"width":293.859985351562,"height":54.707275390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2375.0]],"size":{"x":323.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:652":{"type":"RECTANGLE","id":"202:652","name":"Image","absoluteBoundingBox":{"x":-10155.0,"y":9624.0,"width":480.0,"height":270.0},"isolatedAbsoluteRenderBounds":{"x":-10155.0,"y":9624.0,"width":480.0,"height":270.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":480.0,"y":270.0},"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"202:1699":{"type":"FRAME","id":"202:1699","name":"Mobile","absoluteBoundingBox":{"x":-1448.0,"y":742.0,"width":375.0,"height":3937.6875},"isolatedAbsoluteRenderBounds":{"x":-1448.0,"y":742.0,"width":375.0,"height":3937.6875},"relativeTransform":[[1.0,0.0,1408.0],[0.0,1.0,100.0]],"size":{"x":375.0,"y":3937.6875},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.980000019073486,"g":0.980000019073486,"b":0.980000019073486,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["221:410","202:1717","202:1750","202:1783","202:1816","202:1849"]},"202:1852":{"type":"SVG","id":"202:1852","name":"logo","absoluteBoundingBox":{"x":-1422.0,"y":4605.6875,"width":48.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":4605.6875,"width":48.0,"height":48.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":48.0,"y":48.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.150000005960464,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"564406ab4001f9559882d54531a63e3fa5ddd657"},"202:1860":{"type":"TEXT","id":"202:1860","name":"youtube.com/@Boroji","absoluteBoundingBox":{"x":-1364.0,"y":4558.6875,"width":146.0,"height":14.0},"isolatedAbsoluteRenderBounds":{"x":-1363.52270507812,"y":4559.12841796875,"width":143.874145507812,"height":14.4228515625},"relativeTransform":[[1.0,0.0,58.0],[0.0,1.0,18.0]],"size":{"x":146.0,"y":14.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4],"characters":"youtube.com/@Boroji","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.0,"lineHeightPercent":82.6291046142578,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"PIXELS","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"202:1816":{"type":"FRAME","id":"202:1816","name":"body","absoluteBoundingBox":{"x":-1448.0,"y":2752.0,"width":375.0,"height":2132.0},"isolatedAbsoluteRenderBounds":{"x":-1448.0,"y":2752.0,"width":375.0,"height":2132.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2010.0]],"size":{"x":375.0,"y":2132.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":375.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1817"]},"202:1848":{"type":"TEXT","id":"202:1848","name":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","absoluteBoundingBox":{"x":-1262.0,"y":6888.0,"width":271.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-1261.5,"y":6897.69873046875,"width":263.84375,"height":143.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3588.0]],"size":{"x":271.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1847":{"type":"TEXT","id":"202:1847","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":6856.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":6856.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3556.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1845":{"type":"TEXT","id":"202:1845","name":"Watch the Full Technical Walkthrough","absoluteBoundingBox":{"x":-1262.0,"y":6624.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1261.54833984375,"y":6632.54833984375,"width":267.53662109375,"height":59.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3324.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Watch the Full Technical Walkthrough","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:465":{"type":"TEXT","id":"221:465","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":5290.5,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":5290.5,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2967.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1841":{"type":"TEXT","id":"202:1841","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":6136.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":6136.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2836.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1840":{"type":"TEXT","id":"202:1840","name":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","absoluteBoundingBox":{"x":-1262.0,"y":5880.0,"width":271.0,"height":256.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":5889.69873046875,"width":257.350158691406,"height":236.48291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2580.0]],"size":{"x":271.0,"y":256.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","lineIndentations":[1],"lineTypes":["UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1839":{"type":"TEXT","id":"202:1839","name":"A common hurdle is centering titles between two asymmetrical icons.","absoluteBoundingBox":{"x":-1262.0,"y":5816.0,"width":271.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-1261.59094238281,"y":5826.0,"width":265.534118652344,"height":47.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2516.0]],"size":{"x":271.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A common hurdle is centering titles between two asymmetrical icons.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1836":{"type":"TEXT","id":"202:1836","name":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\" Right Container: Vertically stacks the \"Amount\" and \"Currency Status.\" Row Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container. Alignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","absoluteBoundingBox":{"x":-1262.0,"y":5276.0,"width":271.0,"height":448.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":5285.69873046875,"width":259.000732421875,"height":428.48291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1976.0]],"size":{"x":271.0,"y":448.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1],"characters":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\"\nRight Container: Vertically stacks the \"Amount\" and \"Currency Status.\"\nRow Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container.\nAlignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","lineIndentations":[1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1834":{"type":"TEXT","id":"202:1834","name":"2. The Transaction Row (Complex Nesting)","absoluteBoundingBox":{"x":-1262.0,"y":5120.0,"width":271.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1260.96301269531,"y":5126.62353515625,"width":214.100952148438,"height":49.69482421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1820.0]],"size":{"x":271.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"2. The Transaction Row (Complex Nesting)","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1832":{"type":"TEXT","id":"202:1832","name":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets. The \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","absoluteBoundingBox":{"x":-1262.0,"y":4736.0,"width":271.0,"height":352.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":4745.69873046875,"width":256.360107421875,"height":335.755859375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1436.0]],"size":{"x":271.0,"y":352.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets.\nThe \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1831":{"type":"TEXT","id":"202:1831","name":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","absoluteBoundingBox":{"x":-1262.0,"y":4608.0,"width":271.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-1261.59094238281,"y":4618.36376953125,"width":258.367919921875,"height":110.9091796875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1308.0]],"size":{"x":271.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"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,1,1,1,1,1,1,1,1,1],"characters":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Source Code Pro","fontPostScriptName":null,"fontStyle":"Medium","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"221:442":{"type":"TEXT","id":"221:442","name":"The Architecture of a Mobile Dashboard","absoluteBoundingBox":{"x":-2606.0,"y":2739.5,"width":323.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-2605.14770507812,"y":2748.04833984375,"width":311.810791015625,"height":54.707275390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,416.0]],"size":{"x":323.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The Architecture of a Mobile Dashboard","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:409":{"type":"TEXT","id":"202:409","name":"Watch on YouTube","absoluteBoundingBox":{"x":-10905.0,"y":5145.0,"width":140.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":-10904.6591796875,"y":5151.36376953125,"width":138.115234375,"height":11.8408203125},"relativeTransform":[[1.0,0.0,24.0],[0.0,1.0,12.0]],"size":{"x":140.0,"y":24.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.300000011920929,"g":0.300000011920929,"b":0.300000011920929,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Watch on YouTube","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.08,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":24.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1830":{"type":"TEXT","id":"202:1830","name":"1. The Atomic Level: Buttons and Icons","absoluteBoundingBox":{"x":-1262.0,"y":4548.0,"width":271.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1261.30395507812,"y":4554.62353515625,"width":257.386657714844,"height":45.58935546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1248.0]],"size":{"x":271.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"1. The Atomic Level: Buttons and Icons","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1828":{"type":"TEXT","id":"202:1828","name":"Technical Breakdown: Nesting Strategies","absoluteBoundingBox":{"x":-1262.0,"y":4444.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1261.14770507812,"y":4452.54833984375,"width":241.959167480469,"height":59.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1144.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Technical Breakdown: Nesting Strategies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1827":{"type":"TEXT","id":"202:1827","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":4412.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":4412.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1112.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1858":{"type":"FRAME","id":"202:1858","name":"right","absoluteBoundingBox":{"x":-1422.0,"y":4540.6875,"width":204.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":4540.6875,"width":204.0,"height":50.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,26.0]],"size":{"x":204.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":220,"localID":257},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@Boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","children":["202:1859","202:1860"]},"202:1821":{"type":"TEXT","id":"202:1821","name":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","absoluteBoundingBox":{"x":-1262.0,"y":3300.0,"width":271.0,"height":240.0},"isolatedAbsoluteRenderBounds":{"x":-1261.29541015625,"y":3311.39770507812,"width":246.031555175781,"height":216.943115234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":271.0,"y":240.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:463","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1804":{"type":"TEXT","id":"202:1804","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":5724.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":5724.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2424.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1797":{"type":"TEXT","id":"202:1797","name":"1. The Atomic Level: Buttons and Icons","absoluteBoundingBox":{"x":-1262.0,"y":4548.0,"width":271.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1261.30395507812,"y":4554.62353515625,"width":257.386657714844,"height":45.58935546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1248.0]],"size":{"x":271.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"1. The Atomic Level: Buttons and Icons","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1522":{"type":"TEXT","id":"202:1522","name":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","absoluteBoundingBox":{"x":-2606.0,"y":4216.0,"width":908.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2604.48291015625,"y":4224.54833984375,"width":405.18310546875,"height":23.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1090.0]],"size":{"x":908.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1824":{"type":"TEXT","id":"202:1824","name":"The Architecture of a Mobile Dashboard","absoluteBoundingBox":{"x":-1262.0,"y":3828.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1261.14770507812,"y":3836.54833984375,"width":231.489135742188,"height":54.707275390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,528.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The Architecture of a Mobile Dashboard","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:668":{"type":"FRAME","id":"202:668","name":"Text","absoluteBoundingBox":{"x":-9554.0,"y":11143.75,"width":620.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-9554.0,"y":11143.75,"width":620.0,"height":31.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,400.75]],"size":{"x":620.0,"y":31.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["202:669"]},"202:1755":{"type":"TEXT","id":"202:1755","name":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","absoluteBoundingBox":{"x":-1262.0,"y":3300.0,"width":271.0,"height":240.0},"isolatedAbsoluteRenderBounds":{"x":-1261.29541015625,"y":3311.39770507812,"width":246.031555175781,"height":216.943115234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":271.0,"y":240.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:463","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1783":{"type":"FRAME","id":"202:1783","name":"body","absoluteBoundingBox":{"x":-1448.0,"y":2752.0,"width":375.0,"height":1908.0},"isolatedAbsoluteRenderBounds":{"x":-1448.0,"y":2752.0,"width":375.0,"height":1908.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2010.0]],"size":{"x":375.0,"y":1908.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":375.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1784"]},"202:1518":{"type":"TEXT","id":"202:1518","name":"3. Solving the Alignment Issue","absoluteBoundingBox":{"x":-2606.0,"y":4058.0,"width":908.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2604.96313476562,"y":4064.62353515625,"width":276.714111328125,"height":19.694580078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,932.0]],"size":{"x":908.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"3. Solving the Alignment Issue","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1784":{"type":"FRAME","id":"202:1784","name":"content","absoluteBoundingBox":{"x":-1288.0,"y":2778.0,"width":323.0,"height":4296.0},"isolatedAbsoluteRenderBounds":{"x":-1350.0,"y":2716.0,"width":447.0,"height":4420.0},"relativeTransform":[[1.0,0.0,160.0],[0.0,1.0,26.0]],"size":{"x":323.0,"y":4296.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":960.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1785","202:1786"]},"202:1810":{"type":"TEXT","id":"202:1810","name":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button). Fill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","absoluteBoundingBox":{"x":-1262.0,"y":6240.0,"width":271.0,"height":352.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":6249.818359375,"width":258.124328613281,"height":332.36328125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2940.0]],"size":{"x":271.0,"y":352.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],"characters":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button).\nFill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1786":{"type":"FRAME","id":"202:1786","name":"main content","absoluteBoundingBox":{"x":-1288.0,"y":3274.0,"width":323.0,"height":3800.0},"isolatedAbsoluteRenderBounds":{"x":-1288.0,"y":3274.0,"width":323.0,"height":3800.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,496.0]],"size":{"x":323.0,"y":3800.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.959999978542328,"g":0.959999978542328,"b":0.959999978542328,"a":1.0},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":2.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["202:1787"]},"202:1815":{"type":"TEXT","id":"202:1815","name":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","absoluteBoundingBox":{"x":-1262.0,"y":6888.0,"width":271.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-1261.5,"y":6897.69873046875,"width":263.84375,"height":143.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3588.0]],"size":{"x":271.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:697":{"mainComponentId":"202:415","type":"INSTANCE","cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"},"id":"202:697","name":"YouTubeLink","absoluteBoundingBox":{"x":-10743.0,"y":9762.5,"width":220.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-10768.0,"y":9756.25,"width":270.0,"height":98.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,55.0]],"size":{"x":220.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0700000002980232},"blendMode":"NORMAL","offset":{"x":0.0,"y":18.75},"radius":25.0,"showShadowBehindNode":true,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"rectangleCornerRadiiIndependent":true,"paddingRight":24.0,"paddingLeft":24.0,"clipsContent":true,"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I202:697;202:409","I202:697;202:410"],"componentProperties":{},"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"size":{"x":220.0,"y":48.0},"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:415"}]},"202:1813":{"type":"TEXT","id":"202:1813","name":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","absoluteBoundingBox":{"x":-1262.0,"y":6696.0,"width":271.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-1261.5,"y":6706.0,"width":263.352294921875,"height":140.181640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3396.0]],"size":{"x":271.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1837":{"type":"TEXT","id":"202:1837","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":5724.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":5724.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2424.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1811":{"type":"TEXT","id":"202:1811","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":6592.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":6592.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3292.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:646":{"type":"RECTANGLE","id":"202:646","name":"Image","absoluteBoundingBox":{"x":-10155.0,"y":9041.0,"width":480.0,"height":270.0},"isolatedAbsoluteRenderBounds":{"x":-10155.0,"y":9041.0,"width":480.0,"height":270.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":480.0,"y":270.0},"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"202:1809":{"type":"TEXT","id":"202:1809","name":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","absoluteBoundingBox":{"x":-1262.0,"y":6168.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1260.80676269531,"y":6176.54833984375,"width":240.62353515625,"height":54.70751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2868.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1806":{"type":"TEXT","id":"202:1806","name":"A common hurdle is centering titles between two asymmetrical icons.","absoluteBoundingBox":{"x":-1262.0,"y":5816.0,"width":271.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-1261.59094238281,"y":5826.0,"width":265.534118652344,"height":47.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2516.0]],"size":{"x":271.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A common hurdle is centering titles between two asymmetrical icons.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1802":{"type":"TEXT","id":"202:1802","name":"A single transaction item is actually a symphony of four nested Auto Layouts:","absoluteBoundingBox":{"x":-1262.0,"y":5180.0,"width":271.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-1261.59094238281,"y":5190.0,"width":265.17333984375,"height":79.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1880.0]],"size":{"x":271.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A single transaction item is actually a symphony of four nested Auto Layouts:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1801":{"type":"TEXT","id":"202:1801","name":"2. The Transaction Row (Complex Nesting)","absoluteBoundingBox":{"x":-1262.0,"y":5120.0,"width":271.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1260.96301269531,"y":5126.62353515625,"width":214.100952148438,"height":49.69482421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1820.0]],"size":{"x":271.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"2. The Transaction Row (Complex Nesting)","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1807":{"type":"TEXT","id":"202:1807","name":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","absoluteBoundingBox":{"x":-1262.0,"y":5880.0,"width":271.0,"height":256.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":5889.69873046875,"width":257.350158691406,"height":236.48291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2580.0]],"size":{"x":271.0,"y":256.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","lineIndentations":[1],"lineTypes":["UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1796":{"type":"TEXT","id":"202:1796","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":4516.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":4516.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1216.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1788":{"type":"TEXT","id":"202:1788","name":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","absoluteBoundingBox":{"x":-1262.0,"y":3300.0,"width":271.0,"height":240.0},"isolatedAbsoluteRenderBounds":{"x":-1261.29541015625,"y":3311.39770507812,"width":246.031555175781,"height":216.943115234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":271.0,"y":240.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:463","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1795":{"type":"TEXT","id":"202:1795","name":"Technical Breakdown: Nesting Strategies","absoluteBoundingBox":{"x":-1262.0,"y":4444.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1261.14770507812,"y":4452.54833984375,"width":241.959167480469,"height":59.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1144.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Technical Breakdown: Nesting Strategies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1794":{"type":"TEXT","id":"202:1794","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":4412.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":4412.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1112.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1791":{"type":"TEXT","id":"202:1791","name":"The Architecture of a Mobile Dashboard","absoluteBoundingBox":{"x":-1262.0,"y":3828.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1261.14770507812,"y":3836.54833984375,"width":231.489135742188,"height":54.707275390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,528.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The Architecture of a Mobile Dashboard","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1844":{"type":"TEXT","id":"202:1844","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":6592.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":6592.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3292.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1516":{"type":"TEXT","id":"202:1516","name":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\" Right Container: Vertically stacks the \"Amount\" and \"Currency Status.\" Row Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container. Alignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","absoluteBoundingBox":{"x":-2606.0,"y":3898.0,"width":908.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":3907.69897460938,"width":793.99365234375,"height":111.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,772.0]],"size":{"x":908.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1],"characters":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\"\nRight Container: Vertically stacks the \"Amount\" and \"Currency Status.\"\nRow Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container.\nAlignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","lineIndentations":[1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1750":{"type":"FRAME","id":"202:1750","name":"body","absoluteBoundingBox":{"x":-1448.0,"y":2752.0,"width":375.0,"height":1908.0},"isolatedAbsoluteRenderBounds":{"x":-1448.0,"y":2752.0,"width":375.0,"height":1908.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2010.0]],"size":{"x":375.0,"y":1908.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":375.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1751"]},"202:1751":{"type":"FRAME","id":"202:1751","name":"content","absoluteBoundingBox":{"x":-1288.0,"y":2778.0,"width":323.0,"height":4296.0},"isolatedAbsoluteRenderBounds":{"x":-1350.0,"y":2716.0,"width":447.0,"height":4420.0},"relativeTransform":[[1.0,0.0,160.0],[0.0,1.0,26.0]],"size":{"x":323.0,"y":4296.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":960.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1752","202:1753"]},"202:1671":{"type":"TEXT","id":"202:1671","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3614.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3614.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,488.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1782":{"type":"TEXT","id":"202:1782","name":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","absoluteBoundingBox":{"x":-1262.0,"y":6888.0,"width":271.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-1261.5,"y":6897.69873046875,"width":263.84375,"height":143.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3588.0]],"size":{"x":271.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1781":{"type":"TEXT","id":"202:1781","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":6856.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":6856.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3556.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1777":{"type":"TEXT","id":"202:1777","name":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button). Fill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","absoluteBoundingBox":{"x":-1262.0,"y":6240.0,"width":271.0,"height":352.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":6249.818359375,"width":258.124328613281,"height":332.36328125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2940.0]],"size":{"x":271.0,"y":352.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],"characters":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button).\nFill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1776":{"type":"TEXT","id":"202:1776","name":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","absoluteBoundingBox":{"x":-1262.0,"y":6168.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1260.80676269531,"y":6176.54833984375,"width":240.62353515625,"height":54.70751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2868.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1775":{"type":"TEXT","id":"202:1775","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":6136.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":6136.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2836.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1774":{"type":"TEXT","id":"202:1774","name":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","absoluteBoundingBox":{"x":-1262.0,"y":5880.0,"width":271.0,"height":256.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":5889.69873046875,"width":257.350158691406,"height":236.48291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2580.0]],"size":{"x":271.0,"y":256.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","lineIndentations":[1],"lineTypes":["UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1765":{"type":"TEXT","id":"202:1765","name":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","absoluteBoundingBox":{"x":-1262.0,"y":4608.0,"width":271.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-1261.59094238281,"y":4618.36376953125,"width":258.367919921875,"height":110.9091796875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1308.0]],"size":{"x":271.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"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,1,1,1,1,1,1,1,1,1],"characters":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Source Code Pro","fontPostScriptName":null,"fontStyle":"Medium","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"202:1772":{"type":"TEXT","id":"202:1772","name":"3. Solving the Alignment Issue","absoluteBoundingBox":{"x":-1262.0,"y":5756.0,"width":271.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1260.96301269531,"y":5762.62353515625,"width":223.426513671875,"height":45.58935546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2456.0]],"size":{"x":271.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"3. Solving the Alignment Issue","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1768":{"type":"TEXT","id":"202:1768","name":"2. The Transaction Row (Complex Nesting)","absoluteBoundingBox":{"x":-1262.0,"y":5120.0,"width":271.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1260.96301269531,"y":5126.62353515625,"width":214.100952148438,"height":49.69482421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1820.0]],"size":{"x":271.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"2. The Transaction Row (Complex Nesting)","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:648":{"type":"FRAME","id":"202:648","name":"Text","absoluteBoundingBox":{"x":-10743.0,"y":9707.5,"width":562.0,"height":103.0},"isolatedAbsoluteRenderBounds":{"x":-10768.0,"y":9707.5,"width":587.0,"height":146.75},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,109.5]],"size":{"x":562.0,"y":103.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["202:649","202:697"]},"202:62":{"type":"WEBPAGE","cmsCollectionBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","limit":0,"filterCriteria":{"matchType":"MATCH_ALL","filters":[{"cmsFieldId":"itemId","op":"EQUALS","comparisonValue":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}]}},"id":"202:62","name":"/blog","absoluteBoundingBox":{"x":-2856.0,"y":642.0,"width":1847.0,"height":6132.0},"isolatedAbsoluteRenderBounds":{"x":-2856.0,"y":642.0,"width":1847.0,"height":6132.0},"relativeTransform":[[1.0,0.0,-2856.0],[0.0,1.0,642.0]],"size":{"x":1847.0,"y":6132.0},"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":["202:63","202:1699"]},"202:1785":{"mainComponentId":"202:641","type":"INSTANCE","id":"202:1785","name":"youtube videos","absoluteBoundingBox":{"x":-1288.0,"y":2778.0,"width":323.0,"height":496.0},"isolatedAbsoluteRenderBounds":{"x":-1288.0,"y":2778.0,"width":533.0,"height":513.75},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":323.0,"y":496.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"HORIZONTAL","itemSpacing":26.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I202:1785;202:642","I202:1785;202:645"],"componentSetId":"202:640","componentProperties":{"description#178:4":{"type":"TEXT","value":{"characters":"youtube short description","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"title#178:0":{"type":"TEXT","value":{"characters":"youtube title","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}},"Direction":{"value":"true","type":"VARIANT","boundVariables":{}},"isHover":{"value":"false","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":323.0,"y":496.0},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"202:641"},{"key":["Text0","youtube title0"],"value":{"boundVariables":null,"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"202:641"},{"key":["Hero Image0","Image0"],"value":{"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}]},"componentId":"202:641"},{"key":["Text0","YouTubeLink0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true,"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:415"}]},"componentId":"202:641"}]},"202:1767":{"type":"TEXT","id":"202:1767","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":5088.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":5088.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1788.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1766":{"type":"TEXT","id":"202:1766","name":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets. The \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","absoluteBoundingBox":{"x":-1262.0,"y":4736.0,"width":271.0,"height":352.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":4745.69873046875,"width":256.360107421875,"height":335.755859375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1436.0]],"size":{"x":271.0,"y":352.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets.\nThe \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1859":{"mainComponentId":"65:24759","type":"INSTANCE","id":"202:1859","name":"Social Media/youtube/false","absoluteBoundingBox":{"x":-1422.0,"y":4540.6875,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":4540.6875,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"youtube channel","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9185},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@Boroji","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I202:1859;65:24760"],"componentProperties":{},"overrides":[]},"202:1764":{"type":"TEXT","id":"202:1764","name":"1. The Atomic Level: Buttons and Icons","absoluteBoundingBox":{"x":-1262.0,"y":4548.0,"width":271.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1261.30395507812,"y":4554.62353515625,"width":257.386657714844,"height":45.58935546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1248.0]],"size":{"x":271.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"1. The Atomic Level: Buttons and Icons","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1763":{"type":"TEXT","id":"202:1763","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":4516.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":4516.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1216.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1761":{"type":"TEXT","id":"202:1761","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":4412.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":4412.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1112.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1760":{"type":"TEXT","id":"202:1760","name":"Header: Dynamic navigation and page titles. Hero Section: Balance summaries with interactive icon states. Transaction List: Repeated data structures using nested horizontal and vertical layouts. Footer/Action Bar: Fixed-position navigation and primary CTA buttons.","absoluteBoundingBox":{"x":-1262.0,"y":4060.0,"width":271.0,"height":352.0},"isolatedAbsoluteRenderBounds":{"x":-1258.20690917969,"y":4070.0,"width":264.689880371094,"height":332.181640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,760.0]],"size":{"x":271.0,"y":352.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Header: Dynamic navigation and page titles.\nHero Section: Balance summaries with interactive icon states.\nTransaction List: Repeated data structures using nested horizontal and vertical layouts.\nFooter/Action Bar: Fixed-position navigation and primary CTA buttons.","lineIndentations":[1,1,1,1],"lineTypes":["ORDERED","ORDERED","ORDERED","ORDERED"],"listStartOffsets":[1,2,3,4],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1759":{"type":"TEXT","id":"202:1759","name":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","absoluteBoundingBox":{"x":-1262.0,"y":3900.0,"width":271.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-1261.18176269531,"y":3909.81811523438,"width":256.379211425781,"height":140.386474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,600.0]],"size":{"x":271.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1756":{"type":"TEXT","id":"202:1756","name":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","absoluteBoundingBox":{"x":-1262.0,"y":3540.0,"width":271.0,"height":256.0},"isolatedAbsoluteRenderBounds":{"x":-1261.18176269531,"y":3550.0,"width":248.509887695312,"height":239.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,240.0]],"size":{"x":271.0,"y":256.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1884":{"type":"TEXT","id":"202:1884","name":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button). Fill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","absoluteBoundingBox":{"x":-1422.0,"y":3809.6875,"width":323.0,"height":288.0},"isolatedAbsoluteRenderBounds":{"x":-1412.50073242188,"y":3819.50561523438,"width":310.7265625,"height":268.352294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2447.0]],"size":{"x":323.0,"y":288.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],"characters":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button).\nFill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1798":{"type":"TEXT","id":"202:1798","name":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","absoluteBoundingBox":{"x":-1262.0,"y":4608.0,"width":271.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-1261.59094238281,"y":4618.36376953125,"width":258.367919921875,"height":110.9091796875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1308.0]],"size":{"x":271.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"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,1,1,1,1,1,1,1,1,1],"characters":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Source Code Pro","fontPostScriptName":null,"fontStyle":"Medium","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"221:439":{"type":"TEXT","id":"221:439","name":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","absoluteBoundingBox":{"x":-2606.0,"y":2323.5,"width":323.0,"height":192.0},"isolatedAbsoluteRenderBounds":{"x":-2605.23852539062,"y":2334.89770507812,"width":313.504150390625,"height":175.147705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":323.0,"y":192.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:463","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:451":{"type":"TEXT","id":"221:451","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3840.5,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3840.5,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1517.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1717":{"type":"FRAME","id":"202:1717","name":"body","absoluteBoundingBox":{"x":-1448.0,"y":909.0,"width":375.0,"height":3605.6875},"isolatedAbsoluteRenderBounds":{"x":-1510.0,"y":847.0,"width":499.0,"height":3729.6875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,167.0]],"size":{"x":375.0,"y":3605.6875},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1718"]},"202:1818":{"mainComponentId":"202:641","type":"INSTANCE","id":"202:1818","name":"youtube videos","absoluteBoundingBox":{"x":-1288.0,"y":2778.0,"width":323.0,"height":496.0},"isolatedAbsoluteRenderBounds":{"x":-1288.0,"y":2778.0,"width":533.0,"height":513.75},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":323.0,"y":496.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"HORIZONTAL","itemSpacing":26.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I202:1818;202:642","I202:1818;202:645"],"componentSetId":"202:640","componentProperties":{"description#178:4":{"type":"TEXT","value":{"characters":"youtube short description","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"title#178:0":{"type":"TEXT","value":{"characters":"youtube title","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}},"Direction":{"value":"true","type":"VARIANT","boundVariables":{}},"isHover":{"value":"false","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":323.0,"y":496.0},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"202:641"},{"key":["Text0","youtube title0"],"value":{"boundVariables":null,"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"202:641"},{"key":["Hero Image0","Image0"],"value":{"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}]},"componentId":"202:641"},{"key":["Text0","YouTubeLink0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true,"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:415"}]},"componentId":"202:641"}]},"202:1659":{"type":"FRAME","id":"202:1659","name":"content","absoluteBoundingBox":{"x":-2632.0,"y":2778.0,"width":960.0,"height":1856.0},"isolatedAbsoluteRenderBounds":{"x":-2694.0,"y":2716.0,"width":1084.0,"height":1980.0},"relativeTransform":[[1.0,0.0,160.0],[0.0,1.0,26.0]],"size":{"x":960.0,"y":1856.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":960.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1660","202:1661"]},"202:1720":{"type":"FRAME","id":"202:1720","name":"main content","absoluteBoundingBox":{"x":-1448.0,"y":1335.6875,"width":375.0,"height":3179.0},"isolatedAbsoluteRenderBounds":{"x":-1714.5,"y":1335.6875,"width":908.0,"height":3179.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,426.6875]],"size":{"x":375.0,"y":3179.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.959999978542328,"g":0.959999978542328,"b":0.959999978542328,"a":1.0},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":2.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["221:496","202:1861"]},"202:1861":{"type":"FRAME","id":"202:1861","name":"CMS Rich Text","absoluteBoundingBox":{"x":-1422.0,"y":1362.6875,"width":323.0,"height":3127.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":1362.6875,"width":323.0,"height":3127.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,27.0]],"size":{"x":323.0,"y":3127.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["202:1862","202:1863","202:1864","202:1865","202:1866","202:1867","202:1868","202:1869","202:1870","202:1871","202:1872","202:1873","202:1874","202:1875","202:1876","202:1877","202:1878","202:1879","202:1880","202:1881","202:1882","202:1883","202:1884","202:1885","202:1886","202:1887","202:1888","202:1889"]},"202:933":{"type":"TEXT","id":"202:933","name":"Boroji","absoluteBoundingBox":{"x":-2668.0,"y":6652.0,"width":39.0,"height":14.0},"isolatedAbsoluteRenderBounds":{"x":-2668.0,"y":6652.0,"width":39.0,"height":14.0},"relativeTransform":[[1.0,0.0,56.0],[0.0,1.0,17.0]],"size":{"x":39.0,"y":14.0},"fills":[],"strokeAlign":"OUTSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:d5c1cba051592790aea45a1d08b0d907867f67b4/5:6"}],"lineHeight":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:167"}],"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:167"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[]},"characterStyleOverrides":[],"characters":"Boroji","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:d5c1cba051592790aea45a1d08b0d907867f67b4/5:6"}]},"fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.0,"lineHeightPercent":82.6291046142578,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"PIXELS","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1889":{"type":"TEXT","id":"202:1889","name":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","absoluteBoundingBox":{"x":-1422.0,"y":4361.6875,"width":323.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-1421.18176269531,"y":4371.38623046875,"width":314.96875,"height":111.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2999.0]],"size":{"x":323.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1887":{"type":"TEXT","id":"202:1887","name":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","absoluteBoundingBox":{"x":-1422.0,"y":4201.6875,"width":323.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-1421.5,"y":4211.6875,"width":315.414794921875,"height":108.20458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2839.0]],"size":{"x":323.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1888":{"type":"TEXT","id":"202:1888","name":"Text","absoluteBoundingBox":{"x":-1422.0,"y":4329.6875,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":4329.6875,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2967.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:928":{"type":"SVG","id":"202:928","name":"logo","absoluteBoundingBox":{"x":-2724.0,"y":6635.0,"width":48.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-2724.0,"y":6635.0,"width":48.0,"height":48.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":48.0,"y":48.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.150000005960464,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"564406ab4001f9559882d54531a63e3fa5ddd657"},"202:1886":{"type":"TEXT","id":"202:1886","name":"Watch the Full Technical Walkthrough","absoluteBoundingBox":{"x":-1422.0,"y":4129.6875,"width":323.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1421.54833984375,"y":4138.23583984375,"width":267.53662109375,"height":59.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2767.0]],"size":{"x":323.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Watch the Full Technical Walkthrough","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1880":{"type":"TEXT","id":"202:1880","name":"A common hurdle is centering titles between two asymmetrical icons.","absoluteBoundingBox":{"x":-1422.0,"y":3417.6875,"width":323.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-1421.59094238281,"y":3427.6875,"width":265.5341796875,"height":47.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2055.0]],"size":{"x":323.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A common hurdle is centering titles between two asymmetrical icons.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:751":{"type":"CMS_RICH_TEXT","cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","boundCmsVariables":{"richText":{"fieldSchemaId":"86439e98-dac0-41e6-8686-dad50b7bacef"}},"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"},"cmsRichTextStyleMap":{"HEADING1":{"textStyleId":"StyleId:202:462","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING2":{"textStyleId":"StyleId:202:463","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING3":{"textStyleId":"StyleId:202:464","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING4":{"textStyleId":"StyleId:202:465","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING5":{"textStyleId":"StyleId:202:466","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING6":{"textStyleId":"StyleId:202:467","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"PARAGRAPH":{"textStyleId":"StyleId:202:461","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]}},"id":"202:751","name":"CMS Rich Text","absoluteBoundingBox":{"x":-2283.0,"y":1218.0,"width":585.0,"height":5338.0},"isolatedAbsoluteRenderBounds":{"x":-2283.0,"y":1218.0,"width":585.0,"height":5338.0},"relativeTransform":[[1.0,0.0,349.0],[0.0,1.0,26.0]],"size":{"x":585.0,"y":5338.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":[]},"202:1780":{"type":"TEXT","id":"202:1780","name":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","absoluteBoundingBox":{"x":-1262.0,"y":6696.0,"width":271.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-1261.5,"y":6706.0,"width":263.352294921875,"height":140.181640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3396.0]],"size":{"x":271.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:460":{"type":"TEXT","id":"221:460","name":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","absoluteBoundingBox":{"x":-2606.0,"y":4698.5,"width":323.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-2605.54833984375,"y":4707.04833984375,"width":293.85986328125,"height":54.70751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2375.0]],"size":{"x":323.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1505":{"type":"TEXT","id":"202:1505","name":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","absoluteBoundingBox":{"x":-2606.0,"y":3354.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2605.04541015625,"y":3363.81811523438,"width":877.899047851562,"height":44.386474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,228.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1864":{"type":"TEXT","id":"202:1864","name":"Text","absoluteBoundingBox":{"x":-1422.0,"y":1746.6875,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":1746.6875,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,384.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1877":{"type":"TEXT","id":"202:1877","name":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\" Right Container: Vertically stacks the \"Amount\" and \"Currency Status.\" Row Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container. Alignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","absoluteBoundingBox":{"x":-1422.0,"y":3035.6875,"width":323.0,"height":320.0},"isolatedAbsoluteRenderBounds":{"x":-1412.50073242188,"y":3045.38647460938,"width":307.74365234375,"height":303.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1673.0]],"size":{"x":323.0,"y":320.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1],"characters":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\"\nRight Container: Vertically stacks the \"Amount\" and \"Currency Status.\"\nRow Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container.\nAlignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","lineIndentations":[1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1835":{"type":"TEXT","id":"202:1835","name":"A single transaction item is actually a symphony of four nested Auto Layouts:","absoluteBoundingBox":{"x":-1262.0,"y":5180.0,"width":271.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-1261.59094238281,"y":5190.0,"width":265.17333984375,"height":79.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1880.0]],"size":{"x":271.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A single transaction item is actually a symphony of four nested Auto Layouts:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1876":{"type":"TEXT","id":"202:1876","name":"A single transaction item is actually a symphony of four nested Auto Layouts:","absoluteBoundingBox":{"x":-1422.0,"y":2971.6875,"width":323.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-1421.59094238281,"y":2981.6875,"width":295.240112304688,"height":47.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1609.0]],"size":{"x":323.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A single transaction item is actually a symphony of four nested Auto Layouts:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"2:213":{"type":"TEXT","id":"2:213","name":"h3","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":30.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":0.5390625,"y":3.99999952316284,"width":27.3203125,"height":20.75},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":30.0,"y":24.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"boundVariables":{"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"responsiveTextStyleVariants":[{"minWidth":1150.0,"name":"Desktop","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"fontSize":22.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":24.2000007629395,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"fontSize":22.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":24.2000007629395,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:167"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"fontSize":14.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.4000005722046,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":24.2000007629395,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1873":{"type":"TEXT","id":"202:1873","name":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets. The \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","absoluteBoundingBox":{"x":-1422.0,"y":2559.6875,"width":323.0,"height":320.0},"isolatedAbsoluteRenderBounds":{"x":-1412.50073242188,"y":2569.38647460938,"width":310.709594726562,"height":303.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1197.0]],"size":{"x":323.0,"y":320.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets.\nThe \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1833":{"type":"TEXT","id":"202:1833","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":5088.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":5088.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1788.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1871":{"type":"TEXT","id":"202:1871","name":"1. The Atomic Level: Buttons and Icons","absoluteBoundingBox":{"x":-1422.0,"y":2402.6875,"width":323.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1420.984375,"y":2409.31103515625,"width":295.471313476562,"height":45.589599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1040.0]],"size":{"x":323.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"1. The Atomic Level: Buttons and Icons","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1870":{"type":"TEXT","id":"202:1870","name":"Text","absoluteBoundingBox":{"x":-1422.0,"y":2370.6875,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":2370.6875,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1008.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1868":{"type":"TEXT","id":"202:1868","name":"Text","absoluteBoundingBox":{"x":-1422.0,"y":2266.6875,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":2266.6875,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,904.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1867":{"type":"TEXT","id":"202:1867","name":"Header: Dynamic navigation and page titles. Hero Section: Balance summaries with interactive icon states. Transaction List: Repeated data structures using nested horizontal and vertical layouts. Footer/Action Bar: Fixed-position navigation and primary CTA buttons.","absoluteBoundingBox":{"x":-1422.0,"y":1978.6875,"width":323.0,"height":288.0},"isolatedAbsoluteRenderBounds":{"x":-1418.20690917969,"y":1988.6875,"width":312.184204101562,"height":271.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,616.0]],"size":{"x":323.0,"y":288.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Header: Dynamic navigation and page titles.\nHero Section: Balance summaries with interactive icon states.\nTransaction List: Repeated data structures using nested horizontal and vertical layouts.\nFooter/Action Bar: Fixed-position navigation and primary CTA buttons.","lineIndentations":[1,1,1,1],"lineTypes":["ORDERED","ORDERED","ORDERED","ORDERED"],"listStartOffsets":[1,2,3,4],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1878":{"type":"TEXT","id":"202:1878","name":"Text","absoluteBoundingBox":{"x":-1422.0,"y":3355.6875,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":3355.6875,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1993.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"65:24760":{"type":"SVG","id":"65:24760","name":"YouTube","absoluteBoundingBox":{"x":-9223.0,"y":1676.453125,"width":30.0,"height":21.09375},"isolatedAbsoluteRenderBounds":{"x":-9223.0,"y":1676.453125,"width":30.0,"height":21.09375},"relativeTransform":[[1.0,0.0,10.0],[0.0,1.0,14.453125]],"size":{"x":30.0,"y":21.09375},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.1171875,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"youtube channel","ariaAttributes":{},"interactions":[{"id":{"sessionID":20,"localID":18227},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@BorojiDesign","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"hash":"fbd338ba210192db37927d2ff784ffc4051bd887"},"202:1875":{"type":"TEXT","id":"202:1875","name":"2. The Transaction Row (Complex Nesting)","absoluteBoundingBox":{"x":-1422.0,"y":2911.6875,"width":323.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1420.96301269531,"y":2917.43041992188,"width":308.310302734375,"height":50.5751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1549.0]],"size":{"x":323.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"2. The Transaction Row (Complex Nesting)","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1365":{"type":"TEXT","id":"202:1365","name":"Text","absoluteBoundingBox":{"x":-2500.0,"y":4736.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2500.0,"y":4736.0,"width":696.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1610.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1863":{"type":"TEXT","id":"202:1863","name":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","absoluteBoundingBox":{"x":-1422.0,"y":1554.6875,"width":323.0,"height":192.0},"isolatedAbsoluteRenderBounds":{"x":-1421.5,"y":1564.50573730469,"width":314.015625,"height":175.454467773438},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,192.0]],"size":{"x":323.0,"y":192.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1753":{"type":"FRAME","id":"202:1753","name":"main content","absoluteBoundingBox":{"x":-1288.0,"y":3274.0,"width":323.0,"height":3800.0},"isolatedAbsoluteRenderBounds":{"x":-1288.0,"y":3274.0,"width":323.0,"height":3800.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,496.0]],"size":{"x":323.0,"y":3800.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.959999978542328,"g":0.959999978542328,"b":0.959999978542328,"a":1.0},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":2.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["202:1754"]},"202:1663":{"type":"TEXT","id":"202:1663","name":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","absoluteBoundingBox":{"x":-2606.0,"y":3126.0,"width":908.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-2603.97729492188,"y":3137.39770507812,"width":753.315185546875,"height":79.147705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":908.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:463","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:441":{"type":"TEXT","id":"221:441","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":2707.5,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":2707.5,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,384.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1754":{"type":"FRAME","id":"202:1754","name":"CMS Rich Text","absoluteBoundingBox":{"x":-1262.0,"y":3300.0,"width":271.0,"height":3748.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":3300.0,"width":271.0,"height":3748.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,26.0]],"size":{"x":271.0,"y":3748.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["202:1755","202:1756","202:1757","202:1758","202:1759","202:1760","202:1761","202:1762","202:1763","202:1764","202:1765","202:1766","202:1767","202:1768","202:1769","202:1770","202:1771","202:1772","202:1773","202:1774","202:1775","202:1776","202:1777","202:1778","202:1779","202:1780","202:1781","202:1782"]},"202:643":{"type":"TEXT","id":"202:643","name":"youtube title","absoluteBoundingBox":{"x":-10743.0,"y":9124.5,"width":562.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-10742.556640625,"y":9129.5107421875,"width":147.5634765625,"height":25.3076171875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":562.0,"y":31.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.109803922474384,"g":0.109803922474384,"b":0.109803922474384,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"componentPropertyReferences":{"characters":"title#178:0"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":26.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-1.04,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":31.2000007629395,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:412":{"type":"FRAME","id":"221:412","name":"right","absoluteBoundingBox":{"x":-1422.0,"y":833.0,"width":323.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":833.0,"width":323.0,"height":50.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,91.0]],"size":{"x":323.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","layoutWrap":"WRAP","itemSpacing":14.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSpacing":14.0,"children":["221:413","221:416","221:419","221:423","221:426"]},"221:423":{"type":"SVG","id":"221:423","name":"Social Media/linkedin/false","absoluteBoundingBox":{"x":-1253.5,"y":833.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1253.5,"y":833.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,168.5],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"linkedin profile","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9189},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.linkedin.com/in/boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"5c39a4b5becb829c504a17901e35080913812068"},"202:1356":{"type":"TEXT","id":"202:1356","name":"3. Solving the Alignment Issue","absoluteBoundingBox":{"x":-2500.0,"y":4250.0,"width":696.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2498.96313476562,"y":4256.62353515625,"width":276.714111328125,"height":19.69482421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1124.0]],"size":{"x":696.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"3. Solving the Alignment Issue","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:416":{"type":"SVG","id":"221:416","name":"Social Media/upwork/false","absoluteBoundingBox":{"x":-1381.5,"y":833.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1381.5,"y":833.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,40.5],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"upwork profile","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9187},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.upwork.com/freelancers/~0124ac89735406c2ba","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"e294afec3064ea8e4cde559df0d2587eab0606ea"},"221:413":{"type":"SVG","id":"221:413","name":"Social Media/github/false","absoluteBoundingBox":{"x":-1422.0,"y":833.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":833.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"youtube channel","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9185},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://github.com/boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"39881a6ff4d08fdb37f327de9d14ea547f6f93ff"},"221:411":{"type":"CODE_INSTANCE","id":"221:411","name":"PopUpMenu 1","absoluteBoundingBox":{"x":-1356.5,"y":768.0,"width":192.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1356.5,"y":768.0,"width":192.0,"height":50.0},"relativeTransform":[[1.0,0.0,91.5],[0.0,1.0,26.0]],"size":{"x":192.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"codeExportName":"Code186_474.default","componentProperties":{}},"202:1872":{"type":"TEXT","id":"202:1872","name":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","absoluteBoundingBox":{"x":-1422.0,"y":2462.6875,"width":323.0,"height":97.0},"isolatedAbsoluteRenderBounds":{"x":-1421.583984375,"y":2472.6875,"width":308.856689453125,"height":79.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1100.0]],"size":{"x":323.0,"y":97.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"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,1,1,1,1,1,1,1,1,1],"characters":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Source Code Pro","fontPostScriptName":null,"fontStyle":"Medium","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"202:63":{"type":"FRAME","id":"202:63","name":"Desktop","absoluteBoundingBox":{"x":-2792.0,"y":742.0,"width":1280.0,"height":5968.0},"isolatedAbsoluteRenderBounds":{"x":-2792.0,"y":742.0,"width":1280.0,"height":5968.0},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,100.0]],"size":{"x":1280.0,"y":5968.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.980000019073486,"g":0.980000019073486,"b":0.980000019073486,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["221:352","202:384","202:1658","202:1496","202:1334","202:925"]},"202:925":{"type":"FRAME","id":"202:925","name":"Navigation","absoluteBoundingBox":{"x":-2792.0,"y":6608.0,"width":1280.0,"height":102.0},"isolatedAbsoluteRenderBounds":{"x":-2792.0,"y":6608.0,"width":1280.0,"height":102.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,5866.0]],"size":{"x":1280.0,"y":102.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":68.0,"paddingBottom":26.0,"paddingLeft":68.0,"layoutMode":"HORIZONTAL","itemSpacing":15.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["202:926","202:934"]},"202:934":{"type":"FRAME","id":"202:934","name":"right","absoluteBoundingBox":{"x":-1784.0,"y":6634.0,"width":204.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1784.0,"y":6634.0,"width":204.0,"height":50.0},"relativeTransform":[[1.0,0.0,1008.0],[0.0,1.0,26.0]],"size":{"x":204.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":220,"localID":256},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@Boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","children":["202:935","202:936"]},"202:1660":{"mainComponentId":"202:641","type":"INSTANCE","id":"202:1660","name":"youtube videos","absoluteBoundingBox":{"x":-2632.0,"y":2778.0,"width":960.0,"height":322.0},"isolatedAbsoluteRenderBounds":{"x":-2632.0,"y":2778.0,"width":960.0,"height":322.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":960.0,"y":322.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"HORIZONTAL","itemSpacing":26.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I202:1660;202:642","I202:1660;202:645"],"componentSetId":"202:640","componentProperties":{"description#178:4":{"type":"TEXT","value":{"characters":"youtube short description","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"title#178:0":{"type":"TEXT","value":{"characters":"youtube title","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}},"Direction":{"value":"true","type":"VARIANT","boundVariables":{}},"isHover":{"value":"false","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":960.0,"y":322.0},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"202:641"},{"key":["Text0","youtube title0"],"value":{"boundVariables":null,"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"202:641"},{"key":["Hero Image0","Image0"],"value":{"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}]},"componentId":"202:641"},{"key":["Text0","YouTubeLink0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true,"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:415"}]},"componentId":"202:641"}]},"202:1758":{"type":"TEXT","id":"202:1758","name":"The Architecture of a Mobile Dashboard","absoluteBoundingBox":{"x":-1262.0,"y":3828.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1261.14770507812,"y":3836.54833984375,"width":231.489135742188,"height":54.707275390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,528.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The Architecture of a Mobile Dashboard","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:936":{"type":"TEXT","id":"202:936","name":"youtube.com/@Boroji","absoluteBoundingBox":{"x":-1726.0,"y":6652.0,"width":146.0,"height":14.0},"isolatedAbsoluteRenderBounds":{"x":-1725.52270507812,"y":6652.44091796875,"width":143.874145507812,"height":14.4228515625},"relativeTransform":[[1.0,0.0,58.0],[0.0,1.0,18.0]],"size":{"x":146.0,"y":14.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3],"characters":"youtube.com/@Boroji","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.0,"lineHeightPercent":82.6291046142578,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"PIXELS","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"202:1350":{"type":"TEXT","id":"202:1350","name":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets. The \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","absoluteBoundingBox":{"x":-2500.0,"y":3772.0,"width":696.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-2490.50073242188,"y":3781.69897460938,"width":679.781982421875,"height":143.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,646.0]],"size":{"x":696.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets.\nThe \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"221:353":{"type":"CODE_INSTANCE","id":"221:353","name":"PopUpMenu 1","absoluteBoundingBox":{"x":-2724.0,"y":768.0,"width":192.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-2724.0,"y":768.0,"width":192.0,"height":50.0},"relativeTransform":[[1.0,0.0,68.0],[0.0,1.0,26.0]],"size":{"x":192.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"codeExportName":"Code186_474.default","componentProperties":{}},"202:935":{"mainComponentId":"65:24759","type":"INSTANCE","id":"202:935","name":"Social Media/youtube/false","absoluteBoundingBox":{"x":-1784.0,"y":6634.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1784.0,"y":6634.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"youtube channel","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9185},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@Boroji","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["I202:935;65:24760"],"componentProperties":{},"overrides":[]},"202:1346":{"type":"TEXT","id":"202:1346","name":"Technical Breakdown: Nesting Strategies","absoluteBoundingBox":{"x":-2500.0,"y":3610.0,"width":696.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2499.14770507812,"y":3618.54833984375,"width":453.036254882812,"height":23.633544921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,484.0]],"size":{"x":696.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Technical Breakdown: Nesting Strategies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1366":{"type":"TEXT","id":"202:1366","name":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","absoluteBoundingBox":{"x":-2500.0,"y":4768.0,"width":696.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2498.98852539062,"y":4777.69873046875,"width":665.65185546875,"height":47.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1642.0]],"size":{"x":696.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1364":{"type":"TEXT","id":"202:1364","name":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","absoluteBoundingBox":{"x":-2500.0,"y":4672.0,"width":696.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2499.18188476562,"y":4681.818359375,"width":665.843872070312,"height":47.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1546.0]],"size":{"x":696.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1363":{"type":"TEXT","id":"202:1363","name":"Watch the Full Technical Walkthrough","absoluteBoundingBox":{"x":-2500.0,"y":4636.0,"width":696.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2499.54833984375,"y":4644.54833984375,"width":416.010986328125,"height":23.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1510.0]],"size":{"x":696.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Watch the Full Technical Walkthrough","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:454":{"type":"TEXT","id":"221:454","name":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\" Right Container: Vertically stacks the \"Amount\" and \"Currency Status.\" Row Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container. Alignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","absoluteBoundingBox":{"x":-2606.0,"y":3996.5,"width":323.0,"height":320.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":4006.19897460938,"width":307.74365234375,"height":303.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1673.0]],"size":{"x":323.0,"y":320.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1],"characters":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\"\nRight Container: Vertically stacks the \"Amount\" and \"Currency Status.\"\nRow Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container.\nAlignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","lineIndentations":[1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1362":{"type":"TEXT","id":"202:1362","name":"Text","absoluteBoundingBox":{"x":-2500.0,"y":4604.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2500.0,"y":4604.0,"width":696.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1478.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:447":{"type":"TEXT","id":"221:447","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3331.5,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3331.5,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1008.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1799":{"type":"TEXT","id":"202:1799","name":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets. The \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","absoluteBoundingBox":{"x":-1262.0,"y":4736.0,"width":271.0,"height":352.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":4745.69873046875,"width":256.360107421875,"height":335.755859375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1436.0]],"size":{"x":271.0,"y":352.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets.\nThe \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1359":{"type":"TEXT","id":"202:1359","name":"Text","absoluteBoundingBox":{"x":-2500.0,"y":4408.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2500.0,"y":4408.0,"width":696.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1282.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1498":{"mainComponentId":"202:641","type":"INSTANCE","id":"202:1498","name":"youtube videos","absoluteBoundingBox":{"x":-2632.0,"y":2778.0,"width":960.0,"height":322.0},"isolatedAbsoluteRenderBounds":{"x":-2632.0,"y":2778.0,"width":960.0,"height":322.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":960.0,"y":322.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"HORIZONTAL","itemSpacing":26.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I202:1498;202:642","I202:1498;202:645"],"componentSetId":"202:640","componentProperties":{"description#178:4":{"type":"TEXT","value":{"characters":"youtube short description","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"title#178:0":{"type":"TEXT","value":{"characters":"youtube title","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}},"Direction":{"value":"true","type":"VARIANT","boundVariables":{}},"isHover":{"value":"false","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":960.0,"y":322.0},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"202:641"},{"key":["Text0","youtube title0"],"value":{"boundVariables":null,"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"202:641"},{"key":["Hero Image0","Image0"],"value":{"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}]},"componentId":"202:641"},{"key":["Text0","YouTubeLink0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true,"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:415"}]},"componentId":"202:641"}]},"202:1358":{"type":"TEXT","id":"202:1358","name":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","absoluteBoundingBox":{"x":-2500.0,"y":4312.0,"width":696.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-2490.50073242188,"y":4321.69873046875,"width":673.0234375,"height":76.505859375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1186.0]],"size":{"x":696.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","lineIndentations":[1],"lineTypes":["UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1829":{"type":"TEXT","id":"202:1829","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":4516.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":4516.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1216.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1769":{"type":"TEXT","id":"202:1769","name":"A single transaction item is actually a symphony of four nested Auto Layouts:","absoluteBoundingBox":{"x":-1262.0,"y":5180.0,"width":271.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-1261.59094238281,"y":5190.0,"width":265.17333984375,"height":79.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1880.0]],"size":{"x":271.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A single transaction item is actually a symphony of four nested Auto Layouts:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1526":{"type":"TEXT","id":"202:1526","name":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","absoluteBoundingBox":{"x":-2606.0,"y":4448.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2604.77270507812,"y":4457.818359375,"width":853.251342773438,"height":47.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1322.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1344":{"type":"TEXT","id":"202:1344","name":"Header: Dynamic navigation and page titles. Hero Section: Balance summaries with interactive icon states. Transaction List: Repeated data structures using nested horizontal and vertical layouts. Footer/Action Bar: Fixed-position navigation and primary CTA buttons.","absoluteBoundingBox":{"x":-2500.0,"y":3450.0,"width":696.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2496.20678710938,"y":3460.0,"width":682.74658203125,"height":111.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,324.0]],"size":{"x":696.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Header: Dynamic navigation and page titles.\nHero Section: Balance summaries with interactive icon states.\nTransaction List: Repeated data structures using nested horizontal and vertical layouts.\nFooter/Action Bar: Fixed-position navigation and primary CTA buttons.","lineIndentations":[1,1,1,1],"lineTypes":["ORDERED","ORDERED","ORDERED","ORDERED"],"listStartOffsets":[1,2,3,4],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1342":{"type":"TEXT","id":"202:1342","name":"The Architecture of a Mobile Dashboard","absoluteBoundingBox":{"x":-2500.0,"y":3350.0,"width":696.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2499.14770507812,"y":3358.54833984375,"width":437.752685546875,"height":18.707275390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,224.0]],"size":{"x":696.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The Architecture of a Mobile Dashboard","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1718":{"type":"FRAME","id":"202:1718","name":"content","absoluteBoundingBox":{"x":-1448.0,"y":909.0,"width":375.0,"height":3605.6875},"isolatedAbsoluteRenderBounds":{"x":-1510.0,"y":847.0,"width":499.0,"height":3729.6875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":3605.6875},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":960.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1719","202:1720"]},"202:1341":{"type":"TEXT","id":"202:1341","name":"Text","absoluteBoundingBox":{"x":-2500.0,"y":3318.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2500.0,"y":3318.0,"width":696.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,192.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1689":{"type":"TEXT","id":"202:1689","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4512.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4512.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1386.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1762":{"type":"TEXT","id":"202:1762","name":"Technical Breakdown: Nesting Strategies","absoluteBoundingBox":{"x":-1262.0,"y":4444.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1261.14770507812,"y":4452.54833984375,"width":241.959167480469,"height":59.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1144.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Technical Breakdown: Nesting Strategies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:446":{"type":"TEXT","id":"221:446","name":"Technical Breakdown: Nesting Strategies","absoluteBoundingBox":{"x":-2606.0,"y":3259.5,"width":323.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-2605.14770507812,"y":3268.04833984375,"width":241.959228515625,"height":59.633544921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,936.0]],"size":{"x":323.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Technical Breakdown: Nesting Strategies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1497":{"type":"FRAME","id":"202:1497","name":"content","absoluteBoundingBox":{"x":-2632.0,"y":2778.0,"width":960.0,"height":1856.0},"isolatedAbsoluteRenderBounds":{"x":-2694.0,"y":2716.0,"width":1084.0,"height":1980.0},"relativeTransform":[[1.0,0.0,160.0],[0.0,1.0,26.0]],"size":{"x":960.0,"y":1856.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":960.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1498","202:1499"]},"202:1679":{"type":"TEXT","id":"202:1679","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4026.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4026.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,900.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1528":{"type":"TEXT","id":"202:1528","name":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","absoluteBoundingBox":{"x":-2606.0,"y":4544.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2605.18188476562,"y":4553.69873046875,"width":903.051147460938,"height":47.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1418.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1524":{"type":"TEXT","id":"202:1524","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4380.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4380.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1254.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1814":{"type":"TEXT","id":"202:1814","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":6856.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":6856.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3556.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1677":{"type":"TEXT","id":"202:1677","name":"A single transaction item is actually a symphony of four nested Auto Layouts:","absoluteBoundingBox":{"x":-2606.0,"y":3866.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2605.5908203125,"y":3875.81811523438,"width":579.380615234375,"height":15.636474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,740.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A single transaction item is actually a symphony of four nested Auto Layouts:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:674":{"type":"FRAME","id":"202:674","name":"Text","absoluteBoundingBox":{"x":-9554.0,"y":11778.75,"width":620.0,"height":31.0},"isolatedAbsoluteRenderBounds":{"x":-9554.0,"y":11778.75,"width":620.0,"height":31.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,400.75]],"size":{"x":620.0,"y":31.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":16.0,"counterAxisSizingMode":"FIXED","children":["202:675"]},"202:1519":{"type":"TEXT","id":"202:1519","name":"A common hurdle is centering titles between two asymmetrical icons.","absoluteBoundingBox":{"x":-2606.0,"y":4088.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2605.5908203125,"y":4098.0,"width":522.083740234375,"height":15.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,962.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A common hurdle is centering titles between two asymmetrical icons.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1354":{"type":"TEXT","id":"202:1354","name":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\" Right Container: Vertically stacks the \"Amount\" and \"Currency Status.\" Row Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container. Alignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","absoluteBoundingBox":{"x":-2500.0,"y":4026.0,"width":696.0,"height":192.0},"isolatedAbsoluteRenderBounds":{"x":-2490.50073242188,"y":4035.69897460938,"width":685.406982421875,"height":172.482666015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,900.0]],"size":{"x":696.0,"y":192.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1],"characters":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\"\nRight Container: Vertically stacks the \"Amount\" and \"Currency Status.\"\nRow Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container.\nAlignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","lineIndentations":[1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1348":{"type":"TEXT","id":"202:1348","name":"1. The Atomic Level: Buttons and Icons","absoluteBoundingBox":{"x":-2500.0,"y":3678.0,"width":696.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2498.984375,"y":3684.62353515625,"width":350.364013671875,"height":15.589599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,552.0]],"size":{"x":696.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"1. The Atomic Level: Buttons and Icons","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1343":{"type":"TEXT","id":"202:1343","name":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","absoluteBoundingBox":{"x":-2500.0,"y":3386.0,"width":696.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2499.6591796875,"y":3395.81811523438,"width":685.980224609375,"height":47.636474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,260.0]],"size":{"x":696.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1779":{"type":"TEXT","id":"202:1779","name":"Watch the Full Technical Walkthrough","absoluteBoundingBox":{"x":-1262.0,"y":6624.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1261.54833984375,"y":6632.54833984375,"width":267.53662109375,"height":59.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3324.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Watch the Full Technical Walkthrough","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:419":{"type":"SVG","id":"221:419","name":"Social Media/udemy/false","absoluteBoundingBox":{"x":-1317.5,"y":833.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1317.5,"y":833.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,104.5],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"udemy courses","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9187},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.udemy.com/user/boroji-design/","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"ec47c1ea51bf370b9b8efb204aae7dcc1fb6e268"},"202:1517":{"type":"TEXT","id":"202:1517","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4026.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4026.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,900.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1851":{"type":"FRAME","id":"202:1851","name":"left","absoluteBoundingBox":{"x":-1422.0,"y":4605.6875,"width":94.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":4605.6875,"width":94.0,"height":48.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":94.0,"y":48.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:3:171"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","children":["202:1852","202:1857"]},"202:1509":{"type":"TEXT","id":"202:1509","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3614.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3614.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,488.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1680":{"type":"TEXT","id":"202:1680","name":"3. Solving the Alignment Issue","absoluteBoundingBox":{"x":-2606.0,"y":4058.0,"width":908.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2604.96313476562,"y":4064.62353515625,"width":276.714111328125,"height":19.694580078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,932.0]],"size":{"x":908.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"3. Solving the Alignment Issue","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1515":{"type":"TEXT","id":"202:1515","name":"A single transaction item is actually a symphony of four nested Auto Layouts:","absoluteBoundingBox":{"x":-2606.0,"y":3866.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2605.5908203125,"y":3875.81811523438,"width":579.380615234375,"height":15.636474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,740.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A single transaction item is actually a symphony of four nested Auto Layouts:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1351":{"type":"TEXT","id":"202:1351","name":"Text","absoluteBoundingBox":{"x":-2500.0,"y":3932.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2500.0,"y":3932.0,"width":696.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,806.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1666":{"type":"TEXT","id":"202:1666","name":"The Architecture of a Mobile Dashboard","absoluteBoundingBox":{"x":-2606.0,"y":3318.0,"width":908.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2605.14770507812,"y":3326.54833984375,"width":437.752685546875,"height":18.707275390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,192.0]],"size":{"x":908.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The Architecture of a Mobile Dashboard","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"65:24759":{"type":"COMPONENT","id":"65:24759","name":"Social Media/youtube/false","absoluteBoundingBox":{"x":-9233.0,"y":1662.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-9233.0,"y":1662.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,-9233.0],[0.0,1.0,1662.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"youtube channel","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9185},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@Boroji","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["65:24760"]},"202:1525":{"type":"TEXT","id":"202:1525","name":"Watch the Full Technical Walkthrough","absoluteBoundingBox":{"x":-2606.0,"y":4412.0,"width":908.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2605.54833984375,"y":4420.54833984375,"width":416.010986328125,"height":23.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1286.0]],"size":{"x":908.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Watch the Full Technical Walkthrough","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1349":{"type":"TEXT","id":"202:1349","name":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","absoluteBoundingBox":{"x":-2500.0,"y":3708.0,"width":696.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2499.22729492188,"y":3718.0,"width":642.47021484375,"height":47.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,582.0]],"size":{"x":696.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"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,1,1,1,1,1,1,1,1,1],"characters":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Source Code Pro","fontPostScriptName":null,"fontStyle":"Medium","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"202:1510":{"type":"TEXT","id":"202:1510","name":"1. The Atomic Level: Buttons and Icons","absoluteBoundingBox":{"x":-2606.0,"y":3646.0,"width":908.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2604.984375,"y":3652.62353515625,"width":350.364013671875,"height":15.589599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,520.0]],"size":{"x":908.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"1. The Atomic Level: Buttons and Icons","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:410":{"type":"FRAME","id":"221:410","name":"Navigation","absoluteBoundingBox":{"x":-1448.0,"y":742.0,"width":375.0,"height":167.0},"isolatedAbsoluteRenderBounds":{"x":-1448.0,"y":742.0,"width":375.0,"height":167.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":167.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","itemSpacing":15.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["221:411","221:412"]},"202:467":{"key":"ab21c649ba645ccd2fd37b94ad2e23a676ede90b","name":"Rich text/Header 6","styleType":"TEXT","remote":false,"description":"","id":"202:467","assetId":"StyleId:202:467","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.48,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":24.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"202:1507":{"type":"TEXT","id":"202:1507","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3546.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3546.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,420.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:443":{"type":"TEXT","id":"221:443","name":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","absoluteBoundingBox":{"x":-2606.0,"y":2811.5,"width":323.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2605.04541015625,"y":2821.31811523438,"width":304.352294921875,"height":108.386474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,488.0]],"size":{"x":323.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1506":{"type":"TEXT","id":"202:1506","name":"Header: Dynamic navigation and page titles. Hero Section: Balance summaries with interactive icon states. Transaction List: Repeated data structures using nested horizontal and vertical layouts. Footer/Action Bar: Fixed-position navigation and primary CTA buttons.","absoluteBoundingBox":{"x":-2606.0,"y":3418.0,"width":908.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2602.20678710938,"y":3428.0,"width":682.74658203125,"height":111.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,292.0]],"size":{"x":908.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Header: Dynamic navigation and page titles.\nHero Section: Balance summaries with interactive icon states.\nTransaction List: Repeated data structures using nested horizontal and vertical layouts.\nFooter/Action Bar: Fixed-position navigation and primary CTA buttons.","lineIndentations":[1,1,1,1],"lineTypes":["ORDERED","ORDERED","ORDERED","ORDERED"],"listStartOffsets":[1,2,3,4],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1822":{"type":"TEXT","id":"202:1822","name":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","absoluteBoundingBox":{"x":-1262.0,"y":3540.0,"width":271.0,"height":256.0},"isolatedAbsoluteRenderBounds":{"x":-1261.18176269531,"y":3550.0,"width":248.509887695312,"height":239.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,240.0]],"size":{"x":271.0,"y":256.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"178:86916":{"type":"TEXT","id":"178:86916","name":"Rich text/Header 3","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":43.0,"height":42.0},"isolatedAbsoluteRenderBounds":{"x":0.761363685131073,"y":9.72727203369141,"width":39.7331848144531,"height":30.1818199157715},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":43.0,"y":42.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":41.5999984741211,"lineHeightPercent":107.417839050293,"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":{}},"202:1857":{"type":"TEXT","id":"202:1857","name":"Boroji","absoluteBoundingBox":{"x":-1366.0,"y":4622.6875,"width":38.0,"height":14.0},"isolatedAbsoluteRenderBounds":{"x":-1364.76708984375,"y":4624.1875,"width":35.3841552734375,"height":13.36376953125},"relativeTransform":[[1.0,0.0,56.0],[0.0,1.0,17.0]],"size":{"x":38.0,"y":14.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.200000002980232,"g":0.200000002980232,"b":0.200000002980232,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:083f0feb781c9058b1036b7ffc681ef31d4af88b/3:116"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:083f0feb781c9058b1036b7ffc681ef31d4af88b/3:116"}],"lineHeight":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:167"}],"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:167"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[]},"characterStyleOverrides":[],"characters":"Boroji","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:083f0feb781c9058b1036b7ffc681ef31d4af88b/3:116"}]},"fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.0,"lineHeightPercent":82.6291046142578,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"PIXELS","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1773":{"type":"TEXT","id":"202:1773","name":"A common hurdle is centering titles between two asymmetrical icons.","absoluteBoundingBox":{"x":-1262.0,"y":5816.0,"width":271.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-1261.59094238281,"y":5826.0,"width":265.534118652344,"height":47.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2516.0]],"size":{"x":271.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A common hurdle is centering titles between two asymmetrical icons.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1501":{"type":"TEXT","id":"202:1501","name":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","absoluteBoundingBox":{"x":-2606.0,"y":3126.0,"width":908.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-2603.97729492188,"y":3137.39770507812,"width":753.315185546875,"height":79.147705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":908.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:463","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:440":{"type":"TEXT","id":"221:440","name":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","absoluteBoundingBox":{"x":-2606.0,"y":2515.5,"width":323.0,"height":192.0},"isolatedAbsoluteRenderBounds":{"x":-2605.5,"y":2525.31811523438,"width":314.015625,"height":175.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,192.0]],"size":{"x":323.0,"y":192.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1879":{"type":"TEXT","id":"202:1879","name":"3. Solving the Alignment Issue","absoluteBoundingBox":{"x":-1422.0,"y":3387.6875,"width":323.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-1420.96301269531,"y":3394.31103515625,"width":276.713989257812,"height":19.694580078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2025.0]],"size":{"x":323.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"3. Solving the Alignment Issue","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1500":{"type":"FRAME","id":"202:1500","name":"CMS Rich Text","absoluteBoundingBox":{"x":-2606.0,"y":3126.0,"width":908.0,"height":1482.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3126.0,"width":908.0,"height":1482.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,26.0]],"size":{"x":908.0,"y":1482.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["202:1501","202:1502","202:1503","202:1504","202:1505","202:1506","202:1507","202:1508","202:1509","202:1510","202:1511","202:1512","202:1513","202:1514","202:1515","202:1516","202:1517","202:1518","202:1519","202:1520","202:1521","202:1522","202:1523","202:1524","202:1525","202:1526","202:1527","202:1528"]},"202:1337":{"type":"FRAME","id":"202:1337","name":"main content","absoluteBoundingBox":{"x":-2632.0,"y":3100.0,"width":960.0,"height":1758.0},"isolatedAbsoluteRenderBounds":{"x":-2632.0,"y":3100.0,"width":960.0,"height":1758.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,322.0]],"size":{"x":960.0,"y":1758.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.959999978542328,"g":0.959999978542328,"b":0.959999978542328,"a":1.0},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":2.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["202:1338"]},"221:355":{"type":"SVG","id":"221:355","name":"Social Media/github/false","absoluteBoundingBox":{"x":-1886.0,"y":768.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1886.0,"y":768.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"youtube channel","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9185},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://github.com/boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"bce29006e9f35fd1955b53c43f924b08058a7570"},"202:1504":{"type":"TEXT","id":"202:1504","name":"The Architecture of a Mobile Dashboard","absoluteBoundingBox":{"x":-2606.0,"y":3318.0,"width":908.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2605.14770507812,"y":3326.54833984375,"width":437.752685546875,"height":18.707275390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,192.0]],"size":{"x":908.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The Architecture of a Mobile Dashboard","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1792":{"type":"TEXT","id":"202:1792","name":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","absoluteBoundingBox":{"x":-1262.0,"y":3900.0,"width":271.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-1261.18176269531,"y":3909.81811523438,"width":256.379211425781,"height":140.386474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,600.0]],"size":{"x":271.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1508":{"type":"TEXT","id":"202:1508","name":"Technical Breakdown: Nesting Strategies","absoluteBoundingBox":{"x":-2606.0,"y":3578.0,"width":908.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2605.14770507812,"y":3586.54833984375,"width":453.036376953125,"height":23.633544921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,452.0]],"size":{"x":908.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Technical Breakdown: Nesting Strategies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1658":{"type":"FRAME","id":"202:1658","name":"body","absoluteBoundingBox":{"x":-2792.0,"y":2752.0,"width":1280.0,"height":1908.0},"isolatedAbsoluteRenderBounds":{"x":-2792.0,"y":2752.0,"width":1280.0,"height":1908.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2010.0]],"size":{"x":1280.0,"y":1908.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1659"]},"202:1805":{"type":"TEXT","id":"202:1805","name":"3. Solving the Alignment Issue","absoluteBoundingBox":{"x":-1262.0,"y":5756.0,"width":271.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-1260.96301269531,"y":5762.62353515625,"width":223.426513671875,"height":45.58935546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2456.0]],"size":{"x":271.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"3. Solving the Alignment Issue","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:695":{"mainComponentId":"202:415","type":"INSTANCE","id":"202:695","name":"YouTubeLink","absoluteBoundingBox":{"x":-10743.0,"y":9179.5,"width":220.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-10768.0,"y":9173.25,"width":270.0,"height":98.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,55.0]],"size":{"x":220.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0700000002980232},"blendMode":"NORMAL","offset":{"x":0.0,"y":18.75},"radius":25.0,"showShadowBehindNode":true,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"rectangleCornerRadiiIndependent":true,"paddingRight":24.0,"paddingLeft":24.0,"clipsContent":true,"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I202:695;202:409","I202:695;202:410"],"componentProperties":{},"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"size":{"x":220.0,"y":48.0}},"componentId":"202:415"}]},"202:410":{"type":"SVG","id":"202:410","name":"Frame","absoluteBoundingBox":{"x":-10757.0,"y":5145.0,"width":24.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":-10757.0,"y":5145.0,"width":24.0,"height":24.0},"relativeTransform":[[1.0,0.0,172.0],[0.0,1.0,12.0]],"size":{"x":24.0,"y":24.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"221:368":{"type":"SVG","id":"221:368","name":"Social Media/youtube/false","absoluteBoundingBox":{"x":-1630.0,"y":768.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1630.0,"y":768.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,256.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"youtube channel","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9185},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@Boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"246e61dd68371f8f84f3d2f378622a4db670fbec"},"202:1661":{"type":"FRAME","id":"202:1661","name":"main content","absoluteBoundingBox":{"x":-2632.0,"y":3100.0,"width":960.0,"height":1534.0},"isolatedAbsoluteRenderBounds":{"x":-2632.0,"y":3100.0,"width":960.0,"height":1534.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,322.0]],"size":{"x":960.0,"y":1534.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.959999978542328,"g":0.959999978542328,"b":0.959999978542328,"a":1.0},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":2.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["202:1662"]},"202:718":{"mainComponentId":"202:415","type":"INSTANCE","id":"202:718","name":"YouTubeLink","absoluteBoundingBox":{"x":-9554.0,"y":11200.75,"width":220.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-9579.0,"y":11194.5,"width":270.0,"height":98.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,457.75]],"size":{"x":220.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0700000002980232},"blendMode":"NORMAL","offset":{"x":0.0,"y":18.75},"radius":25.0,"showShadowBehindNode":true,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"rectangleCornerRadiiIndependent":true,"paddingRight":24.0,"paddingLeft":24.0,"clipsContent":true,"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I202:718;202:409","I202:718;202:410"],"componentProperties":{},"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"size":{"x":220.0,"y":48.0}},"componentId":"202:415"}]},"202:1662":{"type":"FRAME","id":"202:1662","name":"CMS Rich Text","absoluteBoundingBox":{"x":-2606.0,"y":3126.0,"width":908.0,"height":1482.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3126.0,"width":908.0,"height":1482.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,26.0]],"size":{"x":908.0,"y":1482.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["202:1663","202:1664","202:1665","202:1666","202:1667","202:1668","202:1669","202:1670","202:1671","202:1672","202:1673","202:1674","202:1675","202:1676","202:1677","202:1678","202:1679","202:1680","202:1681","202:1682","202:1683","202:1684","202:1685","202:1686","202:1687","202:1688","202:1689","202:1690"]},"202:1885":{"type":"TEXT","id":"202:1885","name":"Text","absoluteBoundingBox":{"x":-1422.0,"y":4097.6875,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":4097.6875,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2735.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1513":{"type":"TEXT","id":"202:1513","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3804.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3804.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,678.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1690":{"type":"TEXT","id":"202:1690","name":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","absoluteBoundingBox":{"x":-2606.0,"y":4544.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2605.18188476562,"y":4553.69873046875,"width":903.051147460938,"height":47.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1418.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1502":{"type":"TEXT","id":"202:1502","name":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","absoluteBoundingBox":{"x":-2606.0,"y":3222.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2604.77270507812,"y":3231.81811523438,"width":876.3125,"height":47.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,96.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1819":{"type":"FRAME","id":"202:1819","name":"main content","absoluteBoundingBox":{"x":-1288.0,"y":3274.0,"width":323.0,"height":3800.0},"isolatedAbsoluteRenderBounds":{"x":-1288.0,"y":3274.0,"width":323.0,"height":3800.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,496.0]],"size":{"x":323.0,"y":3800.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.959999978542328,"g":0.959999978542328,"b":0.959999978542328,"a":1.0},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":2.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["202:1820"]},"202:1687":{"type":"TEXT","id":"202:1687","name":"Watch the Full Technical Walkthrough","absoluteBoundingBox":{"x":-2606.0,"y":4412.0,"width":908.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2605.54833984375,"y":4420.54833984375,"width":416.010986328125,"height":23.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1286.0]],"size":{"x":908.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Watch the Full Technical Walkthrough","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:927":{"type":"FRAME","id":"202:927","name":"left","absoluteBoundingBox":{"x":-2724.0,"y":6635.0,"width":95.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-2724.0,"y":6635.0,"width":95.0,"height":48.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":95.0,"y":48.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"boundVariables":{"itemSpacing":{"type":"VARIABLE_ALIAS","id":"VariableID:3:171"}},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","children":["202:928","202:933"]},"202:1673":{"type":"TEXT","id":"202:1673","name":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","absoluteBoundingBox":{"x":-2606.0,"y":3676.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2605.22729492188,"y":3685.81811523438,"width":865.65771484375,"height":15.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,550.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"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,1,1,1,1,1,1,1,1,1],"characters":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Source Code Pro","fontPostScriptName":null,"fontStyle":"Medium","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"202:1685":{"type":"TEXT","id":"202:1685","name":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button). Fill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","absoluteBoundingBox":{"x":-2606.0,"y":4252.0,"width":908.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":4261.818359375,"width":891.513549804688,"height":111.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1126.0]],"size":{"x":908.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],"characters":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button).\nFill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1778":{"type":"TEXT","id":"202:1778","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":6592.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":6592.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3292.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:438":{"type":"FRAME","id":"221:438","name":"CMS Rich Text","absoluteBoundingBox":{"x":-2606.0,"y":2323.5,"width":323.0,"height":3127.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":2323.5,"width":323.0,"height":3127.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,1131.5]],"size":{"x":323.0,"y":3127.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["221:439","221:440","221:441","221:442","221:443","221:444","221:445","221:446","221:447","221:448","221:449","221:450","221:451","221:452","221:453","221:454","221:455","221:456","221:457","221:458","221:459","221:460","221:461","221:462","221:463","221:464","221:465","221:466"]},"202:1683":{"type":"TEXT","id":"202:1683","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4184.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4184.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1058.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:448":{"type":"TEXT","id":"221:448","name":"1. The Atomic Level: Buttons and Icons","absoluteBoundingBox":{"x":-2606.0,"y":3363.5,"width":323.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-2604.984375,"y":3370.12353515625,"width":295.471435546875,"height":45.589599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1040.0]],"size":{"x":323.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"1. The Atomic Level: Buttons and Icons","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1808":{"type":"TEXT","id":"202:1808","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":6136.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":6136.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2836.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:463":{"type":"TEXT","id":"221:463","name":"Watch the Full Technical Walkthrough","absoluteBoundingBox":{"x":-2606.0,"y":5090.5,"width":323.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-2605.54833984375,"y":5099.04833984375,"width":267.53662109375,"height":59.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2767.0]],"size":{"x":323.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Watch the Full Technical Walkthrough","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1669":{"type":"TEXT","id":"202:1669","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3546.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3546.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,420.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"185:173":{"type":"TEXT","id":"185:173","name":"Text","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":13.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":0.255681842565536,"y":2.72727251052856,"width":11.8288354873657,"height":9.43181800842285},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":13.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.1022720336914,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"202:1674":{"type":"TEXT","id":"202:1674","name":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets. The \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","absoluteBoundingBox":{"x":-2606.0,"y":3708.0,"width":908.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":3717.69897460938,"width":867.558959960938,"height":79.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,582.0]],"size":{"x":908.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets.\nThe \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1334":{"type":"FRAME","id":"202:1334","name":"body","absoluteBoundingBox":{"x":-2792.0,"y":2752.0,"width":1280.0,"height":2132.0},"isolatedAbsoluteRenderBounds":{"x":-2792.0,"y":2752.0,"width":1280.0,"height":2132.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2010.0]],"size":{"x":1280.0,"y":2132.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1335"]},"221:462":{"type":"TEXT","id":"221:462","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":5058.5,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":5058.5,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2735.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1881":{"type":"TEXT","id":"202:1881","name":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","absoluteBoundingBox":{"x":-1422.0,"y":3481.6875,"width":323.0,"height":224.0},"isolatedAbsoluteRenderBounds":{"x":-1412.50073242188,"y":3491.38647460938,"width":305.60302734375,"height":204.48291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2119.0]],"size":{"x":323.0,"y":224.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","lineIndentations":[1],"lineTypes":["UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1826":{"type":"TEXT","id":"202:1826","name":"Header: Dynamic navigation and page titles. Hero Section: Balance summaries with interactive icon states. Transaction List: Repeated data structures using nested horizontal and vertical layouts. Footer/Action Bar: Fixed-position navigation and primary CTA buttons.","absoluteBoundingBox":{"x":-1262.0,"y":4060.0,"width":271.0,"height":352.0},"isolatedAbsoluteRenderBounds":{"x":-1258.20690917969,"y":4070.0,"width":264.689880371094,"height":332.181640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,760.0]],"size":{"x":271.0,"y":352.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Header: Dynamic navigation and page titles.\nHero Section: Balance summaries with interactive icon states.\nTransaction List: Repeated data structures using nested horizontal and vertical layouts.\nFooter/Action Bar: Fixed-position navigation and primary CTA buttons.","lineIndentations":[1,1,1,1],"lineTypes":["ORDERED","ORDERED","ORDERED","ORDERED"],"listStartOffsets":[1,2,3,4],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1672":{"type":"TEXT","id":"202:1672","name":"1. The Atomic Level: Buttons and Icons","absoluteBoundingBox":{"x":-2606.0,"y":3646.0,"width":908.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2604.984375,"y":3652.62353515625,"width":350.364013671875,"height":15.589599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,520.0]],"size":{"x":908.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"1. The Atomic Level: Buttons and Icons","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"178:86914":{"type":"TEXT","id":"178:86914","name":"Rich text/Header 1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":86.0,"height":70.0},"isolatedAbsoluteRenderBounds":{"x":1.52272737026215,"y":11.4545440673828,"width":79.7863693237305,"height":60.363639831543},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":86.0,"y":70.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":64.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-1.6,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":70.4000015258789,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1514":{"type":"TEXT","id":"202:1514","name":"2. The Transaction Row (Complex Nesting)","absoluteBoundingBox":{"x":-2606.0,"y":3836.0,"width":908.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2604.96313476562,"y":3841.74291992188,"width":390.561279296875,"height":20.5751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,710.0]],"size":{"x":908.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"2. The Transaction Row (Complex Nesting)","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"178:86918":{"type":"TEXT","id":"178:86918","name":"Rich text/Header 5","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":27.0,"height":28.0},"isolatedAbsoluteRenderBounds":{"x":0.490056842565536,"y":6.45454502105713,"width":24.2366466522217,"height":18.8636360168457},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":27.0,"y":28.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.0,"lineHeightPercent":115.680755615234,"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":{}},"202:1882":{"type":"TEXT","id":"202:1882","name":"Text","absoluteBoundingBox":{"x":-1422.0,"y":3705.6875,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":3705.6875,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2343.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1668":{"type":"TEXT","id":"202:1668","name":"Header: Dynamic navigation and page titles. Hero Section: Balance summaries with interactive icon states. Transaction List: Repeated data structures using nested horizontal and vertical layouts. Footer/Action Bar: Fixed-position navigation and primary CTA buttons.","absoluteBoundingBox":{"x":-2606.0,"y":3418.0,"width":908.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2602.20678710938,"y":3428.0,"width":682.74658203125,"height":111.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,292.0]],"size":{"x":908.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Header: Dynamic navigation and page titles.\nHero Section: Balance summaries with interactive icon states.\nTransaction List: Repeated data structures using nested horizontal and vertical layouts.\nFooter/Action Bar: Fixed-position navigation and primary CTA buttons.","lineIndentations":[1,1,1,1],"lineTypes":["ORDERED","ORDERED","ORDERED","ORDERED"],"listStartOffsets":[1,2,3,4],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:640":{"type":"COMPONENT_SET","id":"202:640","name":"youtube videos","absoluteBoundingBox":{"x":-10789.0,"y":8995.0,"width":2540.0,"height":2901.0},"isolatedAbsoluteRenderBounds":{"x":-10789.0,"y":8995.0,"width":2540.0,"height":2901.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,240.0]],"size":{"x":2540.0,"y":2901.0},"fills":[],"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["202:641","202:647","202:665","202:671"],"componentPropertyDefinitions":{"title#178:0":{"type":"TEXT","defaultValue":{"characters":"youtube title","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]}},"description#178:4":{"type":"TEXT","defaultValue":{"characters":"youtube short description","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]}},"Breakpoint":{"type":"VARIANT","defaultValue":"Desktop","variantOptions":["Desktop","Tablet"]},"Direction":{"type":"VARIANT","defaultValue":"true","variantOptions":["true","false"]},"isHover":{"type":"VARIANT","defaultValue":"false","variantOptions":["false","true"]}}},"202:667":{"type":"RECTANGLE","id":"202:667","name":"Image","absoluteBoundingBox":{"x":-9554.0,"y":10769.0,"width":620.0,"height":348.75},"isolatedAbsoluteRenderBounds":{"x":-9554.0,"y":10769.0,"width":620.0,"height":348.75},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":620.0,"y":348.75},"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"202:1874":{"type":"TEXT","id":"202:1874","name":"Text","absoluteBoundingBox":{"x":-1422.0,"y":2879.6875,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":2879.6875,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1517.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:444":{"type":"TEXT","id":"221:444","name":"Header: Dynamic navigation and page titles. Hero Section: Balance summaries with interactive icon states. Transaction List: Repeated data structures using nested horizontal and vertical layouts. Footer/Action Bar: Fixed-position navigation and primary CTA buttons.","absoluteBoundingBox":{"x":-2606.0,"y":2939.5,"width":323.0,"height":288.0},"isolatedAbsoluteRenderBounds":{"x":-2602.20678710938,"y":2949.5,"width":312.18408203125,"height":271.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,616.0]],"size":{"x":323.0,"y":288.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Header: Dynamic navigation and page titles.\nHero Section: Balance summaries with interactive icon states.\nTransaction List: Repeated data structures using nested horizontal and vertical layouts.\nFooter/Action Bar: Fixed-position navigation and primary CTA buttons.","lineIndentations":[1,1,1,1],"lineTypes":["ORDERED","ORDERED","ORDERED","ORDERED"],"listStartOffsets":[1,2,3,4],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1686":{"type":"TEXT","id":"202:1686","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4380.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4380.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1254.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1800":{"type":"TEXT","id":"202:1800","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":5088.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":5088.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1788.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"178:86915":{"type":"TEXT","id":"178:86915","name":"Rich text/Header 2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":63.0,"height":53.0},"isolatedAbsoluteRenderBounds":{"x":1.17613637447357,"y":9.09090805053711,"width":58.1679573059082,"height":45.2727279663086},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":63.0,"y":53.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":48.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-1.44,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":52.8000030517578,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:463":{"key":"772fb8d4d0b4313972d48cbb91d8a90ade7272bd","name":"Rich text/Header 2","styleType":"TEXT","remote":false,"description":"","id":"202:463","assetId":"StyleId:202:463","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"202:1676":{"type":"TEXT","id":"202:1676","name":"2. The Transaction Row (Complex Nesting)","absoluteBoundingBox":{"x":-2606.0,"y":3836.0,"width":908.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2604.96313476562,"y":3841.74291992188,"width":390.561279296875,"height":20.5751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,710.0]],"size":{"x":908.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"2. The Transaction Row (Complex Nesting)","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:365":{"type":"SVG","id":"221:365","name":"Social Media/linkedin/false","absoluteBoundingBox":{"x":-1694.0,"y":768.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1694.0,"y":768.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,192.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"linkedin profile","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9189},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.linkedin.com/in/boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"5c39a4b5becb829c504a17901e35080913812068"},"202:1503":{"type":"TEXT","id":"202:1503","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3286.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3286.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,160.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1752":{"mainComponentId":"202:641","type":"INSTANCE","id":"202:1752","name":"youtube videos","absoluteBoundingBox":{"x":-1288.0,"y":2778.0,"width":323.0,"height":496.0},"isolatedAbsoluteRenderBounds":{"x":-1288.0,"y":2778.0,"width":533.0,"height":513.75},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":323.0,"y":496.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"HORIZONTAL","itemSpacing":26.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I202:1752;202:642","I202:1752;202:645"],"componentSetId":"202:640","componentProperties":{"description#178:4":{"type":"TEXT","value":{"characters":"youtube short description","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"title#178:0":{"type":"TEXT","value":{"characters":"youtube title","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}},"Direction":{"value":"true","type":"VARIANT","boundVariables":{}},"isHover":{"value":"false","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":323.0,"y":496.0},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"202:641"},{"key":["Text0","youtube title0"],"value":{"boundVariables":null,"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"202:641"},{"key":["Hero Image0","Image0"],"value":{"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}]},"componentId":"202:641"},{"key":["Text0","YouTubeLink0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true,"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:415"}]},"componentId":"202:641"}]},"221:455":{"type":"TEXT","id":"221:455","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4316.5,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4316.5,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1993.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1670":{"type":"TEXT","id":"202:1670","name":"Technical Breakdown: Nesting Strategies","absoluteBoundingBox":{"x":-2606.0,"y":3578.0,"width":908.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2605.14770507812,"y":3586.54833984375,"width":453.036376953125,"height":23.633544921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,452.0]],"size":{"x":908.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Technical Breakdown: Nesting Strategies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:466":{"type":"TEXT","id":"221:466","name":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","absoluteBoundingBox":{"x":-2606.0,"y":5322.5,"width":323.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2605.18188476562,"y":5332.19873046875,"width":314.96875,"height":111.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2999.0]],"size":{"x":323.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Enjoyed this deep dive? Subscribe to the channel for more technical Figma tutorials and leave a comment with the next component you want us to deconstruct.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1846":{"type":"TEXT","id":"202:1846","name":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","absoluteBoundingBox":{"x":-1262.0,"y":6696.0,"width":271.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-1261.5,"y":6706.0,"width":263.352294921875,"height":140.181640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3396.0]],"size":{"x":271.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1843":{"type":"TEXT","id":"202:1843","name":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button). Fill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","absoluteBoundingBox":{"x":-1262.0,"y":6240.0,"width":271.0,"height":352.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":6249.818359375,"width":258.124328613281,"height":332.36328125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2940.0]],"size":{"x":271.0,"y":352.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],"characters":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button).\nFill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1511":{"type":"TEXT","id":"202:1511","name":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","absoluteBoundingBox":{"x":-2606.0,"y":3676.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2605.22729492188,"y":3685.81811523438,"width":865.65771484375,"height":15.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,550.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"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,1,1,1,1,1,1,1,1,1],"characters":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Source Code Pro","fontPostScriptName":null,"fontStyle":"Medium","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"202:390":{"type":"FRAME","id":"202:390","name":"content","absoluteBoundingBox":{"x":-2632.0,"y":870.0,"width":960.0,"height":5712.0},"isolatedAbsoluteRenderBounds":{"x":-2694.0,"y":808.0,"width":1084.0,"height":5836.0},"relativeTransform":[[1.0,0.0,160.0],[0.0,1.0,26.0]],"size":{"x":960.0,"y":5712.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":960.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:739","202:448"]},"202:1675":{"type":"TEXT","id":"202:1675","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3804.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3804.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,678.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"178:86919":{"type":"TEXT","id":"178:86919","name":"Rich text/Header 6","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":21.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":0.392045468091965,"y":5.3636360168457,"width":19.3893184661865,"height":15.0909099578857},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":21.0,"y":22.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.48,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":22.3999996185303,"lineHeightPercent":115.680755615234,"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":{}},"221:450":{"type":"TEXT","id":"221:450","name":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets. The \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","absoluteBoundingBox":{"x":-2606.0,"y":3520.5,"width":323.0,"height":320.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":3530.19897460938,"width":310.70947265625,"height":303.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1197.0]],"size":{"x":323.0,"y":320.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets.\nThe \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"221:464":{"type":"TEXT","id":"221:464","name":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","absoluteBoundingBox":{"x":-2606.0,"y":5162.5,"width":323.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2605.5,"y":5172.5,"width":315.414794921875,"height":108.20458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2839.0]],"size":{"x":323.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:465":{"key":"5ebdfd6c1b74a782ab4270c4b4f449911e79cb3c","name":"Rich text/Header 4","styleType":"TEXT","remote":false,"description":"","id":"202:465","assetId":"StyleId:202:465","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"221:361":{"type":"SVG","id":"221:361","name":"Social Media/udemy/false","absoluteBoundingBox":{"x":-1758.0,"y":768.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1758.0,"y":768.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,128.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"udemy courses","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9187},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.udemy.com/user/boroji-design/","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"ec47c1ea51bf370b9b8efb204aae7dcc1fb6e268"},"221:461":{"type":"TEXT","id":"221:461","name":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button). Fill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","absoluteBoundingBox":{"x":-2606.0,"y":4770.5,"width":323.0,"height":288.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":4780.318359375,"width":310.7265625,"height":268.35205078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2447.0]],"size":{"x":323.0,"y":288.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],"characters":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button).\nFill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1688":{"type":"TEXT","id":"202:1688","name":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","absoluteBoundingBox":{"x":-2606.0,"y":4448.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2604.77270507812,"y":4457.818359375,"width":853.251342773438,"height":47.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1322.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"For a step-by-step visual on recreating this dashboard from a screenshot using Figma AI and manual Auto Layout nesting, watch the video below.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"2:205":{"type":"TEXT","id":"2:205","name":"paragraph","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":18.0,"height":28.0},"isolatedAbsoluteRenderBounds":{"x":0.357954561710358,"y":8.81818199157715,"width":16.5603694915771,"height":13.2045459747314},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":18.0,"y":28.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,"boundVariables":{"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:167"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:167"}},"fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:458":{"type":"TEXT","id":"221:458","name":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","absoluteBoundingBox":{"x":-2606.0,"y":4442.5,"width":323.0,"height":224.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":4452.19873046875,"width":305.60302734375,"height":204.48291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2119.0]],"size":{"x":323.0,"y":224.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","lineIndentations":[1],"lineTypes":["UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1335":{"type":"FRAME","id":"202:1335","name":"content","absoluteBoundingBox":{"x":-2632.0,"y":2778.0,"width":960.0,"height":2080.0},"isolatedAbsoluteRenderBounds":{"x":-2694.0,"y":2716.0,"width":1084.0,"height":2204.0},"relativeTransform":[[1.0,0.0,160.0],[0.0,1.0,26.0]],"size":{"x":960.0,"y":2080.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":960.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1336","202:1337"]},"221:457":{"type":"TEXT","id":"221:457","name":"A common hurdle is centering titles between two asymmetrical icons.","absoluteBoundingBox":{"x":-2606.0,"y":4378.5,"width":323.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2605.5908203125,"y":4388.5,"width":265.533935546875,"height":47.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2055.0]],"size":{"x":323.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A common hurdle is centering titles between two asymmetrical icons.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:739":{"mainComponentId":"202:641","type":"INSTANCE","cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"},"id":"202:739","name":"youtube videos","absoluteBoundingBox":{"x":-2632.0,"y":870.0,"width":960.0,"height":322.0},"isolatedAbsoluteRenderBounds":{"x":-2632.0,"y":870.0,"width":960.0,"height":322.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":960.0,"y":322.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"HORIZONTAL","itemSpacing":26.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I202:739;202:642","I202:739;202:645"],"componentSetId":"202:640","componentProperties":{"description#178:4":{"type":"TEXT","value":{"characters":"youtube short description","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"title#178:0":{"type":"TEXT","value":{"characters":"youtube title","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}},"Direction":{"value":"true","type":"VARIANT","boundVariables":{}},"isHover":{"value":"false","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":960.0,"y":322.0},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:641"},{"key":["Text0","youtube title0"],"value":{"boundVariables":null,"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","boundCmsVariables":{"characters":{"fieldSchemaId":"ab966e5d-4dbb-489b-a3db-cc7afe946220"}},"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:641"},{"key":["Hero Image0","Image0"],"value":{"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true},{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"","imageVar":{"type":12,"resolvedType":8,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"88c1f110-9776-42b8-96d5-33a68cfc83d0"}},"visible":true,"opacity":1.0,"rotation":0.0}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fillPaintsBoundCmsVariables":[{"fillIndex":1,"boundVariables":{"image":{"fieldSchemaId":"88c1f110-9776-42b8-96d5-33a68cfc83d0"}}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:641"},{"key":["Text0","YouTubeLink0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true,"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:415"}]},"componentId":"202:641"}]},"221:456":{"type":"TEXT","id":"221:456","name":"3. Solving the Alignment Issue","absoluteBoundingBox":{"x":-2606.0,"y":4348.5,"width":323.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2604.96313476562,"y":4355.12353515625,"width":276.714111328125,"height":19.69482421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2025.0]],"size":{"x":323.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"3. Solving the Alignment Issue","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1823":{"type":"TEXT","id":"202:1823","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":3796.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":3796.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,496.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1770":{"type":"TEXT","id":"202:1770","name":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\" Right Container: Vertically stacks the \"Amount\" and \"Currency Status.\" Row Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container. Alignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","absoluteBoundingBox":{"x":-1262.0,"y":5276.0,"width":271.0,"height":448.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":5285.69873046875,"width":259.000732421875,"height":428.48291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1976.0]],"size":{"x":271.0,"y":448.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1],"characters":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\"\nRight Container: Vertically stacks the \"Amount\" and \"Currency Status.\"\nRow Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container.\nAlignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","lineIndentations":[1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"4:54683":{"type":"TEXT","id":"4:54683","name":"h1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":80.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":1.359375,"y":10.8181800842285,"width":75.388671875,"height":54.7045478820801},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":80.0,"y":64.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,"boundVariables":{"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:163"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-ExtraBold","fontStyle":"Extra Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:163"}},"responsiveTextStyleVariants":[{"minWidth":1150.0,"name":"Desktop","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:163"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:163"}},"fontSize":58.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":63.8000030517578,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:164"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:163"}},"fontSize":36.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:164"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:163"}},"fontSize":36.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":58.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":63.8000030517578,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:453":{"type":"TEXT","id":"221:453","name":"A single transaction item is actually a symphony of four nested Auto Layouts:","absoluteBoundingBox":{"x":-2606.0,"y":3932.5,"width":323.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2605.5908203125,"y":3942.5,"width":295.239990234375,"height":47.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1609.0]],"size":{"x":323.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A single transaction item is actually a symphony of four nested Auto Layouts:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:452":{"type":"TEXT","id":"221:452","name":"2. The Transaction Row (Complex Nesting)","absoluteBoundingBox":{"x":-2606.0,"y":3872.5,"width":323.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":-2604.96313476562,"y":3878.24291992188,"width":308.310546875,"height":50.5751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1549.0]],"size":{"x":323.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"2. The Transaction Row (Complex Nesting)","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1665":{"type":"TEXT","id":"202:1665","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3286.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3286.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,160.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:445":{"type":"TEXT","id":"221:445","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":3227.5,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":3227.5,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,904.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1667":{"type":"TEXT","id":"202:1667","name":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","absoluteBoundingBox":{"x":-2606.0,"y":3354.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2605.04541015625,"y":3363.81811523438,"width":877.899047851562,"height":44.386474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,228.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1803":{"type":"TEXT","id":"202:1803","name":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\" Right Container: Vertically stacks the \"Amount\" and \"Currency Status.\" Row Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container. Alignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","absoluteBoundingBox":{"x":-1262.0,"y":5276.0,"width":271.0,"height":448.0},"isolatedAbsoluteRenderBounds":{"x":-1252.50073242188,"y":5285.69873046875,"width":259.000732421875,"height":428.48291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1976.0]],"size":{"x":271.0,"y":448.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1],"characters":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\"\nRight Container: Vertically stacks the \"Amount\" and \"Currency Status.\"\nRow Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container.\nAlignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","lineIndentations":[1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1520":{"type":"TEXT","id":"202:1520","name":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","absoluteBoundingBox":{"x":-2606.0,"y":4120.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":4129.69873046875,"width":874.46240234375,"height":47.755859375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,994.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","lineIndentations":[1],"lineTypes":["UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1684":{"type":"TEXT","id":"202:1684","name":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","absoluteBoundingBox":{"x":-2606.0,"y":4216.0,"width":908.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2604.48291015625,"y":4224.54833984375,"width":405.18310546875,"height":23.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1090.0]],"size":{"x":908.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1866":{"type":"TEXT","id":"202:1866","name":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","absoluteBoundingBox":{"x":-1422.0,"y":1850.6875,"width":323.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-1421.04541015625,"y":1860.50573730469,"width":304.352172851562,"height":108.386352539062},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,488.0]],"size":{"x":323.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1523":{"type":"TEXT","id":"202:1523","name":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button). Fill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","absoluteBoundingBox":{"x":-2606.0,"y":4252.0,"width":908.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":4261.818359375,"width":891.513549804688,"height":111.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1126.0]],"size":{"x":908.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],"characters":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button).\nFill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1793":{"type":"TEXT","id":"202:1793","name":"Header: Dynamic navigation and page titles. Hero Section: Balance summaries with interactive icon states. Transaction List: Repeated data structures using nested horizontal and vertical layouts. Footer/Action Bar: Fixed-position navigation and primary CTA buttons.","absoluteBoundingBox":{"x":-1262.0,"y":4060.0,"width":271.0,"height":352.0},"isolatedAbsoluteRenderBounds":{"x":-1258.20690917969,"y":4070.0,"width":264.689880371094,"height":332.181640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,760.0]],"size":{"x":271.0,"y":352.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Header: Dynamic navigation and page titles.\nHero Section: Balance summaries with interactive icon states.\nTransaction List: Repeated data structures using nested horizontal and vertical layouts.\nFooter/Action Bar: Fixed-position navigation and primary CTA buttons.","lineIndentations":[1,1,1,1],"lineTypes":["ORDERED","ORDERED","ORDERED","ORDERED"],"listStartOffsets":[1,2,3,4],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1682":{"type":"TEXT","id":"202:1682","name":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","absoluteBoundingBox":{"x":-2606.0,"y":4120.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":4129.69873046875,"width":874.46240234375,"height":47.755859375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,994.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The Solution: Wrap the title and icons in a parent Auto Layout. Set the title to Fill Container and use Center Alignment. This forces the title to remain perfectly centered even if the icons on either side have different widths.","lineIndentations":[1],"lineTypes":["UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1719":{"mainComponentId":"202:665","type":"INSTANCE","id":"202:1719","name":"youtube videos","absoluteBoundingBox":{"x":-1448.0,"y":909.0,"width":375.0,"height":426.6875},"isolatedAbsoluteRenderBounds":{"x":-1448.0,"y":909.0,"width":375.0,"height":444.4375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":426.6875},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":340},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":671},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","itemSpacing":26.0,"primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["I202:1719;202:666","I202:1719;202:668","I202:1719;202:718"],"componentSetId":"202:640","componentProperties":{"description#178:4":{"type":"TEXT","value":{"characters":"youtube short description","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"title#178:0":{"type":"TEXT","value":{"characters":"youtube title","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Breakpoint":{"value":"Tablet","type":"VARIANT","boundVariables":{}},"Direction":{"value":"true","type":"VARIANT","boundVariables":{}},"isHover":{"value":"false","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":375.0,"y":426.6875},"interactions":[{"id":{"sessionID":185,"localID":340},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":671},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"202:665"},{"key":["Hero Image0","Image0"],"value":{"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true},{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"","imageVar":{"type":12,"resolvedType":8,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"88c1f110-9776-42b8-96d5-33a68cfc83d0"}},"visible":true,"opacity":1.0,"rotation":0.0}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fillPaintsBoundCmsVariables":[{"fillIndex":1,"boundVariables":{"image":{"fieldSchemaId":"88c1f110-9776-42b8-96d5-33a68cfc83d0"}}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:665"},{"key":["Text0","youtube title0"],"value":{"boundVariables":null,"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","boundCmsVariables":{"characters":{"fieldSchemaId":"ab966e5d-4dbb-489b-a3db-cc7afe946220"}},"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:665"}]},"202:926":{"type":"FRAME","id":"202:926","name":"Div","absoluteBoundingBox":{"x":-2724.0,"y":6635.0,"width":95.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-2724.0,"y":6635.0,"width":95.0,"height":48.0},"relativeTransform":[[1.0,0.0,68.0],[0.0,1.0,27.0]],"size":{"x":95.0,"y":48.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":220,"localID":258},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@Boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"VERTICAL","itemSpacing":16.0,"primaryAxisAlignItems":"CENTER","children":["202:927"]},"3:171":{"id":"3:171","type":"VARIABLE","assetId":"VariableID:3:171","name":"spacing/xs","resolvedType":"FLOAT","variableCollectionId":"VariableCollectionId:1:8","codeSyntax":{},"valuesByMode":{"1:0":8.0}},"202:1757":{"type":"TEXT","id":"202:1757","name":"Text","absoluteBoundingBox":{"x":-1262.0,"y":3796.0,"width":271.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":3796.0,"width":271.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,496.0]],"size":{"x":271.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1352":{"type":"TEXT","id":"202:1352","name":"2. The Transaction Row (Complex Nesting)","absoluteBoundingBox":{"x":-2500.0,"y":3964.0,"width":696.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":-2498.96313476562,"y":3969.74291992188,"width":390.561279296875,"height":20.5751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,838.0]],"size":{"x":696.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"2. The Transaction Row (Complex Nesting)","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:465","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1339":{"type":"TEXT","id":"202:1339","name":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","absoluteBoundingBox":{"x":-2500.0,"y":3126.0,"width":696.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-2498.38647460938,"y":3137.39770507812,"width":622.509155273438,"height":79.147705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":696.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:463","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"185:171":{"type":"TEXT","id":"185:171","name":"Text","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":0.237926155328751,"y":2.72727251052856,"width":12.7166194915771,"height":9.43181800842285},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.1022720336914,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"202:1825":{"type":"TEXT","id":"202:1825","name":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","absoluteBoundingBox":{"x":-1262.0,"y":3900.0,"width":271.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":-1261.18176269531,"y":3909.81811523438,"width":256.379211425781,"height":140.386474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,600.0]],"size":{"x":271.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building a professional UI isn't just about placing elements; it's about defining relationships. We categorize our layout into four distinct structural zones:","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1361":{"type":"TEXT","id":"202:1361","name":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button). Fill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","absoluteBoundingBox":{"x":-2500.0,"y":4476.0,"width":696.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2490.50073242188,"y":4485.818359375,"width":663.209594726562,"height":111.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1350.0]],"size":{"x":696.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],"characters":"Hug Contents: Use this for parent containers that should only be as large as the elements inside them (e.g., a tag or a simple button).\nFill Container: Essential for responsive lists. If your component isn't resizing when you stretch the frame, check if a nested layer is accidentally set to Fixed Width.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1850":{"type":"FRAME","id":"202:1850","name":"Div","absoluteBoundingBox":{"x":-1422.0,"y":4605.6875,"width":94.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-1422.0,"y":4605.6875,"width":94.0,"height":48.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,91.0]],"size":{"x":94.0,"y":48.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":220,"localID":259},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@Boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"VERTICAL","itemSpacing":16.0,"primaryAxisAlignItems":"CENTER","children":["202:1851"]},"202:1869":{"type":"TEXT","id":"202:1869","name":"Technical Breakdown: Nesting Strategies","absoluteBoundingBox":{"x":-1422.0,"y":2298.6875,"width":323.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1421.14770507812,"y":2307.23583984375,"width":241.959228515625,"height":59.633544921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,936.0]],"size":{"x":323.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Technical Breakdown: Nesting Strategies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:449":{"type":"TEXT","id":"221:449","name":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","absoluteBoundingBox":{"x":-2606.0,"y":3423.5,"width":323.0,"height":97.0},"isolatedAbsoluteRenderBounds":{"x":-2605.583984375,"y":3433.5,"width":308.856689453125,"height":79.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1100.0]],"size":{"x":323.0,"y":97.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"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,1,1,1,1,1,1,1,1,1],"characters":"To ensure buttons behave predictably, start with a text layer and apply Shift + A to create an Auto Layout frame.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Source Code Pro","fontPostScriptName":null,"fontStyle":"Medium","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"178:86917":{"type":"TEXT","id":"178:86917","name":"Rich text/Header 4","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":32.0,"height":34.0},"isolatedAbsoluteRenderBounds":{"x":0.588068187236786,"y":8.54545402526855,"width":29.0839786529541,"height":22.6363639831543},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":32.0,"y":34.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.5999984741211,"lineHeightPercent":115.680755615234,"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":{}},"202:1357":{"type":"TEXT","id":"202:1357","name":"A common hurdle is centering titles between two asymmetrical icons.","absoluteBoundingBox":{"x":-2500.0,"y":4280.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2499.5908203125,"y":4290.0,"width":522.083740234375,"height":15.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1154.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A common hurdle is centering titles between two asymmetrical icons.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:352":{"type":"FRAME","id":"221:352","name":"Navigation","absoluteBoundingBox":{"x":-2792.0,"y":742.0,"width":1280.0,"height":102.0},"isolatedAbsoluteRenderBounds":{"x":-2792.0,"y":742.0,"width":1280.0,"height":102.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1280.0,"y":102.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":68.0,"paddingBottom":26.0,"paddingLeft":68.0,"layoutMode":"HORIZONTAL","itemSpacing":15.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["221:353","221:354"]},"202:1345":{"type":"TEXT","id":"202:1345","name":"Text","absoluteBoundingBox":{"x":-2500.0,"y":3578.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2500.0,"y":3578.0,"width":696.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,452.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1336":{"mainComponentId":"202:641","type":"INSTANCE","id":"202:1336","name":"youtube videos","absoluteBoundingBox":{"x":-2632.0,"y":2778.0,"width":960.0,"height":322.0},"isolatedAbsoluteRenderBounds":{"x":-2632.0,"y":2778.0,"width":960.0,"height":322.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":960.0,"y":322.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"HORIZONTAL","itemSpacing":26.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["I202:1336;202:642","I202:1336;202:645"],"componentSetId":"202:640","componentProperties":{"description#178:4":{"type":"TEXT","value":{"characters":"youtube short description","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"title#178:0":{"type":"TEXT","value":{"characters":"youtube title","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}},"Direction":{"value":"true","type":"VARIANT","boundVariables":{}},"isHover":{"value":"false","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":960.0,"y":322.0},"interactions":[{"id":{"sessionID":185,"localID":337},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":647},"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":202,"localID":750},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"202:641"},{"key":["Text0","youtube title0"],"value":{"boundVariables":null,"characterStyleOverrides":[],"characters":"youtube title","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"202:641"},{"key":["Hero Image0","Image0"],"value":{"fills":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}]},"componentId":"202:641"},{"key":["Text0","YouTubeLink0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":202,"localID":454},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://youtu.be/dnUQ2kKKyO0","openUrlInNewTab":true,"linkParam":{"type":12,"resolvedType":9,"value":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}}],"isDeleted":false,"stateManagementVersion":1}],"cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","interactionsBoundCmsVariables":[{"hyperlink":{"fieldSchemaId":"3d13fbaf-00ee-4127-ac74-180996d21017"}}],"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"}},"componentId":"202:415"}]},"componentId":"202:641"}]},"202:1812":{"type":"TEXT","id":"202:1812","name":"Watch the Full Technical Walkthrough","absoluteBoundingBox":{"x":-1262.0,"y":6624.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1261.54833984375,"y":6632.54833984375,"width":267.53662109375,"height":59.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3324.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Watch the Full Technical Walkthrough","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:466":{"key":"42f29c9a9b12e6df019311e36414ac033217acb2","name":"Rich text/Header 5","styleType":"TEXT","remote":false,"description":"","id":"202:466","assetId":"StyleId:202:466","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"202:665":{"type":"COMPONENT","id":"202:665","name":"Breakpoint=Tablet, Direction=true, isHover=false","absoluteBoundingBox":{"x":-9580.0,"y":10743.0,"width":672.0,"height":531.75},"isolatedAbsoluteRenderBounds":{"x":-9580.0,"y":10743.0,"width":672.0,"height":549.5},"relativeTransform":[[1.0,0.0,1209.0],[0.0,1.0,1748.0]],"size":{"x":672.0,"y":531.75},"fills":[],"constraintValues":{"left":{"pixelOffset":1209.0,"sizeFraction":0.0},"top":{"pixelOffset":1748.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":185,"localID":340},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":202,"localID":671},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","stateGroupContext":"202:640"}],"isDeleted":false,"stateManagementVersion":1}],"rectangleCornerRadii":[16.0,16.0,16.0,16.0],"cornerRadius":16.0,"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","itemSpacing":26.0,"primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["202:666","202:668","202:718"],"componentSetId":"202:640"},"202:461":{"key":"e033bbefd0002860e8261c99af5e57bd0b86e72a","name":"Rich text/Body","styleType":"TEXT","remote":false,"description":"","id":"202:461","assetId":"StyleId:202:461","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%"}},"202:1521":{"type":"TEXT","id":"202:1521","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4184.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4184.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1058.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1338":{"type":"FRAME","id":"202:1338","name":"CMS Rich Text","absoluteBoundingBox":{"x":-2500.0,"y":3126.0,"width":696.0,"height":1706.0},"isolatedAbsoluteRenderBounds":{"x":-2500.0,"y":3126.0,"width":696.0,"height":1706.0},"relativeTransform":[[1.0,0.0,132.0],[0.0,1.0,26.0]],"size":{"x":696.0,"y":1706.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":696.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["202:1339","202:1340","202:1341","202:1342","202:1343","202:1344","202:1345","202:1346","202:1347","202:1348","202:1349","202:1350","202:1351","202:1352","202:1353","202:1354","202:1355","202:1356","202:1357","202:1358","202:1359","202:1360","202:1361","202:1362","202:1363","202:1364","202:1365","202:1366"]},"13:4582":{"type":"TEXT","id":"13:4582","name":"description","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":29.0,"height":44.0},"isolatedAbsoluteRenderBounds":{"x":0.562500059604645,"y":14.0,"width":26.0234375,"height":20.75},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":29.0,"y":44.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,"boundVariables":{"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"responsiveTextStyleVariants":[{"minWidth":1150.0,"name":"Desktop","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"fontSize":22.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":44.0,"lineHeightPercent":170.66667175293,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:167"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"fontSize":14.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.0,"lineHeightPercent":170.66667175293,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:167"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"fontSize":14.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.0,"lineHeightPercent":170.66667175293,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":22.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":44.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1681":{"type":"TEXT","id":"202:1681","name":"A common hurdle is centering titles between two asymmetrical icons.","absoluteBoundingBox":{"x":-2606.0,"y":4088.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2605.5908203125,"y":4098.0,"width":522.083740234375,"height":15.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,962.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A common hurdle is centering titles between two asymmetrical icons.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1512":{"type":"TEXT","id":"202:1512","name":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets. The \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","absoluteBoundingBox":{"x":-2606.0,"y":3708.0,"width":908.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":3717.69897460938,"width":867.558959960938,"height":79.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,582.0]],"size":{"x":908.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Padding Logic: Use consistent horizontal and vertical padding (e.g., 14px horizontal) to maintain click targets.\nThe \"Fill\" Rule: When wrapping buttons in a parent container (like an \"Actions\" frame), set the child buttons to Fill Container. This ensures they expand to occupy the available width regardless of screen size.","lineIndentations":[1,1],"lineTypes":["UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"221:358":{"type":"SVG","id":"221:358","name":"Social Media/upwork/false","absoluteBoundingBox":{"x":-1822.0,"y":768.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1822.0,"y":768.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"upwork profile","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9187},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.upwork.com/freelancers/~0124ac89735406c2ba","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"e294afec3064ea8e4cde559df0d2587eab0606ea"},"221:496":{"type":"CMS_RICH_TEXT","cmsItemFieldBindingProperties":{"collectionId":"80e3d8b7-c325-4e2f-ac43-0f835709bdf4","boundCmsVariables":{"richText":{"fieldSchemaId":"86439e98-dac0-41e6-8686-dad50b7bacef"}},"itemId":"7ff272ff-0699-4e0f-ba4b-2a177dbd5099"},"cmsRichTextStyleMap":{"HEADING1":{"textStyleId":"StyleId:202:462","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING2":{"textStyleId":"StyleId:202:463","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING3":{"textStyleId":"StyleId:202:464","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING4":{"textStyleId":"StyleId:202:465","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING5":{"textStyleId":"StyleId:202:466","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"HEADING6":{"textStyleId":"StyleId:202:467","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]},"PARAGRAPH":{"textStyleId":"StyleId:202:461","fontNameVariants":[{"fontFamily":"Inter","fontStyle":"Bold"},{"fontFamily":"Inter","fontStyle":"Bold Italic"},{"fontFamily":"Inter","fontStyle":"Italic"}]}},"id":"221:496","name":"CMS Rich Text","absoluteBoundingBox":{"x":-1714.5,"y":1361.6875,"width":908.0,"height":1.0},"isolatedAbsoluteRenderBounds":{"x":-1714.5,"y":1361.6875,"width":908.0,"height":1.0},"relativeTransform":[[1.0,0.0,-266.5],[0.0,1.0,26.0]],"size":{"x":908.0,"y":1.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":[]},"202:1787":{"type":"FRAME","id":"202:1787","name":"CMS Rich Text","absoluteBoundingBox":{"x":-1262.0,"y":3300.0,"width":271.0,"height":3748.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":3300.0,"width":271.0,"height":3748.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,26.0]],"size":{"x":271.0,"y":3748.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["202:1788","202:1789","202:1790","202:1791","202:1792","202:1793","202:1794","202:1795","202:1796","202:1797","202:1798","202:1799","202:1800","202:1801","202:1802","202:1803","202:1804","202:1805","202:1806","202:1807","202:1808","202:1809","202:1810","202:1811","202:1812","202:1813","202:1814","202:1815"]},"202:1347":{"type":"TEXT","id":"202:1347","name":"Text","absoluteBoundingBox":{"x":-2500.0,"y":3646.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2500.0,"y":3646.0,"width":696.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,520.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1664":{"type":"TEXT","id":"202:1664","name":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","absoluteBoundingBox":{"x":-2606.0,"y":3222.0,"width":908.0,"height":64.0},"isolatedAbsoluteRenderBounds":{"x":-2604.77270507812,"y":3231.81811523438,"width":876.3125,"height":47.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,96.0]],"size":{"x":908.0,"y":64.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:426":{"type":"SVG","id":"221:426","name":"Social Media/youtube/false","absoluteBoundingBox":{"x":-1189.5,"y":833.0,"width":50.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1189.5,"y":833.0,"width":50.0,"height":50.0},"relativeTransform":[[1.0,0.0,232.5],[0.0,1.0,0.0]],"size":{"x":50.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":1.25,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"youtube channel","ariaAttributes":{},"interactions":[{"id":{"sessionID":57,"localID":9185},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.youtube.com/@Boroji","openUrlInNewTab":false}],"isDeleted":false,"stateManagementVersion":1}],"hash":"246e61dd68371f8f84f3d2f378622a4db670fbec"},"221:354":{"type":"FRAME","id":"221:354","name":"right","absoluteBoundingBox":{"x":-1886.0,"y":768.0,"width":306.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":-1886.0,"y":768.0,"width":306.0,"height":50.0},"relativeTransform":[[1.0,0.0,906.0],[0.0,1.0,26.0]],"size":{"x":306.0,"y":50.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":14.0,"counterAxisAlignItems":"CENTER","children":["221:355","221:358","221:361","221:365","221:368"]},"2:204":{"type":"TEXT","id":"2:204","name":"h2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":50.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":0.84375,"y":6.81818103790283,"width":46.79296875,"height":33.9545478820801},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":40.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,"boundVariables":{"fontFamily":[{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"}],"fontSize":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:164"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-ExtraBold","fontStyle":"Extra Bold","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:164"}},"responsiveTextStyleVariants":[{"minWidth":1150.0,"name":"Desktop","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:164"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:164"}},"fontSize":36.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:164"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:164"}},"fontSize":36.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","boundVariables":{"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:166"}},"style":{"boundVariables":{"fontFamily":{"type":"VARIABLE_ALIAS","id":"VariableID:1:9"},"fontSize":{"type":"VARIABLE_ALIAS","id":"VariableID:3:164"}},"fontSize":22.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":24.2000007629395,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":36.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":90.8920211791992,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1499":{"type":"FRAME","id":"202:1499","name":"main content","absoluteBoundingBox":{"x":-2632.0,"y":3100.0,"width":960.0,"height":1534.0},"isolatedAbsoluteRenderBounds":{"x":-2632.0,"y":3100.0,"width":960.0,"height":1534.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,322.0]],"size":{"x":960.0,"y":1534.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.959999978542328,"g":0.959999978542328,"b":0.959999978542328,"a":1.0},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":2.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["202:1500"]},"202:464":{"key":"6b3a6f0dc144351a815626bb79552fe0c4b4c40f","name":"Rich text/Header 3","styleType":"TEXT","remote":false,"description":"","id":"202:464","assetId":"StyleId:202:464","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"202:1360":{"type":"TEXT","id":"202:1360","name":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","absoluteBoundingBox":{"x":-2500.0,"y":4440.0,"width":696.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":-2498.48291015625,"y":4448.54833984375,"width":405.18310546875,"height":23.63330078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1314.0]],"size":{"x":696.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:448":{"type":"FRAME","id":"202:448","name":"main content","absoluteBoundingBox":{"x":-2632.0,"y":1192.0,"width":960.0,"height":5390.0},"isolatedAbsoluteRenderBounds":{"x":-2632.0,"y":1192.0,"width":960.0,"height":5390.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,322.0]],"size":{"x":960.0,"y":5390.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.959999978542328,"g":0.959999978542328,"b":0.959999978542328,"a":1.0},"visible":true,"opacity":1.0}],"individualStrokeWeights":{"top":2.0,"right":0.0,"bottom":0.0,"left":0.0},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["221:438","202:751"]},"202:1817":{"type":"FRAME","id":"202:1817","name":"content","absoluteBoundingBox":{"x":-1288.0,"y":2778.0,"width":323.0,"height":4296.0},"isolatedAbsoluteRenderBounds":{"x":-1350.0,"y":2716.0,"width":447.0,"height":4420.0},"relativeTransform":[[1.0,0.0,160.0],[0.0,1.0,26.0]],"size":{"x":323.0,"y":4296.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":960.0,"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"rectangleCornerRadii":[20.0,20.0,20.0,20.0],"cornerRadius":20.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1818","202:1819"]},"202:384":{"type":"FRAME","id":"202:384","name":"body","absoluteBoundingBox":{"x":-2792.0,"y":844.0,"width":1280.0,"height":5764.0},"isolatedAbsoluteRenderBounds":{"x":-2792.0,"y":808.0,"width":1280.0,"height":5836.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,102.0]],"size":{"x":1280.0,"y":5764.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:390"]},"202:1842":{"type":"TEXT","id":"202:1842","name":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","absoluteBoundingBox":{"x":-1262.0,"y":6168.0,"width":271.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1260.80676269531,"y":6176.54833984375,"width":240.62353515625,"height":54.70751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2868.0]],"size":{"x":271.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Pro-Tip: The \"Hug\" vs. \"Fill\" Workflow","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1865":{"type":"TEXT","id":"202:1865","name":"The Architecture of a Mobile Dashboard","absoluteBoundingBox":{"x":-1422.0,"y":1778.6875,"width":323.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":-1421.14770507812,"y":1787.23583984375,"width":311.810668945312,"height":54.7073974609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,416.0]],"size":{"x":323.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The Architecture of a Mobile Dashboard","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:464","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"178:86913":{"type":"TEXT","id":"178:86913","name":"Rich text/Body","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":21.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":0.409090936183929,"y":6.3636360168457,"width":18.9261379241943,"height":15.0909099578857},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":21.0,"y":24.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":24.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1849":{"type":"FRAME","id":"202:1849","name":"Navigation","absoluteBoundingBox":{"x":-1448.0,"y":4514.6875,"width":375.0,"height":165.0},"isolatedAbsoluteRenderBounds":{"x":-1448.0,"y":4514.6875,"width":375.0,"height":165.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3772.6875]],"size":{"x":375.0,"y":165.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","itemSpacing":15.0,"counterAxisSizingMode":"FIXED","children":["202:1858","202:1850"]},"202:1527":{"type":"TEXT","id":"202:1527","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4512.0,"width":908.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4512.0,"width":908.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1386.0]],"size":{"x":908.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1678":{"type":"TEXT","id":"202:1678","name":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\" Right Container: Vertically stacks the \"Amount\" and \"Currency Status.\" Row Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container. Alignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","absoluteBoundingBox":{"x":-2606.0,"y":3898.0,"width":908.0,"height":128.0},"isolatedAbsoluteRenderBounds":{"x":-2596.50073242188,"y":3907.69897460938,"width":793.99365234375,"height":111.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,772.0]],"size":{"x":908.0,"y":128.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1],"characters":"Left Container: Vertically stacks the \"Transaction Name\" and \"Date.\"\nRight Container: Vertically stacks the \"Amount\" and \"Currency Status.\"\nRow Wrapper: A horizontal layout containing the Icon, the Left Container, and the Right Container.\nAlignment Tip: Set the Left Container to Fill so it pushes the Right Container to the edge of the screen.","lineIndentations":[1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"202:461","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"202:1820":{"type":"FRAME","id":"202:1820","name":"CMS Rich Text","absoluteBoundingBox":{"x":-1262.0,"y":3300.0,"width":271.0,"height":3748.0},"isolatedAbsoluteRenderBounds":{"x":-1262.0,"y":3300.0,"width":271.0,"height":3748.0},"relativeTransform":[[1.0,0.0,26.0],[0.0,1.0,26.0]],"size":{"x":271.0,"y":3748.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":271.0,"strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["202:1821","202:1822","202:1823","202:1824","202:1825","202:1826","202:1827","202:1828","202:1829","202:1830","202:1831","202:1832","202:1833","202:1834","202:1835","202:1836","202:1837","202:1838","202:1839","202:1840","202:1841","202:1842","202:1843","202:1844","202:1845","202:1846","202:1847","202:1848"]},"202:1862":{"type":"TEXT","id":"202:1862","name":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","absoluteBoundingBox":{"x":-1422.0,"y":1362.6875,"width":323.0,"height":192.0},"isolatedAbsoluteRenderBounds":{"x":-1421.23864746094,"y":1374.08520507812,"width":313.50439453125,"height":175.147705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":323.0,"y":192.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Mastering Figma Auto Layout: A Structural Guide to Responsive Mobile UI","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:463","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.96,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"221:459":{"type":"TEXT","id":"221:459","name":"Text","absoluteBoundingBox":{"x":-2606.0,"y":4666.5,"width":323.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2606.0,"y":4666.5,"width":323.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2343.0]],"size":{"x":323.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1340":{"type":"TEXT","id":"202:1340","name":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","absoluteBoundingBox":{"x":-2500.0,"y":3222.0,"width":696.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":-2498.77270507812,"y":3231.81811523438,"width":684.727294921875,"height":79.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,96.0]],"size":{"x":696.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Figma’s Auto Layout is the backbone of modern, scalable design systems. In this guide, we break down a complex mobile interface—the \"My Balance\" dashboard—to understand how nested frames create seamless responsiveness.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"202:1496":{"type":"FRAME","id":"202:1496","name":"body","absoluteBoundingBox":{"x":-2792.0,"y":2752.0,"width":1280.0,"height":1908.0},"isolatedAbsoluteRenderBounds":{"x":-2792.0,"y":2752.0,"width":1280.0,"height":1908.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2010.0]],"size":{"x":1280.0,"y":1908.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.939999997615814,"g":0.939999997615814,"b":0.939999997615814,"a":1.0},"visible":true,"opacity":1.0}],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0599999986588955},"blendMode":"NORMAL","offset":{"x":0.0,"y":0.0},"radius":60.0,"spread":2.0,"showShadowBehindNode":false}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":26.0,"paddingRight":26.0,"paddingBottom":26.0,"paddingLeft":26.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["202:1497"]},"202:462":{"key":"62bf9425246a4d415cfa7e13a412b26dc87c50d9","name":"Rich text/Header 1","styleType":"TEXT","remote":false,"description":"","id":"202:462","assetId":"StyleId:202:462","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":36.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.9,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":54.0,"lineHeightPercent":123.943664550781,"lineHeightPercentFontSize":150.0,"lineHeightUnit":"FONT_SIZE_%"}},"202:1355":{"type":"TEXT","id":"202:1355","name":"Text","absoluteBoundingBox":{"x":-2500.0,"y":4218.0,"width":696.0,"height":32.0},"isolatedAbsoluteRenderBounds":{"x":-2500.0,"y":4218.0,"width":696.0,"height":32.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1092.0]],"size":{"x":696.0,"y":32.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.150000005960464,"g":0.150000005960464,"b":0.150000005960464,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:202:461","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":32.0,"lineHeightPercent":165.258224487305,"lineHeightPercentFontSize":200.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}}},"assetIdToGuid":{"VariableCollectionId:1:8":"1:8","VariableID:083f0feb781c9058b1036b7ffc681ef31d4af88b/3:116":"2:186","VariableCollectionId:c3e664b91567d750ab21d3da8034612e5f68380e/5:29":"65:9673","VariableID:d5c1cba051592790aea45a1d08b0d907867f67b4/5:6":"65:9675","VariableID:3:163":"3:163","VariableID:3:166":"3:166","StyleId:202:466":"202:466","VariableID:3:167":"3:167","VariableID:1:9":"1:9","StyleId:202:463":"202:463","StyleId:202:461":"202:461","StyleId:202:462":"202:462","VariableID:3:164":"3:164","VariableID:3:171":"3:171","StyleId:202:465":"202:465","StyleId:202:467":"202:467","VariableCollectionId:0704f09d647e66461c97947fe33b3423be741d28/3:150":"1:16","StyleId:202:464":"202:464"},"guidToUrl":{"171:30679":"/","202:62":"/blog"},"fonts":{"Inter:Medium":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"wght","value":500.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Inter:Italic":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":true,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"},{"tag":"slnt","value":-10.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Inter:Extra Bold":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":800,"variationAxes":[{"tag":"wght","value":800.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Inter:Semi Bold":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":600,"variationAxes":[{"tag":"wght","value":600.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Source Code Pro:Medium":{"id":"SourceCodePro_wght__2","url":"/_woff/v2/SourceCodePro_wght__2/SourceCodePro_wght__2.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"wght","value":500.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/SourceCodePro_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":"SourceCodePro_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":"SourceCodePro_wght__2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"SourceCodePro_wght__2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"SourceCodePro_wght__2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"SourceCodePro_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":"SourceCodePro_wght__2-rest.woff2"}]}},"Inter:Bold Italic":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":true,"weight":700,"variationAxes":[{"tag":"wght","value":700.0,"name":"Weight"},{"tag":"slnt","value":-10.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Inter:Regular":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Inter:Bold":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":700,"variationAxes":[{"tag":"wght","value":700.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}}},"assets":{"9b30166970e53b36f0ea8c934ba5d1c43ac17b73":{"type":"PAINT_ASSET","url":"9b30166970e53b36f0ea8c934ba5d1c43ac17b73.png","size":{"x":0.0,"y":0.0}},"13484a95ee2923b42125f6efc1e708d5232fc77f":{"type":"PAINT_ASSET","url":"13484a95ee2923b42125f6efc1e708d5232fc77f.png","size":{"x":0.0,"y":0.0}},"f158b58abcb8b8878174376dab3aed61930cbe29":{"type":"PAINT_ASSET","url":"f158b58abcb8b8878174376dab3aed61930cbe29.png","size":{"x":0.0,"y":0.0}},"39881a6ff4d08fdb37f327de9d14ea547f6f93ff":{"type":"GENERATED_ASSET","url":"39881a6ff4d08fdb37f327de9d14ea547f6f93ff.svg","size":{"x":50.0,"y":50.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"},"fbd338ba210192db37927d2ff784ffc4051bd887":{"type":"GENERATED_ASSET","url":"fbd338ba210192db37927d2ff784ffc4051bd887.svg","size":{"x":30.0,"y":21.09375},"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"},"bce29006e9f35fd1955b53c43f924b08058a7570":{"type":"GENERATED_ASSET","url":"bce29006e9f35fd1955b53c43f924b08058a7570.svg","size":{"x":50.0,"y":50.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"},"5c39a4b5becb829c504a17901e35080913812068":{"type":"GENERATED_ASSET","url":"5c39a4b5becb829c504a17901e35080913812068.svg","size":{"x":50.0,"y":50.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"},"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c":{"type":"GENERATED_ASSET","url":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c.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"},"246e61dd68371f8f84f3d2f378622a4db670fbec":{"type":"GENERATED_ASSET","url":"246e61dd68371f8f84f3d2f378622a4db670fbec.svg","size":{"x":50.0,"y":50.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"},"564406ab4001f9559882d54531a63e3fa5ddd657":{"type":"GENERATED_ASSET","url":"564406ab4001f9559882d54531a63e3fa5ddd657.svg","size":{"x":48.0,"y":48.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"},"0bd63178ef539a695f6276bd47b90586766c1e39":{"type":"GENERATED_ASSET","url":"0bd63178ef539a695f6276bd47b90586766c1e39.png","size":{"x":3840.0,"y":2160.0},"offsets":{"top":{"value":0,"unit":"PIXELS"},"right":{"value":0,"unit":"PIXELS"},"bottom":{"value":0,"unit":"PIXELS"},"left":{"value":0,"unit":"PIXELS"}},"format":"PNG"},"ec47c1ea51bf370b9b8efb204aae7dcc1fb6e268":{"type":"GENERATED_ASSET","url":"ec47c1ea51bf370b9b8efb204aae7dcc1fb6e268.svg","size":{"x":50.0,"y":50.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"},"e294afec3064ea8e4cde559df0d2587eab0606ea":{"type":"GENERATED_ASSET","url":"e294afec3064ea8e4cde559df0d2587eab0606ea.svg","size":{"x":50.0,"y":50.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"},"5a2af0fb29a7686c2e105b8ecf516929e27813fe":{"type":"GENERATED_ASSET","url":"5a2af0fb29a7686c2e105b8ecf516929e27813fe.png","size":{"x":256.0,"y":256.0},"offsets":{"top":{"value":0,"unit":"PIXELS"},"right":{"value":0,"unit":"PIXELS"},"bottom":{"value":0,"unit":"PIXELS"},"left":{"value":0,"unit":"PIXELS"}},"format":"PNG"},"e6f233cacc86ade3acc612a6efe5e8c3b3f080d5":{"type":"PAINT_ASSET","url":"e6f233cacc86ade3acc612a6efe5e8c3b3f080d5.png","size":{"x":1280,"y":720}},"f2c8b7d7c16b2ca759a68e19786cb4d16db2e629":{"type":"PAINT_ASSET","url":"f2c8b7d7c16b2ca759a68e19786cb4d16db2e629.png","size":{"x":1280,"y":720}}},"stablePathToAssetInfo":{"65:24760":{"hash":"fbd338ba210192db37927d2ff784ffc4051bd887"},"I202:720;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"I202:718;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"I202:697;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"226:337":{"hash":"5a2af0fb29a7686c2e105b8ecf516929e27813fe"},"I202:1336;202:695;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"I202:1818;202:695;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"221:358":{"hash":"e294afec3064ea8e4cde559df0d2587eab0606ea"},"I202:1752;202:695;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"221:426":{"hash":"246e61dd68371f8f84f3d2f378622a4db670fbec"},"221:416":{"hash":"e294afec3064ea8e4cde559df0d2587eab0606ea"},"221:419":{"hash":"ec47c1ea51bf370b9b8efb204aae7dcc1fb6e268"},"202:928":{"hash":"564406ab4001f9559882d54531a63e3fa5ddd657"},"221:361":{"hash":"ec47c1ea51bf370b9b8efb204aae7dcc1fb6e268"},"I202:1785;202:695;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"221:355":{"hash":"bce29006e9f35fd1955b53c43f924b08058a7570"},"I202:695;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"202:1852":{"hash":"564406ab4001f9559882d54531a63e3fa5ddd657"},"I202:739;202:695;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"I202:1660;202:695;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"I202:935;65:24760":{"hash":"fbd338ba210192db37927d2ff784ffc4051bd887"},"221:368":{"hash":"246e61dd68371f8f84f3d2f378622a4db670fbec"},"I202:1498;202:695;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"I202:1859;65:24760":{"hash":"fbd338ba210192db37927d2ff784ffc4051bd887"},"221:365":{"hash":"5c39a4b5becb829c504a17901e35080913812068"},"226:285":{"hash":"0bd63178ef539a695f6276bd47b90586766c1e39"},"I202:1719;202:718;202:410":{"hash":"238ef5d7ffc0b04b3e5bdce29f020f63d49c052c"},"221:423":{"hash":"5c39a4b5becb829c504a17901e35080913812068"},"221:413":{"hash":"39881a6ff4d08fdb37f327de9d14ea547f6f93ff"}},"animateRootIds":[],"siteSettings":{"title":"How Claude Design Works with Figma: A 5-Minute Crash Course","description":"Where design and code meets!","scalingMode":"REFLOW","lang":"en","googleAnalyticsID":"G-RBG796X2ZZ","ignoreReducedMotion":true,"faviconFilename":"5a2af0fb29a7686c2e105b8ecf516929e27813fe.png","socialImageFilename":"0bd63178ef539a695f6276bd47b90586766c1e39.png","labs":{"E5FBBA911B2B7A09E649D4BE6CDF8591EAEFC881":false}},"sourceCodeHash":"388580d1d4c6018445a29b24b84f42228a355977"}