{"roots":["58:528"],"nodeById":{"1:277":{"type":"COMPONENT_SET","id":"1:277","name":"Mobile nav","absoluteBoundingBox":{"x":4915.0,"y":3975.83203125,"width":848.0,"height":341.0},"isolatedAbsoluteRenderBounds":{"x":4915.0,"y":3975.83203125,"width":848.0,"height":341.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,3975.83203125]],"size":{"x":848.0,"y":341.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.755143225193024,"g":0.755143225193024,"b":0.755143225193024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.592156887054443,"g":0.278431385755539,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["1:278","1:306"],"componentPropertyDefinitions":{"Expanded":{"type":"VARIANT","defaultValue":"Default","variantOptions":["Default","Open"]}}},"1:306":{"type":"COMPONENT","id":"1:306","name":"Expanded=Open","absoluteBoundingBox":{"x":5372.0,"y":3991.83203125,"width":375.0,"height":309.0},"isolatedAbsoluteRenderBounds":{"x":5372.0,"y":3991.83203125,"width":375.0,"height":309.0},"relativeTransform":[[1.0,0.0,457.0],[0.0,1.0,16.0]],"size":{"x":375.0,"y":309.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["1:307"],"componentSetId":"1:277"},"1:307":{"type":"FRAME","id":"1:307","name":"Content","absoluteBoundingBox":{"x":5388.0,"y":3991.83203125,"width":343.0,"height":309.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":3991.83203125,"width":343.0,"height":309.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":309.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["1:308","1:312"]},"1:312":{"type":"FRAME","id":"1:312","name":"Content","absoluteBoundingBox":{"x":5388.0,"y":4052.83203125,"width":343.0,"height":248.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":4052.83203125,"width":343.0,"height":248.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,61.0]],"size":{"x":343.0,"y":248.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":24.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["1:316","1:313","1:322","1:331","1:332","1:333","1:334"]},"1:333":{"type":"TEXT","id":"1:333","name":"Email","absoluteBoundingBox":{"x":5388.0,"y":4260.83203125,"width":33.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":4264.537109375,"width":32.3837890625,"height":11.56982421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,208.0]],"size":{"x":33.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[4,4,4,4,4],"characters":"Email","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"4":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"mailto:dschoonewolff@gmail.com","openInNewTab":false},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:332":{"type":"TEXT","id":"1:332","name":"LinkedIn","absoluteBoundingBox":{"x":5388.0,"y":4220.83203125,"width":50.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":4224.537109375,"width":49.85205078125,"height":11.56982421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,168.0]],"size":{"x":50.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[7,7,7,7,7,7,7,7],"characters":"LinkedIn","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"7":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://www.linkedin.com/in/danielmutis/","openInNewTab":true},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:322":{"type":"FRAME","id":"1:322","name":"Nav labels 4","absoluteBoundingBox":{"x":5388.0,"y":4156.83203125,"width":32.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":4156.83203125,"width":32.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,104.0]],"size":{"x":32.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:323","1:324"]},"1:313":{"type":"FRAME","id":"1:313","name":"Nav labels 1","absoluteBoundingBox":{"x":5388.0,"y":4116.83203125,"width":108.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":4116.83203125,"width":108.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,64.0]],"size":{"x":108.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:314","1:315"]},"1:316":{"type":"FRAME","id":"1:316","name":"Nav labels 2","absoluteBoundingBox":{"x":5388.0,"y":4076.83203125,"width":101.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":4076.83203125,"width":101.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,24.0]],"size":{"x":101.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:317","1:318"]},"1:318":{"type":"TEXT","id":"1:318","name":"01","absoluteBoundingBox":{"x":5477.0,"y":4076.83203125,"width":12.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5477.53271484375,"y":4079.4599609375,"width":10.24169921875,"height":7.510498046875},"relativeTransform":[[1.0,0.0,89.0],[0.0,1.0,0.0]],"size":{"x":12.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.694840490818024,"g":0.694840490818024,"b":0.694840490818024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"01","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:317":{"type":"TEXT","id":"1:317","name":"Product design","absoluteBoundingBox":{"x":5388.0,"y":4076.83203125,"width":89.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5389.1181640625,"y":4080.537109375,"width":86.4814453125,"height":11.40087890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":89.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Product design","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:308":{"type":"FRAME","id":"1:308","name":"Header","absoluteBoundingBox":{"x":5388.0,"y":3991.83203125,"width":343.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":3991.83203125,"width":343.0,"height":61.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":61.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":16.0,"paddingBottom":16.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["1:309"]},"1:309":{"type":"FRAME","id":"1:309","name":"Contact us","absoluteBoundingBox":{"x":5388.0,"y":4007.83203125,"width":343.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":4007.83203125,"width":343.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,16.0]],"size":{"x":343.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["3:445","1:311"]},"1:311":{"type":"TEXT","id":"1:311","name":"Close","absoluteBoundingBox":{"x":5697.0,"y":4014.33203125,"width":34.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5697.57177734375,"y":4017.89404296875,"width":32.447265625,"height":9.64599609375},"relativeTransform":[[1.0,0.0,309.0],[0.0,1.0,6.5]],"size":{"x":34.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":8006,"localID":1281},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":278},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:277"}],"isDeleted":false,"stateManagementVersion":1}],"characterStyleOverrides":[],"characters":"Close","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"3:445":{"type":"TEXT","id":"3:445","name":"DanielMutis","absoluteBoundingBox":{"x":5388.0,"y":4007.83203125,"width":136.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":5390.11376953125,"y":4012.53369140625,"width":131.99755859375,"height":18.605224609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":136.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[4,4,4,4,4,4],"characters":"DanielMutis","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-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"1:278":{"type":"COMPONENT","id":"1:278","name":"Expanded=Default","absoluteBoundingBox":{"x":4931.0,"y":3991.83203125,"width":375.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":3991.83203125,"width":375.0,"height":61.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,16.0]],"size":{"x":375.0,"y":61.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"scrollBehavior":"STICKY_SCROLLS","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["1:279"],"componentSetId":"1:277"},"1:305":{"type":"TEXT","id":"1:305","name":"Contact","absoluteBoundingBox":{"x":4947.0,"y":4369.83203125,"width":48.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.57177734375,"y":4373.39404296875,"width":46.0732421875,"height":9.64599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,328.0]],"size":{"x":48.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1],"characters":"Contact","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"1":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://figma.com/sites","openInNewTab":true},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:303":{"type":"SVG","id":"1:303","name":"Line 1","absoluteBoundingBox":{"x":4947.0,"y":4305.83203125,"width":343.0,"height":0.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":4304.83203125,"width":343.0,"height":1.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,264.0]],"size":{"x":343.0,"y":0.0},"fills":[],"strokeAlign":"CENTER","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Icon","ariaAttributes":{},"interactions":[],"isLine":true,"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"1:299":{"type":"TEXT","id":"1:299","name":"05","absoluteBoundingBox":{"x":5016.0,"y":4225.83203125,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5016.53271484375,"y":4228.4599609375,"width":12.421875,"height":7.5107421875},"relativeTransform":[[1.0,0.0,69.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.694840490818024,"g":0.694840490818024,"b":0.694840490818024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"05","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:298":{"type":"TEXT","id":"1:298","name":"Typography","absoluteBoundingBox":{"x":4947.0,"y":4225.83203125,"width":69.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.15576171875,"y":4229.60205078125,"width":68.27783203125,"height":11.3359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":69.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Typography","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:295":{"type":"TEXT","id":"1:295","name":"Color","absoluteBoundingBox":{"x":4947.0,"y":4185.83203125,"width":32.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.57177734375,"y":4189.39404296875,"width":30.81787109375,"height":9.64599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":32.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:291":{"type":"FRAME","id":"1:291","name":"Nav labels 3","absoluteBoundingBox":{"x":4947.0,"y":4145.83203125,"width":44.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":4145.83203125,"width":44.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,104.0]],"size":{"x":44.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:292","1:293"]},"1:293":{"type":"TEXT","id":"1:293","name":"03","absoluteBoundingBox":{"x":4977.0,"y":4145.83203125,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":4977.53271484375,"y":4148.4599609375,"width":12.58203125,"height":7.5107421875},"relativeTransform":[[1.0,0.0,30.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.694840490818024,"g":0.694840490818024,"b":0.694840490818024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"03","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:288":{"type":"FRAME","id":"1:288","name":"Nav labels 2","absoluteBoundingBox":{"x":4947.0,"y":4105.83203125,"width":53.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":4105.83203125,"width":53.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,64.0]],"size":{"x":53.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:289","1:290"]},"1:290":{"type":"TEXT","id":"1:290","name":"02","absoluteBoundingBox":{"x":4986.0,"y":4105.83203125,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":4986.53271484375,"y":4108.4599609375,"width":12.26953125,"height":7.5107421875},"relativeTransform":[[1.0,0.0,39.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.694840490818024,"g":0.694840490818024,"b":0.694840490818024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"02","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:289":{"type":"TEXT","id":"1:289","name":"Verbal","absoluteBoundingBox":{"x":4947.0,"y":4105.83203125,"width":39.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.259765625,"y":4109.60205078125,"width":37.4560546875,"height":9.3857421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":39.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Verbal","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:287":{"type":"TEXT","id":"1:287","name":"01","absoluteBoundingBox":{"x":5017.0,"y":4065.83203125,"width":12.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5017.53271484375,"y":4068.4599609375,"width":10.24169921875,"height":7.510498046875},"relativeTransform":[[1.0,0.0,70.0],[0.0,1.0,0.0]],"size":{"x":12.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.694840490818024,"g":0.694840490818024,"b":0.694840490818024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"01","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:286":{"type":"TEXT","id":"1:286","name":"Brand Story","absoluteBoundingBox":{"x":4947.0,"y":4065.83203125,"width":70.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4948.1181640625,"y":4069.39404296875,"width":68.21044921875,"height":11.387939453125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":70.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Brand Story","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:280":{"type":"FRAME","id":"1:280","name":"Header","absoluteBoundingBox":{"x":4947.0,"y":3991.83203125,"width":343.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":3991.83203125,"width":343.0,"height":61.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":61.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":16.0,"paddingBottom":16.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["1:281"]},"1:283":{"type":"TEXT","id":"1:283","name":"Menu","absoluteBoundingBox":{"x":5256.0,"y":4014.33203125,"width":34.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5257.1181640625,"y":4018.10205078125,"width":31.04931640625,"height":9.385986328125},"relativeTransform":[[1.0,0.0,309.0],[0.0,1.0,6.5]],"size":{"x":34.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":8044,"localID":1644},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":306},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:277"}],"isDeleted":false,"stateManagementVersion":1}],"characterStyleOverrides":[],"characters":"Menu","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"3:423":{"type":"TEXT","id":"3:423","name":"DanielMutis","absoluteBoundingBox":{"x":4947.0,"y":4007.83203125,"width":136.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":4949.11376953125,"y":4012.53369140625,"width":131.99755859375,"height":18.605224609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":136.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[4,4,4,4,4,4],"characters":"DanielMutis","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-SemiBold","fontStyle":"Semi Bold","hyperlink":{"type":"NODE","nodeID":"/"},"textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"1:233":{"type":"TEXT","id":"1:233","name":"Privacy","absoluteBoundingBox":{"x":5034.0,"y":3192.0,"width":44.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5034.0,"y":3192.0,"width":44.0,"height":16.0},"relativeTransform":[[1.0,0.0,87.0],[0.0,1.0,0.0]],"size":{"x":44.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Privacy","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:232":{"type":"TEXT","id":"1:232","name":"Daniel Mutis","absoluteBoundingBox":{"x":4947.0,"y":3192.0,"width":74.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4948.19580078125,"y":3195.75708007812,"width":72.08837890625,"height":9.39892578125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":74.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Daniel Mutis","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:225":{"type":"FRAME","id":"1:225","name":"Back to the top","absoluteBoundingBox":{"x":4947.0,"y":3105.0,"width":106.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":3105.0,"width":106.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,70.0]],"size":{"x":106.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.5,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.0,"children":["1:226","1:227"]},"1:227":{"type":"TEXT","id":"1:227","name":"↑","absoluteBoundingBox":{"x":5043.0,"y":3105.0,"width":10.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5043.57177734375,"y":3108.77001953125,"width":8.08642578125,"height":9.22998046875},"relativeTransform":[[1.0,0.0,96.0],[0.0,1.0,0.0]],"size":{"x":10.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"↑","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:223":{"type":"TEXT","id":"1:223","name":"LinkedIn","absoluteBoundingBox":{"x":4947.0,"y":3035.0,"width":50.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":3038.705078125,"width":49.85205078125,"height":11.56982421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[11,11,11,11,11,11,11,11],"characters":"LinkedIn","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"11":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://www.linkedin.com/in/danielmutis/","openInNewTab":true},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritFillStyleId":"1:83","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:204":{"type":"FRAME","id":"1:204","name":"Content","absoluteBoundingBox":{"x":4931.0,"y":2735.0,"width":800.0,"height":76.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":2735.0,"width":800.0,"height":76.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,176.0]],"size":{"x":800.0,"y":76.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":1.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":40.0,"paddingRight":40.0,"paddingBottom":20.0,"paddingLeft":40.0,"layoutMode":"VERTICAL","itemSpacing":200.0,"primaryAxisAlignItems":"MAX","counterAxisSizingMode":"FIXED","children":["1:205"]},"1:205":{"type":"FRAME","id":"1:205","name":"Text","absoluteBoundingBox":{"x":4971.0,"y":2775.0,"width":720.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4971.0,"y":2775.0,"width":720.0,"height":16.0},"relativeTransform":[[1.0,0.0,40.0],[0.0,1.0,40.0]],"size":{"x":720.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"primaryAxisSizingMode":"FIXED","children":["1:206","1:210"]},"1:210":{"type":"TEXT","id":"1:210","name":"All Rights Reserved","absoluteBoundingBox":{"x":5575.0,"y":2775.0,"width":116.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5575.259765625,"y":2778.75708007812,"width":114.19287109375,"height":11.348876953125},"relativeTransform":[[1.0,0.0,604.0],[0.0,1.0,0.0]],"size":{"x":116.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"All Rights Reserved","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:206":{"type":"FRAME","id":"1:206","name":"Legal","absoluteBoundingBox":{"x":4971.0,"y":2775.0,"width":588.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4971.0,"y":2775.0,"width":588.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":588.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["1:208","3:687","1:209"]},"1:209":{"type":"TEXT","id":"1:209","name":"Privacy","absoluteBoundingBox":{"x":5058.0,"y":2775.0,"width":44.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5058.0,"y":2775.0,"width":44.0,"height":16.0},"relativeTransform":[[1.0,0.0,87.0],[0.0,1.0,0.0]],"size":{"x":44.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Privacy","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:198":{"type":"FRAME","id":"1:198","name":"Text","absoluteBoundingBox":{"x":4971.0,"y":2687.0,"width":221.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4971.0,"y":2687.0,"width":221.0,"height":16.0},"relativeTransform":[[1.0,0.0,40.0],[0.0,1.0,0.0]],"size":{"x":221.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"children":["1:199","1:200","1:201"]},"1:201":{"type":"FRAME","id":"1:201","name":"Back to the top","absoluteBoundingBox":{"x":5086.0,"y":2687.0,"width":106.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5086.0,"y":2687.0,"width":106.0,"height":16.0},"relativeTransform":[[1.0,0.0,115.0],[0.0,1.0,0.0]],"size":{"x":106.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.5,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.0,"children":["1:202","1:203"]},"1:202":{"type":"TEXT","id":"1:202","name":"Back to the top","absoluteBoundingBox":{"x":5086.0,"y":2687.0,"width":91.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5087.1181640625,"y":2690.77001953125,"width":89.029296875,"height":11.179931640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":91.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Back to the top","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:200":{"type":"TEXT","id":"1:200","name":"Email","absoluteBoundingBox":{"x":5037.0,"y":2687.0,"width":33.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5037.0,"y":2690.705078125,"width":32.3837890625,"height":11.56982421875},"relativeTransform":[[1.0,0.0,66.0],[0.0,1.0,0.0]],"size":{"x":33.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[11,11,11,11,11],"characters":"Email","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"11":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"mailto:dschoonewolff@gmail.com","openInNewTab":false},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritFillStyleId":"1:83","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:163":{"type":"COMPONENT","id":"1:163","name":"Breakpoint=Desktop","absoluteBoundingBox":{"x":4931.0,"y":2211.0,"width":1030.0,"height":284.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":2211.0,"width":1030.0,"height":284.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,16.0]],"size":{"x":1030.0,"y":284.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":128.0,"paddingBottom":32.0,"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","children":["1:164","1:180"],"componentSetId":"1:162"},"1:181":{"type":"FRAME","id":"1:181","name":"Text","absoluteBoundingBox":{"x":4971.0,"y":2427.0,"width":950.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4971.0,"y":2427.0,"width":950.0,"height":16.0},"relativeTransform":[[1.0,0.0,40.0],[0.0,1.0,40.0]],"size":{"x":950.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"primaryAxisSizingMode":"FIXED","children":["1:182","1:186"]},"1:183":{"type":"TEXT","id":"1:183","name":"Daniel Mutis","absoluteBoundingBox":{"x":4971.0,"y":2427.0,"width":74.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4972.19580078125,"y":2430.75708007812,"width":72.08837890625,"height":9.39892578125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":74.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Daniel Mutis","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:164":{"type":"FRAME","id":"1:164","name":"Footer","absoluteBoundingBox":{"x":4931.0,"y":2339.0,"width":1030.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":2339.0,"width":1030.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,128.0]],"size":{"x":1030.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":40.0,"paddingLeft":40.0,"layoutMode":"HORIZONTAL","itemSpacing":59.0,"counterAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["1:174"]},"1:174":{"type":"FRAME","id":"1:174","name":"Text","absoluteBoundingBox":{"x":4971.0,"y":2339.0,"width":221.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4971.0,"y":2339.0,"width":221.0,"height":16.0},"relativeTransform":[[1.0,0.0,40.0],[0.0,1.0,0.0]],"size":{"x":221.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"children":["1:175","1:176","1:177"]},"1:178":{"type":"TEXT","id":"1:178","name":"Back to the top","absoluteBoundingBox":{"x":5086.0,"y":2339.0,"width":91.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5087.1181640625,"y":2342.77001953125,"width":89.029296875,"height":11.179931640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":91.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Back to the top","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:176":{"type":"TEXT","id":"1:176","name":"Email","absoluteBoundingBox":{"x":5037.0,"y":2339.0,"width":33.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5037.0,"y":2342.705078125,"width":32.3837890625,"height":11.56982421875},"relativeTransform":[[1.0,0.0,66.0],[0.0,1.0,0.0]],"size":{"x":33.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[11,11,11,11,11],"characters":"Email","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"11":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"mailto:dschoonewolff@gmail.com","openInNewTab":false},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritFillStyleId":"1:83","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"111:1006":{"type":"COMPONENT","id":"111:1006","name":"Property 1=Hover","absoluteBoundingBox":{"x":4765.0,"y":6095.0,"width":264.0,"height":298.0},"isolatedAbsoluteRenderBounds":{"x":4765.0,"y":6095.0,"width":264.0,"height":298.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,370.0]],"size":{"x":264.0,"y":298.0},"fills":[],"constraintValues":{"left":{"pixelOffset":48.0,"sizeFraction":0.0},"top":{"pixelOffset":370.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["121:5239","111:1013","111:1017"],"componentSetId":"111:1005"},"111:1013":{"type":"FRAME","id":"111:1013","name":"Frame 75","absoluteBoundingBox":{"x":4765.0,"y":6267.0,"width":211.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":4765.0,"y":6267.0,"width":211.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,172.0]],"size":{"x":211.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","children":["111:1014","111:1015","111:1016"]},"111:1016":{"type":"TEXT","id":"111:1016","name":"Design systems","absoluteBoundingBox":{"x":4856.0,"y":6267.0,"width":120.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":4857.4091796875,"y":6274.0,"width":117.2998046875,"height":15.45458984375},"relativeTransform":[[1.0,0.0,91.0],[0.0,1.0,0.0]],"size":{"x":120.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems","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":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:334":{"type":"SVG","id":"1:334","name":"Line 2","absoluteBoundingBox":{"x":5388.0,"y":4300.83203125,"width":343.0,"height":0.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":4299.83203125,"width":343.0,"height":1.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,248.0]],"size":{"x":343.0,"y":0.0},"fills":[],"strokeAlign":"CENTER","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Icon","ariaAttributes":{},"interactions":[],"isLine":true,"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"111:1015":{"type":"SVG","id":"111:1015","name":"Vector 4707","absoluteBoundingBox":{"x":4848.0,"y":6272.0,"width":0.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4847.5,"y":6272.0,"width":1.0,"height":16.0},"relativeTransform":[[1.0,0.0,83.0],[0.0,1.0,5.0]],"size":{"x":0.0,"y":16.0},"fills":[],"strokeAlign":"CENTER","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"03ef8db63f11bd3efcfcee95a4e62f1545b5f3ea"},"121:5239":{"type":"RECTANGLE","id":"121:5239","name":"Group 88 1","absoluteBoundingBox":{"x":4765.0,"y":6095.0,"width":264.0,"height":160.0},"targetAspectRatio":{"x":800.0,"y":485.0},"isolatedAbsoluteRenderBounds":{"x":4765.0,"y":6095.0,"width":264.0,"height":160.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":264.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"6e74bb490301a49a6073ebf88f5fa22162f25818","originalImageWidth":800,"originalImageHeight":485,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"1:211":{"type":"COMPONENT","id":"1:211","name":"Breakpoint=Mobile","absoluteBoundingBox":{"x":4931.0,"y":2907.0,"width":375.0,"height":353.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":2907.0,"width":375.0,"height":353.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,712.0]],"size":{"x":375.0,"y":353.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":128.0,"paddingBottom":32.0,"layoutMode":"VERTICAL","itemSpacing":31.0,"counterAxisSizingMode":"FIXED","children":["1:212","1:228"],"componentSetId":"1:162"},"111:996":{"type":"FRAME","id":"111:996","name":"Frame 75","absoluteBoundingBox":{"x":4765.0,"y":5913.0,"width":211.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":4765.0,"y":5913.0,"width":211.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,172.0]],"size":{"x":211.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","children":["110:909","110:910","110:911"]},"110:910":{"type":"SVG","id":"110:910","name":"Vector 4707","absoluteBoundingBox":{"x":4848.0,"y":5918.0,"width":0.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4847.5,"y":5918.0,"width":1.0,"height":16.0},"relativeTransform":[[1.0,0.0,83.0],[0.0,1.0,5.0]],"size":{"x":0.0,"y":16.0},"fills":[],"strokeAlign":"CENTER","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"03ef8db63f11bd3efcfcee95a4e62f1545b5f3ea"},"110:909":{"type":"TEXT","id":"110:909","name":"Canonical","absoluteBoundingBox":{"x":4765.0,"y":5913.0,"width":75.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":4765.95458984375,"y":5920.0,"width":72.28564453125,"height":12.20458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":75.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Canonical","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":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:235":{"type":"COMPONENT_SET","id":"1:235","name":"Navigation","absoluteBoundingBox":{"x":4915.0,"y":3350.0,"width":832.0,"height":551.83203125},"isolatedAbsoluteRenderBounds":{"x":4915.0,"y":3350.0,"width":832.0,"height":551.83203125},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,3350.0]],"size":{"x":832.0,"y":551.83203125},"fills":[],"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"scrollBehavior":"STICKY_SCROLLS","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.592156887054443,"g":0.278431385755539,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["1:236","1:250"],"componentPropertyDefinitions":{"Size":{"type":"VARIANT","defaultValue":"Desktop nav","variantOptions":["Desktop nav","Tablet"]}}},"1:257":{"type":"FRAME","id":"1:257","name":"Contents","absoluteBoundingBox":{"x":4963.0,"y":3854.83203125,"width":736.0,"height":44.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3854.83203125,"width":736.0,"height":44.0},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,57.0]],"size":{"x":736.0,"y":44.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":1.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":14.0,"paddingBottom":14.0,"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["1:258"]},"1:258":{"type":"FRAME","id":"1:258","name":"Labels","absoluteBoundingBox":{"x":4963.0,"y":3868.83203125,"width":736.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3868.83203125,"width":736.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,14.0]],"size":{"x":736.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":24.0,"primaryAxisSizingMode":"FIXED","children":["1:262","1:259","1:268"]},"1:268":{"type":"FRAME","id":"1:268","name":"Nav labels 4","absoluteBoundingBox":{"x":5220.0,"y":3868.83203125,"width":32.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5220.0,"y":3868.83203125,"width":32.0,"height":16.0},"relativeTransform":[[1.0,0.0,257.0],[0.0,1.0,0.0]],"size":{"x":32.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:269","1:270"]},"1:270":{"type":"TEXT","id":"1:270","name":"03","absoluteBoundingBox":{"x":5238.0,"y":3868.83203125,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5238.53271484375,"y":3871.4599609375,"width":12.58203125,"height":7.510498046875},"relativeTransform":[[1.0,0.0,18.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"03","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:260":{"type":"TEXT","id":"1:260","name":"Design systems","absoluteBoundingBox":{"x":5088.0,"y":3868.83203125,"width":94.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5089.1181640625,"y":3872.537109375,"width":91.49072265625,"height":11.40087890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":94.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:264":{"type":"TEXT","id":"1:264","name":"01","absoluteBoundingBox":{"x":5052.0,"y":3868.83203125,"width":12.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5052.53271484375,"y":3871.4599609375,"width":10.24169921875,"height":7.510498046875},"relativeTransform":[[1.0,0.0,89.0],[0.0,1.0,0.0]],"size":{"x":12.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"01","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:254":{"type":"FRAME","id":"1:254","name":"Top links","absoluteBoundingBox":{"x":5107.0,"y":3818.33203125,"width":592.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5107.0,"y":3818.33203125,"width":592.0,"height":16.0},"relativeTransform":[[1.0,0.0,144.0],[0.0,1.0,20.5]],"size":{"x":592.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":12.0,"primaryAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["1:255","1:256"]},"1:255":{"type":"TEXT","id":"1:255","name":"LinkedIn","absoluteBoundingBox":{"x":5603.0,"y":3818.33203125,"width":51.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5603.0,"y":3822.08911132812,"width":50.46337890625,"height":11.517822265625},"relativeTransform":[[1.0,0.0,496.0],[0.0,1.0,0.0]],"size":{"x":51.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[4,4,4,4,4,4,4,4],"characters":"LinkedIn","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"4":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","hyperlink":{"type":"URL","url":"https://www.linkedin.com/in/danielmutis/","openInNewTab":true},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:87","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"3:381":{"type":"TEXT","id":"3:381","name":"DanielMutis","absoluteBoundingBox":{"x":4963.0,"y":3811.83203125,"width":136.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":4965.11376953125,"y":3816.53369140625,"width":131.99755859375,"height":18.605224609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,14.0]],"size":{"x":136.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[4,4,4,4,4,4],"characters":"DanielMutis","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-SemiBold","fontStyle":"Semi Bold","hyperlink":{"type":"NODE","nodeID":"/"},"textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"1:335":{"type":"COMPONENT_SET","id":"1:335","name":"Link","absoluteBoundingBox":{"x":4915.0,"y":4390.83203125,"width":122.0,"height":84.0},"isolatedAbsoluteRenderBounds":{"x":4915.0,"y":4390.83203125,"width":122.0,"height":84.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,4390.83203125]],"size":{"x":122.0,"y":84.0},"fills":[],"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.592156887054443,"g":0.278431385755539,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["1:336","1:339"],"componentPropertyDefinitions":{"Property 1":{"type":"VARIANT","defaultValue":"Default","variantOptions":["Default","Hover"]}}},"1:340":{"type":"TEXT","id":"1:340","name":"Brand Story","absoluteBoundingBox":{"x":4931.0,"y":4440.83203125,"width":70.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4932.1181640625,"y":4444.39404296875,"width":68.21044921875,"height":11.38818359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":70.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Brand Story","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:338":{"type":"TEXT","id":"1:338","name":"01","absoluteBoundingBox":{"x":5001.0,"y":4406.83203125,"width":12.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5001.53271484375,"y":4409.4599609375,"width":10.24169921875,"height":7.5107421875},"relativeTransform":[[1.0,0.0,70.0],[0.0,1.0,0.0]],"size":{"x":12.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"01","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:249":{"type":"TEXT","id":"1:249","name":"Email","absoluteBoundingBox":{"x":4963.0,"y":3657.0,"width":33.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3660.705078125,"width":32.3837890625,"height":11.56982421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,28.0]],"size":{"x":33.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"hover":{"transition":{"easingType":"IN_CUBIC","easingFunction":[0.550000011920929,0.0549999997019768,0.675000011920929,0.189999997615814],"transitionDuration":0.300000011920929,"delay":0.0},"state":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":0.600000023841858},"behaviorType":"hover"}},"characterStyleOverrides":[8,8,8,8,8],"characters":"Email","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"8":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"mailto:dschoonewolff@gmail.com","openInNewTab":false},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:239":{"type":"FRAME","id":"1:239","name":"Contents","absoluteBoundingBox":{"x":4931.0,"y":3479.0,"width":250.0,"height":126.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":3479.0,"width":250.0,"height":126.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,113.0]],"size":{"x":250.0,"y":126.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingBottom":30.0,"paddingLeft":32.0,"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["1:240","1:241","72:564","1:243"]},"1:243":{"mainComponentId":"1:336","type":"INSTANCE","id":"1:243","name":"Link","absoluteBoundingBox":{"x":4963.0,"y":3559.0,"width":32.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3559.0,"width":32.0,"height":16.0},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,80.0]],"size":{"x":32.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","children":["I1:243;1:337","I1:243;1:338"],"componentSetId":"1:335","componentProperties":{"Property 1":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":32.0,"y":16.0},"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"1:336"},{"key":["Brand Story0"],"value":{"characterStyleOverrides":[],"characters":"CV","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"1:336"},{"key":["010"],"value":{"characterStyleOverrides":[],"characters":"03","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"1:336"}]},"72:564":{"mainComponentId":"1:336","type":"INSTANCE","id":"72:564","name":"Link","absoluteBoundingBox":{"x":4963.0,"y":3531.0,"width":108.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3531.0,"width":108.0,"height":16.0},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,52.0]],"size":{"x":108.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","children":["I72:564;1:337","I72:564;1:338"],"componentSetId":"1:335","componentProperties":{"Property 1":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"behaviors":null,"size":{"x":108.0,"y":16.0},"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8148,"localID":199},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:336"},{"key":["Brand Story0"],"value":{"characterStyleOverrides":[],"characters":"Design systems","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"interactions":[{"id":{"sessionID":8148,"localID":199},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:336"},{"key":["010"],"value":{"characterStyleOverrides":[],"characters":"02","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"1:336"}]},"1:240":{"mainComponentId":"1:336","type":"INSTANCE","id":"1:240","name":"Link","absoluteBoundingBox":{"x":4963.0,"y":3479.0,"width":76.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3479.0,"width":76.0,"height":12.0},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,0.0]],"size":{"x":76.0,"y":12.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","children":["I1:240;1:337","I1:240;1:338"],"componentSetId":"1:335","componentProperties":{"Property 1":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"behaviors":null,"fills":[],"size":{"x":76.0,"y":12.0},"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8148,"localID":199},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:336"},{"key":["Brand Story0"],"value":{"characterStyleOverrides":[],"characters":"ON THIS PAGE","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"style":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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"},"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{},"text":null,"interactions":[{"id":{"sessionID":8148,"localID":199},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:336"},{"key":["010"],"value":{"visible":false},"componentId":"1:336"}]},"1:237":{"type":"FRAME","id":"1:237","name":"Logo","absoluteBoundingBox":{"x":4931.0,"y":3366.0,"width":250.0,"height":89.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":3366.0,"width":250.0,"height":89.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":250.0,"y":89.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":30.0,"paddingRight":20.0,"paddingBottom":30.0,"paddingLeft":32.0,"clipsContent":true,"layoutMode":"VERTICAL","itemSpacing":10.0,"primaryAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["3:371"]},"58:528":{"type":"WEBPAGE","id":"58:528","name":"/the-strategy","absoluteBoundingBox":{"x":10111.0,"y":0.0,"width":2711.0,"height":12577.13671875},"isolatedAbsoluteRenderBounds":{"x":10111.0,"y":0.0,"width":2711.0,"height":12577.13671875},"relativeTransform":[[1.0,0.0,10111.0],[0.0,1.0,0.0]],"size":{"x":2711.0,"y":12577.13671875},"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":["58:530","61:7393","61:9979"]},"61:10989":{"mainComponentId":"1:278","type":"INSTANCE","id":"61:10989","name":"Navigation","absoluteBoundingBox":{"x":12383.0,"y":100.0,"width":375.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":100.0,"width":375.0,"height":61.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":61.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":0.0,"sizeFraction":1.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"FIXED","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["I61:10989;1:279"],"componentSetId":"1:277","componentProperties":{"Expanded":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","name":"Navigation"},"componentId":"1:278"},{"key":["Content0"],"value":{"visible":null},"componentId":"1:278"},{"key":["Content0","Header0","Contact us0","Menu0"],"value":{"visible":false},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":792},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}],"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":793},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 30"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 40"],"value":{"locked":null,"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 50"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 60"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"}]},"1:285":{"type":"FRAME","id":"1:285","name":"Nav labels 1","absoluteBoundingBox":{"x":4947.0,"y":4065.83203125,"width":82.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":4065.83203125,"width":82.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,24.0]],"size":{"x":82.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:286","1:287"]},"61:10155":{"mainComponentId":"1:278","type":"INSTANCE","id":"61:10155","name":"Navigation","absoluteBoundingBox":{"x":12383.0,"y":100.0,"width":104.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":100.0,"width":104.0,"height":61.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":104.0,"y":61.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-8.50000447034836,"sizeFraction":0.300000011920929},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"FIXED","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["I61:10155;1:279"],"componentSetId":"1:277","componentProperties":{"Expanded":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","name":"Navigation","size":{"x":104.0,"y":61.0}},"componentId":"1:278"},{"key":["Content0"],"value":{"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":792},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}],"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":793},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 30"],"value":{"interactions":[{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 40"],"value":{"locked":null,"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 50"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 60"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"}]},"61:10154":{"mainComponentId":"1:250","type":"INSTANCE","id":"61:10154","name":"Navigation","absoluteBoundingBox":{"x":12383.0,"y":100.0,"width":375.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":100.0,"width":375.0,"height":101.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":101.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":0.0,"sizeFraction":1.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["I61:10154;1:251"],"componentSetId":"1:235","componentProperties":{"Size":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","size":{"x":375.0,"y":101.0}},"componentId":"1:250"},{"key":["Content0","Logo0"],"value":{"counterAxisAlignItems":"CENTER"},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":766},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":767},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 40"],"value":{"interactions":[{"id":{"sessionID":58,"localID":456},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":28,"localID":1311},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"}]},"61:10153":{"mainComponentId":"1:250","type":"INSTANCE","id":"61:10153","name":"Navigation","absoluteBoundingBox":{"x":12383.0,"y":100.0,"width":209.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":100.0,"width":209.0,"height":101.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":209.0,"y":101.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-16.0000089406967,"sizeFraction":0.600000023841858},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["I61:10153;1:251"],"componentSetId":"1:235","componentProperties":{"Size":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","size":{"x":209.0,"y":101.0}},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":766},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":767},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 40"],"value":{"interactions":[{"id":{"sessionID":58,"localID":456},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":28,"localID":1311},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"}]},"1:341":{"type":"TEXT","id":"1:341","name":"01","absoluteBoundingBox":{"x":5001.0,"y":4440.83203125,"width":12.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5001.53271484375,"y":4443.4599609375,"width":10.24169921875,"height":7.5107421875},"relativeTransform":[[1.0,0.0,70.0],[0.0,1.0,0.0]],"size":{"x":12.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":0.360784322023392,"b":0.360784322023392,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"01","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:229":{"type":"FRAME","id":"1:229","name":"Text","absoluteBoundingBox":{"x":4947.0,"y":3192.0,"width":343.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":3192.0,"width":343.0,"height":16.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,40.0]],"size":{"x":343.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"primaryAxisSizingMode":"FIXED","children":["1:230","1:234"]},"61:9981":{"type":"FRAME","id":"61:9981","name":"Frame 6","absoluteBoundingBox":{"x":12383.0,"y":100.0,"width":375.0,"height":12413.13671875},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":100.0,"width":375.0,"height":12413.13671875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":12413.13671875},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["61:9982","61:9992","61:9997","61:10004","61:10011","61:10030","61:10127","61:10134","61:10141","61:10152"]},"61:10152":{"mainComponentId":"1:211","type":"INSTANCE","id":"61:10152","name":"Footer","absoluteBoundingBox":{"x":12383.0,"y":12160.13671875,"width":375.0,"height":353.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":12160.13671875,"width":375.0,"height":353.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,12060.13671875]],"size":{"x":375.0,"y":353.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":128.0,"paddingBottom":32.0,"layoutMode":"VERTICAL","itemSpacing":31.0,"counterAxisSizingMode":"FIXED","children":["I61:10152;1:212","I61:10152;1:228"],"componentSetId":"1:162","componentProperties":{"Breakpoint":{"value":"Mobile","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":375.0,"y":353.0}},"componentId":"1:211"},{"key":["Content0","Text0","Back to the top0"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":174},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:211"}]},"1:246":{"type":"FRAME","id":"1:246","name":"Contact us","absoluteBoundingBox":{"x":4931.0,"y":3629.0,"width":250.0,"height":44.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":3629.0,"width":250.0,"height":44.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,263.0]],"size":{"x":250.0,"y":44.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingLeft":32.0,"layoutMode":"VERTICAL","itemSpacing":50.0,"counterAxisSizingMode":"FIXED","children":["1:247"]},"1:179":{"type":"TEXT","id":"1:179","name":"↑","absoluteBoundingBox":{"x":5182.0,"y":2339.0,"width":10.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5182.57177734375,"y":2342.77001953125,"width":8.08642578125,"height":9.22998046875},"relativeTransform":[[1.0,0.0,96.0],[0.0,1.0,0.0]],"size":{"x":10.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"↑","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"61:10144":{"type":"FRAME","id":"61:10144","name":"Frame 11","absoluteBoundingBox":{"x":12403.0,"y":11665.13671875,"width":335.0,"height":375.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":11665.13671875,"width":335.0,"height":375.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":375.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["61:10145","61:10149"]},"61:9979":{"type":"FRAME","id":"61:9979","name":"Mobile","absoluteBoundingBox":{"x":12383.0,"y":100.0,"width":375.0,"height":12413.13671875},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":100.0,"width":375.0,"height":12413.13671875},"relativeTransform":[[1.0,0.0,2272.0],[0.0,1.0,100.0]],"size":{"x":375.0,"y":12413.13671875},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"overflowDirection":"HORIZONTAL_AND_VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["61:9980","61:9981","61:10153","61:10154","61:10155","61:10989"]},"61:10149":{"type":"FRAME","id":"61:10149","name":"Frame 10","absoluteBoundingBox":{"x":12422.5,"y":11742.13671875,"width":296.0,"height":298.0},"isolatedAbsoluteRenderBounds":{"x":12422.5,"y":11742.13671875,"width":296.0,"height":298.0},"relativeTransform":[[1.0,0.0,19.5],[0.0,1.0,77.0]],"size":{"x":296.0,"y":298.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":296.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["124:6103"]},"1:315":{"type":"TEXT","id":"1:315","name":"02","absoluteBoundingBox":{"x":5482.0,"y":4116.83203125,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5482.53271484375,"y":4119.4599609375,"width":12.26953125,"height":7.5107421875},"relativeTransform":[[1.0,0.0,94.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.694840490818024,"g":0.694840490818024,"b":0.694840490818024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"02","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"61:10148":{"type":"TEXT","id":"61:10148","name":"Other design systems work","absoluteBoundingBox":{"x":12403.0,"y":11665.13671875,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12404.35546875,"y":11669.9833984375,"width":312.6669921875,"height":23.3349609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Other design systems work","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":{"styleIdForText":"StyleId:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10147":{"type":"TEXT","id":"61:10147","name":"Brand 
Strategy","absoluteBoundingBox":{"x":12508.0,"y":11677.13671875,"width":126.0,"height":76.0},"isolatedAbsoluteRenderBounds":{"x":12508.0,"y":11677.13671875,"width":126.0,"height":76.0},"relativeTransform":[[1.0,0.0,105.0],[0.0,1.0,12.0]],"size":{"x":126.0,"y":76.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Brand 
Strategy","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10146":{"type":"TEXT","id":"61:10146","name":"Brand Strategy","absoluteBoundingBox":{"x":12403.0,"y":11662.13671875,"width":335.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":11662.13671875,"width":335.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-3.0]],"size":{"x":335.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Brand Strategy","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED"},"styleOverrideTable":{"1":{"styleIdForText":"StyleId:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"SUPER","isOverrideOverTextStyle":true,"fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:75","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10134":{"type":"FRAME","id":"61:10134","name":"Type styles","absoluteBoundingBox":{"x":12383.0,"y":11100.13671875,"width":375.0,"height":533.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":11100.13671875,"width":375.0,"height":533.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,11000.13671875]],"size":{"x":375.0,"y":533.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingLeft":20.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:10135"]},"61:10135":{"type":"FRAME","id":"61:10135","name":"Sizing","absoluteBoundingBox":{"x":12403.0,"y":11100.13671875,"width":335.0,"height":533.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":11100.13671875,"width":335.0,"height":533.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":533.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:10136"]},"61:10139":{"type":"FRAME","id":"61:10139","name":"Frame 41","absoluteBoundingBox":{"x":12403.0,"y":11201.13671875,"width":335.0,"height":312.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":11201.13671875,"width":335.0,"height":312.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,101.0]],"size":{"x":335.0,"y":312.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10140"]},"61:10140":{"type":"TEXT","id":"61:10140","name":"As of Spring 2025, we are still seeing the strategy unfold within our team, though we can already measure some of the results from our efforts to ground the project. This structured approach has earned us the trust of upper management, who were able to see a clear execution plan, with their vision materialising into tangible features. In future case studies, I will explore specific aspects of how we implemented this plan, including our Contributions process and team organisation strategy.","absoluteBoundingBox":{"x":12403.0,"y":11201.13671875,"width":335.0,"height":312.0},"isolatedAbsoluteRenderBounds":{"x":12403.4091796875,"y":11207.955078125,"width":332.8974609375,"height":301.6357421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":312.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"As of Spring 2025, we are still seeing the strategy unfold within our team, though we can already measure some of the results from our efforts to ground the project. This structured approach has earned us the trust of upper management, who were able to see a clear execution plan, with their vision materialising into tangible features. In future case studies, I will explore specific aspects of how we implemented this plan, including our Contributions process and team organisation strategy.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10137":{"type":"FRAME","id":"61:10137","name":"Frame 40","absoluteBoundingBox":{"x":12403.0,"y":11148.13671875,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":11148.13671875,"width":335.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":335.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10138"]},"61:10138":{"type":"TEXT","id":"61:10138","name":"Reflection","absoluteBoundingBox":{"x":12403.0,"y":11148.13671875,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12404.91796875,"y":11152.8642578125,"width":112.0185546875,"height":18.537109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Reflection","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10129":{"type":"FRAME","id":"61:10129","name":"Frame 31","absoluteBoundingBox":{"x":12403.0,"y":8934.5908203125,"width":335.0,"height":2165.5458984375},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8934.5908203125,"width":335.0,"height":2165.5458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2165.5458984375},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10130","61:10132"]},"61:10132":{"type":"FRAME","id":"61:10132","name":"Frame 41","absoluteBoundingBox":{"x":12403.0,"y":9035.5908203125,"width":335.0,"height":2016.54602050781},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":9035.5908203125,"width":335.0,"height":2016.54602050781},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,101.0]],"size":{"x":335.0,"y":2016.54602050781},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10133","66:1732","66:1703","66:1728","66:1711","66:1736","66:1719","66:1740"]},"1:236":{"type":"COMPONENT","id":"1:236","name":"Size=Desktop nav","absoluteBoundingBox":{"x":4931.0,"y":3366.0,"width":250.0,"height":337.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":3366.0,"width":250.0,"height":337.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,16.0]],"size":{"x":250.0,"y":337.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":16.0,"sizeFraction":0.0},"top":{"pixelOffset":16.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":30.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["1:237","1:239","1:246"],"componentSetId":"1:235"},"66:1719":{"type":"TEXT","id":"66:1719","name":"Design Tokens: One of the most significant advancements in managing our design system has been the adoption of design tokens. These allow us to systematise our brand values in a way that supports scalability and provides insight into the impact of changing brand values in the future. We began by defining a general approach to tokens, then moved on to implementing a system of primitive and semantic tokens for our colour palette.","absoluteBoundingBox":{"x":12403.0,"y":10561.03515625,"width":335.0,"height":312.0},"isolatedAbsoluteRenderBounds":{"x":12412.4990234375,"y":10567.734375,"width":319.603515625,"height":301.5732421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1525.44482421875]],"size":{"x":335.0,"y":312.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Design Tokens: One of the most significant advancements in managing our design system has been the adoption of design tokens. These allow us to systematise our brand values in a way that supports scalability and provides insight into the impact of changing brand values in the future. We began by defining a general approach to tokens, then moved on to implementing a system of primitive and semantic tokens for our colour palette.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"66:1736":{"type":"RECTANGLE","id":"66:1736","name":"Screenshot 2025-06-15 at 18.50.07 1","absoluteBoundingBox":{"x":12403.0,"y":10381.9345703125,"width":335.0,"height":155.10124206543},"targetAspectRatio":{"x":2864.0,"y":1326.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":10381.9345703125,"width":335.0,"height":155.1015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1346.34362792969]],"size":{"x":335.0,"y":155.10124206543},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"69ab514575645e7989c8f1b1a3b06a6dc7b6bfe0","originalImageWidth":2864,"originalImageHeight":1326,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"66:1711":{"type":"TEXT","id":"66:1711","name":"Minimal Documentation: Addressing the initial documentation deficit, we created a template for providing minimal documentation for our design building blocks and key decisions. This template also served as a decision log, recording the rationale behind choices made by the team and ensuring consistency in the future.","absoluteBoundingBox":{"x":12403.0,"y":10122.9345703125,"width":335.0,"height":235.0},"isolatedAbsoluteRenderBounds":{"x":12412.5546875,"y":10129.9345703125,"width":317.0234375,"height":220.181640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1087.34362792969]],"size":{"x":335.0,"y":235.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2],"characters":"Minimal Documentation: Addressing the initial documentation deficit, we created a template for providing minimal documentation for our design building blocks and key decisions. This template also served as a decision log, recording the rationale behind choices made by the team and ensuring consistency in the future.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"2":{"styleIdForText":"StyleId:1:76","fontFamily":"IBM Plex Sans","fontPostScriptName":"IBMPlexSans-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}}},"66:1728":{"type":"RECTANGLE","id":"66:1728","name":"Screenshot 2025-06-15 at 18.44.41 1","absoluteBoundingBox":{"x":12403.0,"y":10032.7294921875,"width":335.0,"height":66.2046127319336},"targetAspectRatio":{"x":2864.0,"y":566.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":10032.7294921875,"width":335.0,"height":66.205078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,997.138977050781]],"size":{"x":335.0,"y":66.2046127319336},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"09f22e4bddd2403b8f862aea667ef931ee52e7d7","originalImageWidth":2864,"originalImageHeight":566,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"61:10130":{"type":"FRAME","id":"61:10130","name":"Frame 40","absoluteBoundingBox":{"x":12403.0,"y":8982.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8982.5908203125,"width":335.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":335.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10131"]},"61:10131":{"type":"TEXT","id":"61:10131","name":"Executing the vision","absoluteBoundingBox":{"x":12403.0,"y":8982.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12404.91796875,"y":8987.4375,"width":227.2373046875,"height":23.3349609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Executing the vision","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10031":{"type":"FRAME","id":"61:10031","name":"Sizing","absoluteBoundingBox":{"x":12403.0,"y":5015.796875,"width":335.0,"height":3918.79418945312},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5015.796875,"width":335.0,"height":3918.79418945312},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":3918.79418945312},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:10032"]},"61:10104":{"type":"FRAME","id":"61:10104","name":"Frame 50","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":625.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":625.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3245.79418945312]],"size":{"x":335.0,"y":625.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10105","61:10116"]},"61:10126":{"type":"TEXT","id":"61:10126","name":"Open source is at the heart of Canonical’s mission, and we aim to expand on this with the concept of Open Design: a collaborative process where designers build on each other’s ideas to create a shared resource. Key actions in this pillar included: Engaging with communities (both internal and external) to understand their needs, fostering a deeper understanding of the system, and encouraging ownership in its use and upkeep. Driving contributions to ensure the system remains vibrant, evolving, and up-to-date. Transparent roadmaps that create predictability in our ability to deliver, while reinforcing our leadership position and strengthening the system’s legitimacy.","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":572.0},"isolatedAbsoluteRenderBounds":{"x":12403.5,"y":8321.4091796875,"width":333.0595703125,"height":561.6357421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":572.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Open source is at the heart of Canonical’s mission, and we aim to expand on this with the concept of Open Design: a collaborative process where designers build on each other’s ideas to create a shared resource. Key actions in this pillar included:\n\nEngaging with communities (both internal and external) to understand their needs, fostering a deeper understanding of the system, and encouraging ownership in its use and upkeep.\n\nDriving contributions to ensure the system remains vibrant, evolving, and up-to-date.\n\nTransparent roadmaps that create predictability in our ability to deliver, while reinforcing our leadership position and strengthening the system’s legitimacy.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10125":{"type":"TEXT","id":"61:10125","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10124":{"type":"TEXT","id":"61:10124","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[1,1,1,1,1,1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10123":{"type":"TEXT","id":"61:10123","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10122":{"type":"TEXT","id":"61:10122","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10120":{"type":"TEXT","id":"61:10120","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10118":{"type":"TEXT","id":"61:10118","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10105":{"type":"FRAME","id":"61:10105","name":"Frame 45","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10106","61:10107","61:10108","61:10109","61:10110","61:10111","61:10112","61:10113","61:10114","61:10115"]},"61:10113":{"type":"TEXT","id":"61:10113","name":"Quality","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10112":{"type":"TEXT","id":"61:10112","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10111":{"type":"TEXT","id":"61:10111","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10109":{"type":"TEXT","id":"61:10109","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10108":{"type":"TEXT","id":"61:10108","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10107":{"type":"TEXT","id":"61:10107","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10081":{"type":"FRAME","id":"61:10081","name":"Frame 49","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":885.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":885.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2312.79418945312]],"size":{"x":335.0,"y":885.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10082","61:10093"]},"61:10102":{"type":"TEXT","id":"61:10102","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10101":{"type":"TEXT","id":"61:10101","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10098":{"type":"TEXT","id":"61:10098","name":"This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10097":{"type":"TEXT","id":"61:10097","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10096":{"type":"TEXT","id":"61:10096","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10095":{"type":"TEXT","id":"61:10095","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10094":{"type":"TEXT","id":"61:10094","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:187":{"type":"COMPONENT","id":"1:187","name":"Breakpoint=Tablet","absoluteBoundingBox":{"x":4931.0,"y":2559.0,"width":800.0,"height":284.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":2559.0,"width":800.0,"height":284.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,364.0]],"size":{"x":800.0,"y":284.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":128.0,"paddingBottom":32.0,"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","children":["1:188","1:204"],"componentSetId":"1:162"},"1:177":{"type":"FRAME","id":"1:177","name":"Back to the top","absoluteBoundingBox":{"x":5086.0,"y":2339.0,"width":106.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5086.0,"y":2339.0,"width":106.0,"height":16.0},"relativeTransform":[[1.0,0.0,115.0],[0.0,1.0,0.0]],"size":{"x":106.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.5,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":5.0,"children":["1:178","1:179"]},"61:10082":{"type":"FRAME","id":"61:10082","name":"Frame 45","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10083","61:10084","61:10085","61:10086","61:10087","61:10088","61:10089","61:10090","61:10091","61:10092"]},"61:10092":{"type":"TEXT","id":"61:10092","name":"Structure","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12404.2275390625,"y":7333.8974609375,"width":105.166015625,"height":17.98291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Structure","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:224":{"type":"TEXT","id":"1:224","name":"Email","absoluteBoundingBox":{"x":4947.0,"y":3070.0,"width":33.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":3073.705078125,"width":32.3837890625,"height":11.56982421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,35.0]],"size":{"x":33.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[11,11,11,11,11],"characters":"Email","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"11":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"mailto:dschoonewolff@gmail.com","openInNewTab":false},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritFillStyleId":"1:83","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10091":{"type":"TEXT","id":"61:10091","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10090":{"type":"TEXT","id":"61:10090","name":"Quality","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10088":{"type":"TEXT","id":"61:10088","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10087":{"type":"TEXT","id":"61:10087","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10084":{"type":"TEXT","id":"61:10084","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:185":{"type":"TEXT","id":"1:185","name":"Privacy","absoluteBoundingBox":{"x":5058.0,"y":2427.0,"width":44.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5058.0,"y":2427.0,"width":44.0,"height":16.0},"relativeTransform":[[1.0,0.0,87.0],[0.0,1.0,0.0]],"size":{"x":44.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Privacy","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"59:879":{"type":"TEXT","id":"59:879","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4367.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4367.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10076":{"type":"TEXT","id":"61:10076","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10073":{"type":"TEXT","id":"61:10073","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7398":{"type":"FRAME","id":"61:7398","name":"Frame 31","absoluteBoundingBox":{"x":11639.0,"y":100.0,"width":648.0,"height":454.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":100.0,"width":648.0,"height":454.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":454.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":120.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:7399"]},"61:10067":{"type":"TEXT","id":"61:10067","name":"Quality","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10066":{"type":"TEXT","id":"61:10066","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10065":{"type":"TEXT","id":"61:10065","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7545":{"type":"TEXT","id":"61:7545","name":"Executing the vision","absoluteBoundingBox":{"x":11639.0,"y":6237.984375,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11641.556640625,"y":6244.77978515625,"width":302.9833984375,"height":31.11376953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Executing the vision","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10080":{"type":"TEXT","id":"61:10080","name":"Design systems provide tools that enable both design and front-end engineering teams to work more efficiently, both within their disciplines and across teams. Ensuring alignment between these tools drives better communication and collaboration, ultimately leading to faster, higher-quality work. Key areas of focus within this pillar included: Broader coverage of high-quality components in both design and code, addressing the diverse use cases across products and offering more comprehensive options for teams to use. A modern approach to design systems, embracing new terminology and tools such as design tokens, Figma libraries, and web components, ensuring we stay current with industry standards and improve our workflow. Improved onboarding experience for designers and developers, designed to be self-guided and accessible to those without prior knowledge of the system, reducing barriers to entry.","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":702.0},"isolatedAbsoluteRenderBounds":{"x":12403.5,"y":6585.5908203125,"width":332.9033203125,"height":691.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":702.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Design systems provide tools that enable both design and front-end engineering teams to work more efficiently, both within their disciplines and across teams. Ensuring alignment between these tools drives better communication and collaboration, ultimately leading to faster, higher-quality work. Key areas of focus within this pillar included:\n\nBroader coverage of high-quality components in both design and code, addressing the diverse use cases across products and offering more comprehensive options for teams to use.\n\nA modern approach to design systems, embracing new terminology and tools such as design tokens, Figma libraries, and web components, ensuring we stay current with industry standards and improve our workflow.\n\nImproved onboarding experience for designers and developers, designed to be self-guided and accessible to those without prior knowledge of the system, reducing barriers to entry.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7456":{"type":"FRAME","id":"61:7456","name":"Frame 45","absoluteBoundingBox":{"x":11639.0,"y":3991.98461914062,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3991.98461914062,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7457","61:7458","61:7459","61:7460","61:7461","61:7462","61:7463"]},"61:10062":{"type":"TEXT","id":"61:10062","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10060":{"type":"TEXT","id":"61:10060","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10050":{"type":"FRAME","id":"61:10050","name":"Frame 43","absoluteBoundingBox":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":962.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":962.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":335.0,"y":962.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10051","61:10052","61:10053","61:10054","61:10055","61:10056","61:10057"]},"61:10048":{"type":"TEXT","id":"61:10048","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10033":{"type":"FRAME","id":"61:10033","name":"Frame 47","absoluteBoundingBox":{"x":12403.0,"y":5063.796875,"width":335.0,"height":350.794128417969},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5063.796875,"width":335.0,"height":350.794128417969},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":335.0,"y":350.794128417969},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10034","61:10036"]},"1:49":{"type":"TEXT","id":"1:49","name":"H1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":73.0,"height":70.0},"isolatedAbsoluteRenderBounds":{"x":0.75,"y":18.1500015258789,"width":70.2808609008789,"height":36.3999977111816},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":73.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":50.0,"letterSpacing":-1.0,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":55.0,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":45.0,"letterSpacing":-0.9,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":49.5,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":36.0,"letterSpacing":-0.72,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":50.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-1.0,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":70.0,"lineHeightPercent":111.111114501953,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10036":{"type":"FRAME","id":"61:10036","name":"Frame 41","absoluteBoundingBox":{"x":12403.0,"y":5310.5908203125,"width":335.0,"height":104.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5310.5908203125,"width":335.0,"height":104.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,246.794143676758]],"size":{"x":335.0,"y":104.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10037","61:10038","61:10039","61:10040"]},"59:1047":{"type":"FRAME","id":"59:1047","name":"Frame 45","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:1048","59:1049","59:1050","59:1051","59:1052","59:1053","59:1117","59:1133","59:1125","59:1054"]},"61:10034":{"type":"FRAME","id":"61:10034","name":"Frame 40","absoluteBoundingBox":{"x":12403.0,"y":5063.796875,"width":335.0,"height":222.794143676758},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5063.796875,"width":335.0,"height":222.794143676758},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":222.794143676758},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10035","66:1695"]},"61:10012":{"type":"FRAME","id":"61:10012","name":"Sizing","absoluteBoundingBox":{"x":12403.0,"y":4168.796875,"width":335.0,"height":847.0},"isolatedAbsoluteRenderBounds":{"x":12402.0,"y":4168.796875,"width":336.0,"height":847.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":847.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:10013"]},"61:10078":{"type":"TEXT","id":"61:10078","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10026":{"type":"TEXT","id":"61:10026","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":4525.796875,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":4525.796875,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10024":{"type":"TEXT","id":"61:10024","name":"Open source projects building polished, corporate-grade technical systems","absoluteBoundingBox":{"x":12419.0,"y":4449.796875,"width":319.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12419.818359375,"y":4456.796875,"width":296.8310546875,"height":41.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":319.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Open source projects building polished, corporate-grade technical systems","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:678":{"type":"FRAME","id":"59:678","name":"Frame 41","absoluteBoundingBox":{"x":10577.0,"y":2546.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":2546.0,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":546.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:679"]},"61:10023":{"type":"TEXT","id":"61:10023","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12419.0,"y":4449.796875,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12419.0,"y":4449.796875,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10021":{"type":"TEXT","id":"61:10021","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12419.0,"y":4449.796875,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12419.0,"y":4449.796875,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10016":{"type":"FRAME","id":"61:10016","name":"Frame 41","absoluteBoundingBox":{"x":12403.0,"y":4269.796875,"width":335.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":4269.796875,"width":335.0,"height":156.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,101.0]],"size":{"x":335.0,"y":156.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10017"]},"61:10100":{"type":"TEXT","id":"61:10100","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10014":{"type":"FRAME","id":"61:10014","name":"Frame 40","absoluteBoundingBox":{"x":12403.0,"y":4216.796875,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":4216.796875,"width":335.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":335.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10015"]},"61:10027":{"type":"TEXT","id":"61:10027","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":12403.0,"y":4525.796875,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":4525.796875,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:292":{"type":"TEXT","id":"1:292","name":"Logo","absoluteBoundingBox":{"x":4947.0,"y":4145.83203125,"width":30.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4948.1181640625,"y":4149.60205078125,"width":27.59423828125,"height":11.3359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":30.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Logo","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:64":{"type":"TEXT","id":"1:64","name":"Heading 3","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":24.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":0.300000011920929,"y":6.99999904632568,"width":22.1860961914062,"height":18.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":24.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"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":"Space Mono","fontPostScriptName":"SpaceMono-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":20.0,"letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":20.0,"letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":20.0,"letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":26.0,"lineHeightPercent":87.7785339355469,"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":{}},"61:10015":{"type":"TEXT","id":"61:10015","name":"Who do we serve?","absoluteBoundingBox":{"x":12403.0,"y":4216.796875,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.494140625,"y":4222.103515625,"width":209.1396484375,"height":17.95751953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Who do we serve?","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10106":{"type":"TEXT","id":"61:10106","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10009":{"type":"FRAME","id":"61:10009","name":"Frame 41","absoluteBoundingBox":{"x":12403.0,"y":3106.796875,"width":335.0,"height":1014.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":3106.796875,"width":335.0,"height":1014.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,130.0]],"size":{"x":335.0,"y":1014.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10010"]},"61:7482":{"type":"TEXT","id":"61:7482","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10010":{"type":"TEXT","id":"61:10010","name":"The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":3106.796875,"width":335.0,"height":1014.0},"isolatedAbsoluteRenderBounds":{"x":12403.5,"y":3113.796875,"width":331.40234375,"height":1003.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":1014.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4],"characters":"The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10008":{"type":"TEXT","id":"61:10008","name":"Foundations: What is our mandate?","absoluteBoundingBox":{"x":12403.0,"y":3024.796875,"width":335.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":12404.712890625,"y":3029.6435546875,"width":282.373046875,"height":47.443115234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":58.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10002":{"type":"FRAME","id":"61:10002","name":"Frame 41","absoluteBoundingBox":{"x":12403.0,"y":1847.0,"width":335.0,"height":1081.79699707031},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":1847.0,"width":335.0,"height":1081.79699707031},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,130.0]],"size":{"x":335.0,"y":1081.79699707031},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["66:1688","61:10003"]},"1:248":{"type":"TEXT","id":"1:248","name":"LinkedIn","absoluteBoundingBox":{"x":4963.0,"y":3629.0,"width":50.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3632.705078125,"width":49.85205078125,"height":11.56982421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"hover":{"transition":{"easingType":"IN_CUBIC","easingFunction":[0.550000011920929,0.0549999997019768,0.675000011920929,0.189999997615814],"transitionDuration":0.300000011920929,"delay":0.0},"state":{"transform":{"m00":1.0,"m01":0.0,"m02":0.0,"m10":0.0,"m11":1.0,"m12":0.0},"opacity":0.600000023841858},"behaviorType":"hover"}},"characterStyleOverrides":[7,7,7,7,7,7,7,7],"characters":"LinkedIn","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"7":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://www.linkedin.com/in/danielmutis/","openInNewTab":true},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10000":{"type":"FRAME","id":"61:10000","name":"Frame 40","absoluteBoundingBox":{"x":12403.0,"y":1765.0,"width":335.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":1765.0,"width":335.0,"height":58.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":335.0,"y":58.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10001"]},"61:7523":{"type":"TEXT","id":"61:7523","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10001":{"type":"TEXT","id":"61:10001","name":"Legacy design system: Vanilla framework","absoluteBoundingBox":{"x":12403.0,"y":1765.0,"width":335.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":12403.5966796875,"y":1769.84655761719,"width":261.046875,"height":47.4432373046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":58.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Legacy design system: Vanilla framework","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9995":{"type":"FRAME","id":"61:9995","name":"Frame 40","absoluteBoundingBox":{"x":12403.0,"y":707.0,"width":335.0,"height":962.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":707.0,"width":335.0,"height":962.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":335.0,"y":962.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:9996"]},"61:9982":{"type":"FRAME","id":"61:9982","name":"Type styles","absoluteBoundingBox":{"x":12383.0,"y":100.0,"width":375.0,"height":559.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":100.0,"width":375.0,"height":559.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":559.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingLeft":20.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:9983"]},"61:9983":{"type":"FRAME","id":"61:9983","name":"Sizing","absoluteBoundingBox":{"x":12403.0,"y":100.0,"width":335.0,"height":559.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":100.0,"width":335.0,"height":559.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":559.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:9984"]},"61:10059":{"type":"FRAME","id":"61:10059","name":"Frame 45","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10060","61:10061","61:10062","61:10063","61:10064","61:10065","61:10066","61:10067","61:10068","61:10069"]},"59:1212":{"type":"TEXT","id":"59:1212","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9984":{"type":"FRAME","id":"61:9984","name":"Frame 31","absoluteBoundingBox":{"x":12403.0,"y":100.0,"width":335.0,"height":559.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":100.0,"width":335.0,"height":559.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":559.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":120.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:9985"]},"59:800":{"type":"FRAME","id":"59:800","name":"Sizing","absoluteBoundingBox":{"x":10577.0,"y":3710.0,"width":846.0,"height":2802.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3710.0,"width":880.0,"height":2802.0},"relativeTransform":[[1.0,0.0,152.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":2802.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["59:801"]},"61:9991":{"type":"TEXT","id":"61:9991","name":"Leading the transformation of Canonical's design system into an open-source product that empowers technical audiences to create high-quality, cohesive experiences.","absoluteBoundingBox":{"x":12403.0,"y":408.0,"width":335.0,"height":203.0},"isolatedAbsoluteRenderBounds":{"x":12403.6728515625,"y":412.727264404297,"width":332.3125,"height":197.181854248047},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,188.0]],"size":{"x":335.0,"y":203.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Leading the transformation of Canonical's design system into an open-source product that empowers technical audiences to create high-quality, cohesive experiences.","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10057":{"type":"TEXT","id":"61:10057","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":962.0},"isolatedAbsoluteRenderBounds":{"x":12403.4091796875,"y":5522.4091796875,"width":333.1845703125,"height":951.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":962.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:9987":{"type":"FRAME","id":"61:9987","name":"Frame 21","absoluteBoundingBox":{"x":12403.0,"y":358.0,"width":214.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":358.0,"width":214.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,138.0]],"size":{"x":214.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","children":["61:9988","61:9989","61:9990"]},"110:912":{"type":"TEXT","id":"110:912","name":"Building the strategy behind an open source design system","absoluteBoundingBox":{"x":4765.0,"y":5951.0,"width":264.0,"height":88.0},"isolatedAbsoluteRenderBounds":{"x":4766.14208984375,"y":5955.8466796875,"width":259.44677734375,"height":81.3349609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,210.0]],"size":{"x":264.0,"y":88.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","minHeight":88.0,"strokes":[],"effects":[],"componentPropertyReferences":{"characters":"Text#112:0"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building the strategy behind an open source design system","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7462":{"type":"TEXT","id":"61:7462","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":3991.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3991.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7459":{"type":"TEXT","id":"61:7459","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":3991.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3991.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10029":{"type":"TEXT","id":"61:10029","name":"This audience embodies a set of key characteristics: Open source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":12403.0,"y":4525.796875,"width":335.0,"height":442.0},"isolatedAbsoluteRenderBounds":{"x":12403.7724609375,"y":4532.615234375,"width":329.4990234375,"height":431.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":442.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"This audience embodies a set of key characteristics:\n\nOpen source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:47":{"type":"TEXT","id":"1:47","name":"Mobile/Body large","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":23.0,"height":25.0},"isolatedAbsoluteRenderBounds":{"x":0.432000011205673,"y":6.39999914169312,"width":20.7689075469971,"height":16.3800010681152},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":23.0,"y":25.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":0.0,"name":"Mobile","style":{"fontSize":18.0,"letterSpacing":-0.18,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1999988555908,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.18,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1999988555908,"lineHeightPercent":111.111114501953,"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":{}},"59:620":{"type":"FRAME","id":"59:620","name":"Sizing","absoluteBoundingBox":{"x":10577.0,"y":100.0,"width":846.0,"height":535.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":100.0,"width":846.0,"height":535.0},"relativeTransform":[[1.0,0.0,152.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":535.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["59:621"]},"61:7393":{"type":"FRAME","id":"61:7393","name":"Tablet","absoluteBoundingBox":{"x":11519.0,"y":100.0,"width":800.0,"height":9263.1689453125},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":100.0,"width":800.0,"height":9263.1689453125},"relativeTransform":[[1.0,0.0,1408.0],[0.0,1.0,100.0]],"size":{"x":800.0,"y":9263.1689453125},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"overflowDirection":"HORIZONTAL_AND_VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["61:7394","61:7395","61:7567","61:9934","61:7568","61:10994"]},"61:10004":{"type":"FRAME","id":"61:10004","name":"Type styles","absoluteBoundingBox":{"x":12383.0,"y":2976.796875,"width":375.0,"height":1192.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":2976.796875,"width":375.0,"height":1192.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2876.796875]],"size":{"x":375.0,"y":1192.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingLeft":20.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:10005"]},"61:9993":{"type":"FRAME","id":"61:9993","name":"Sizing","absoluteBoundingBox":{"x":12403.0,"y":659.0,"width":335.0,"height":1058.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":659.0,"width":335.0,"height":1058.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":1058.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:9994"]},"61:7522":{"type":"TEXT","id":"61:7522","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:45":{"type":"TEXT","id":"1:45","name":"H3","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":26.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":0.300000011920929,"y":3.87999939918518,"width":23.7625007629395,"height":18.480001449585},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":26.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":20.0,"letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":22.0,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":20.0,"letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":22.0,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":22.0,"lineHeightPercent":87.3015899658203,"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":{}},"61:10093":{"type":"FRAME","id":"61:10093","name":"Frame 43","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":832.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":832.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":335.0,"y":832.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10094","61:10095","61:10096","61:10097","61:10098","61:10099","61:10100","61:10101","61:10102","61:10103"]},"111:1005":{"type":"COMPONENT_SET","id":"111:1005","name":"Card","absoluteBoundingBox":{"x":4717.0,"y":5725.0,"width":360.0,"height":681.0},"isolatedAbsoluteRenderBounds":{"x":4717.0,"y":5725.0,"width":360.0,"height":681.0},"relativeTransform":[[1.0,0.0,730.0],[0.0,1.0,594.0]],"size":{"x":360.0,"y":681.0},"fills":[],"constraintValues":{"left":{"pixelOffset":730.0,"sizeFraction":0.0},"top":{"pixelOffset":594.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.592156887054443,"g":0.278431385755539,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["111:1004","111:1006"],"componentPropertyDefinitions":{"Text#112:0":{"type":"TEXT","defaultValue":{"characters":"Building the strategy behind an open source design system","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]}},"Property 1":{"type":"VARIANT","defaultValue":"Default","variantOptions":["Default","Hover"]}}},"1:27":{"type":"TEXT","id":"1:27","name":"Display Statistics","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":95.0,"height":56.0},"isolatedAbsoluteRenderBounds":{"x":2.40000009536743,"y":-3.814697265625e-06,"width":89.6050033569336,"height":74.5599975585938},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":95.0,"y":56.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":80.0,"letterSpacing":-3.2,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":80.0,"lineHeightPercent":85.3333358764648,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":80.0,"letterSpacing":-3.2,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":80.0,"lineHeightPercent":85.3333358764648,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":64.0,"letterSpacing":-2.56,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":64.0,"lineHeightPercent":85.3333358764648,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":80.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":-3.2,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":80.0,"lineHeightPercent":76.8049163818359,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7475":{"type":"TEXT","id":"61:7475","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7479":{"type":"TEXT","id":"61:7479","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"111:1017":{"type":"TEXT","id":"111:1017","name":"Building the strategy behind an open source design system","absoluteBoundingBox":{"x":4765.0,"y":6305.0,"width":264.0,"height":88.0},"isolatedAbsoluteRenderBounds":{"x":4765.0,"y":6309.8466796875,"width":261.703125,"height":82.5625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,210.0]],"size":{"x":264.0,"y":88.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","minHeight":88.0,"strokes":[],"effects":[],"componentPropertyReferences":{"characters":"Text#112:0"},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Building the strategy behind an open source design system","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7461":{"type":"TEXT","id":"61:7461","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":3991.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3991.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:314":{"type":"TEXT","id":"1:314","name":"Design systems","absoluteBoundingBox":{"x":5388.0,"y":4116.83203125,"width":94.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5389.1181640625,"y":4120.537109375,"width":91.49072265625,"height":11.40087890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":94.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"61:10116":{"type":"FRAME","id":"61:10116","name":"Frame 43","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":572.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":572.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":335.0,"y":572.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10117","61:10118","61:10119","61:10120","61:10121","61:10122","61:10123","61:10124","61:10125","61:10126"]},"59:815":{"type":"TEXT","id":"59:815","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":10577.0,"y":4367.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4367.0,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:259":{"type":"FRAME","id":"1:259","name":"Nav labels 1","absoluteBoundingBox":{"x":5088.0,"y":3868.83203125,"width":108.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5088.0,"y":3868.83203125,"width":108.0,"height":16.0},"relativeTransform":[[1.0,0.0,125.0],[0.0,1.0,0.0]],"size":{"x":108.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:260","1:261"]},"59:816":{"type":"TEXT","id":"59:816","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4367.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4367.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:711":{"type":"TEXT","id":"59:711","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":10577.0,"y":3250.0,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":10577.556640625,"y":3256.69897460938,"width":636.4365234375,"height":67.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10994":{"mainComponentId":"1:278","type":"INSTANCE","id":"61:10994","name":"Navigation","absoluteBoundingBox":{"x":11519.0,"y":100.0,"width":375.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":100.0,"width":375.0,"height":61.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":61.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-25.0,"sizeFraction":0.5},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"FIXED","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["I61:10994;1:279"],"componentSetId":"1:277","componentProperties":{"Expanded":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","name":"Navigation"},"componentId":"1:278"},{"key":["Content0"],"value":{"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":792},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}],"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":793},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 30"],"value":{"interactions":[{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 40"],"value":{"locked":null,"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 50"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 60"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"}]},"59:776":{"type":"TEXT","id":"59:776","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":3402.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3402.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:619":{"type":"FRAME","id":"59:619","name":"Type styles","absoluteBoundingBox":{"x":10425.0,"y":100.0,"width":1030.0,"height":535.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":100.0,"width":1030.0,"height":535.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1030.0,"y":535.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":152.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["59:620"]},"59:1048":{"type":"TEXT","id":"59:1048","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1148":{"type":"FRAME","id":"59:1148","name":"Frame 43","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":640.0,"height":338.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":640.0,"height":338.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":640.0,"y":338.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:1149","59:1150","59:1151","59:1152","59:1153","59:1154","59:1212","59:1228","59:1220","59:1155"]},"1:300":{"type":"FRAME","id":"1:300","name":"Nav labels 6","absoluteBoundingBox":{"x":4947.0,"y":4265.83203125,"width":88.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":4265.83203125,"width":88.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,224.0]],"size":{"x":88.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:301","1:302"]},"59:511":{"type":"FRAME","id":"59:511","name":"Frame 40","absoluteBoundingBox":{"x":10577.0,"y":683.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":683.0,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":546.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:513"]},"59:1140":{"type":"FRAME","id":"59:1140","name":"Frame 45","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:1141","59:1142","59:1143","59:1144","59:1145","59:1146","59:1210","59:1226","59:1218","59:1147"]},"61:10005":{"type":"FRAME","id":"61:10005","name":"Sizing","absoluteBoundingBox":{"x":12403.0,"y":2976.796875,"width":335.0,"height":1192.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":2976.796875,"width":335.0,"height":1192.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":1192.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:10006"]},"61:7567":{"mainComponentId":"1:250","type":"INSTANCE","id":"61:7567","name":"Navigation","absoluteBoundingBox":{"x":11519.0,"y":100.0,"width":464.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":100.0,"width":464.0,"height":101.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":464.0,"y":101.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-16.0000190734863,"sizeFraction":0.600000023841858},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["I61:7567;1:251"],"componentSetId":"1:235","componentProperties":{"Size":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","size":{"x":464.0,"y":101.0}},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":766},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":767},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 40"],"value":{"interactions":[{"id":{"sessionID":58,"localID":456},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":28,"localID":1311},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"}]},"59:1040":{"type":"TEXT","id":"59:1040","name":"Quality","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10045":{"type":"TEXT","id":"61:10045","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10069":{"type":"TEXT","id":"61:10069","name":"Efficiency","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12404.91796875,"y":6530.31787109375,"width":110.791015625,"height":23.18212890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Efficiency","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:968":{"type":"TEXT","id":"59:968","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10037":{"type":"TEXT","id":"61:10037","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5310.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5310.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7395":{"type":"FRAME","id":"61:7395","name":"Frame 6","absoluteBoundingBox":{"x":11519.0,"y":100.0,"width":800.0,"height":9263.1689453125},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":100.0,"width":800.0,"height":9263.1689453125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":9263.1689453125},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["61:7396","61:7406","61:7411","61:7418","61:7425","61:7444","61:7541","61:7548","61:7555","61:7566"]},"61:7566":{"mainComponentId":"1:187","type":"INSTANCE","id":"61:7566","name":"Footer","absoluteBoundingBox":{"x":11519.0,"y":9079.1689453125,"width":800.0,"height":284.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":9079.1689453125,"width":800.0,"height":284.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8979.1689453125]],"size":{"x":800.0,"y":284.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":128.0,"paddingBottom":32.0,"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","children":["I61:7566;1:188","I61:7566;1:204"],"componentSetId":"1:162","componentProperties":{"Breakpoint":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":800.0,"y":284.0}},"componentId":"1:187"},{"key":["Content0","Text0","Back to the top0"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":174},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:187"}]},"1:261":{"type":"TEXT","id":"1:261","name":"02","absoluteBoundingBox":{"x":5182.0,"y":3868.83203125,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5182.53271484375,"y":3871.4599609375,"width":12.26953125,"height":7.510498046875},"relativeTransform":[[1.0,0.0,94.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"02","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"61:10099":{"type":"TEXT","id":"61:10099","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10039":{"type":"TEXT","id":"61:10039","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5310.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5310.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10020":{"type":"FRAME","id":"61:10020","name":"Frame 42","absoluteBoundingBox":{"x":12419.0,"y":4449.796875,"width":319.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12419.0,"y":4449.796875,"width":319.0,"height":52.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":319.0,"y":52.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10021","61:10022","61:10023","61:10024"]},"66:1688":{"type":"RECTANGLE","id":"66:1688","name":"Screenshot 2025-06-15 at 18.39.24 1","absoluteBoundingBox":{"x":12403.0,"y":1847.0,"width":335.0,"height":173.796997070312},"targetAspectRatio":{"x":2926.0,"y":1518.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":1847.0,"width":335.0,"height":173.796997070312},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":173.796997070312},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"b4cd354b6cb3ed236db0ecf5b82722903db42eec","originalImageWidth":2926,"originalImageHeight":1518,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"1:339":{"type":"COMPONENT","id":"1:339","name":"Property 1=Hover","absoluteBoundingBox":{"x":4931.0,"y":4440.83203125,"width":82.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":4440.83203125,"width":82.0,"height":16.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,50.0]],"size":{"x":82.0,"y":16.0},"fills":[],"constraintValues":{"left":{"pixelOffset":16.0,"sizeFraction":0.0},"top":{"pixelOffset":50.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:340","1:341"],"componentSetId":"1:335"},"61:7555":{"type":"FRAME","id":"61:7555","name":"Strategy section","absoluteBoundingBox":{"x":11519.0,"y":8527.1689453125,"width":800.0,"height":552.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":8527.1689453125,"width":800.0,"height":552.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8427.1689453125]],"size":{"x":800.0,"y":552.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingRight":32.0,"paddingBottom":120.0,"paddingLeft":120.0,"layoutMode":"VERTICAL","itemSpacing":30.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["61:7556"]},"61:7556":{"type":"FRAME","id":"61:7556","name":"Frame 12","absoluteBoundingBox":{"x":11639.0,"y":8575.1689453125,"width":648.0,"height":384.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8575.1689453125,"width":648.0,"height":384.0},"relativeTransform":[[1.0,0.0,120.0],[0.0,1.0,48.0]],"size":{"x":648.0,"y":384.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["61:7558"]},"61:7563":{"type":"FRAME","id":"61:7563","name":"Frame 10","absoluteBoundingBox":{"x":11639.0,"y":8661.1689453125,"width":648.0,"height":298.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8661.1689453125,"width":648.0,"height":298.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,86.0]],"size":{"x":648.0,"y":298.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"layoutMode":"HORIZONTAL","layoutWrap":"WRAP","itemSpacing":32.0,"primaryAxisSizingMode":"FIXED","counterAxisSpacing":32.0,"isInAnimateTree":true,"children":["124:6102"]},"61:10013":{"type":"FRAME","id":"61:10013","name":"Frame 31","absoluteBoundingBox":{"x":12403.0,"y":4168.796875,"width":335.0,"height":847.0},"isolatedAbsoluteRenderBounds":{"x":12402.0,"y":4168.796875,"width":336.0,"height":847.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":847.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10014","61:10016","61:10018","61:10025"]},"124:6102":{"mainComponentId":"111:1004","type":"INSTANCE","id":"124:6102","name":"Card","absoluteBoundingBox":{"x":11639.0,"y":8661.1689453125,"width":264.0,"height":298.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8661.1689453125,"width":264.0,"height":298.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":264.0,"y":298.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":111,"localID":1039},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":111,"localID":1006},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"INOUT_CUBIC","easingFunction":[0.419999986886978,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"111:1005"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":119,"localID":1191},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":66,"localID":407},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":false,"connectionURL":"/planning"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["I124:6102;121:5640","I124:6102;111:996","I124:6102;110:912"],"componentSetId":"111:1005","componentProperties":{"Text#112:0":{"type":"TEXT","value":{"characters":"Planning for a distributed design system","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Property 1":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":264.0,"y":298.0},"interactions":[{"id":{"sessionID":111,"localID":1039},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":111,"localID":1006},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"INOUT_CUBIC","easingFunction":[0.419999986886978,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"111:1005"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":119,"localID":1191},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":66,"localID":407},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":false,"connectionURL":"/planning"}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"111:1004"},{"key":["Building the strategy behind an open source design system0"],"value":{"characterStyleOverrides":[],"characters":"Planning for a distributed design system","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"111:1004"},{"key":["Group 88 10"],"value":{"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"8b0be35ea6941878e3881e8dd670d691167eac9e","originalImageWidth":1600,"originalImageHeight":970,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"111:1004"}]},"3:371":{"type":"TEXT","id":"3:371","name":"DanielMutis","absoluteBoundingBox":{"x":4963.0,"y":3396.0,"width":136.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":4965.11376953125,"y":3400.70166015625,"width":131.99755859375,"height":18.605224609375},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,30.0]],"size":{"x":136.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[5,5,5,5,5,5],"characters":"DanielMutis","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-SemiBold","fontStyle":"Semi Bold","hyperlink":{"type":"NODE","nodeID":"/"},"textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"5":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"61:10068":{"type":"TEXT","id":"61:10068","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10115":{"type":"TEXT","id":"61:10115","name":"Openness","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12404.35546875,"y":8266.8974609375,"width":113.4072265625,"height":22.6025390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Openness","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7559":{"type":"FRAME","id":"61:7559","name":"Title","absoluteBoundingBox":{"x":11639.0,"y":8575.1689453125,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8575.1689453125,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":4.0,"counterAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["61:7560","61:7561","61:7562"]},"1:297":{"type":"FRAME","id":"1:297","name":"Nav labels 5","absoluteBoundingBox":{"x":4947.0,"y":4225.83203125,"width":83.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":4225.83203125,"width":83.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,184.0]],"size":{"x":83.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:298","1:299"]},"61:10056":{"type":"TEXT","id":"61:10056","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7561":{"type":"TEXT","id":"61:7561","name":"Brand 
Strategy","absoluteBoundingBox":{"x":11744.0,"y":8577.1689453125,"width":165.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":11744.0,"y":8577.1689453125,"width":165.0,"height":96.0},"relativeTransform":[[1.0,0.0,105.0],[0.0,1.0,2.0]],"size":{"x":165.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Brand 
Strategy","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":{"styleIdForText":"StyleId:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"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":{}},"61:7560":{"type":"TEXT","id":"61:7560","name":"Brand Strategy","absoluteBoundingBox":{"x":11639.0,"y":8567.1689453125,"width":335.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8567.1689453125,"width":335.0,"height":48.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-8.0]],"size":{"x":335.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Brand Strategy","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":{"styleIdForText":"StyleId:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"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":{"1":{"styleIdForText":"StyleId:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"SUPER","isOverrideOverTextStyle":true,"fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:75","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"66:1685":{"type":"RECTANGLE","id":"66:1685","name":"Screenshot 2025-06-15 at 18.39.24 1","absoluteBoundingBox":{"x":10577.0,"y":1387.0,"width":880.0,"height":457.0},"targetAspectRatio":{"x":2926.0,"y":1518.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":1387.0,"width":880.0,"height":457.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":880.0,"y":457.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"b4cd354b6cb3ed236db0ecf5b82722903db42eec","originalImageWidth":2926,"originalImageHeight":1518,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"59:738":{"type":"TEXT","id":"59:738","name":"Open source projects building polished, corporate-grade technical systems","absoluteBoundingBox":{"x":10593.0,"y":3352.0,"width":640.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":10593.9541015625,"y":3359.0,"width":566.9736328125,"height":15.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Open source projects building polished, corporate-grade technical systems","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7550":{"type":"FRAME","id":"61:7550","name":"Frame 31","absoluteBoundingBox":{"x":11639.0,"y":8141.1689453125,"width":648.0,"height":386.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8141.1689453125,"width":648.0,"height":386.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":386.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":120.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7551","61:7553"]},"61:10047":{"type":"TEXT","id":"61:10047","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7553":{"type":"FRAME","id":"61:7553","name":"Frame 41","absoluteBoundingBox":{"x":11639.0,"y":8251.1689453125,"width":640.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8251.1689453125,"width":640.0,"height":156.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":156.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7554"]},"61:7554":{"type":"TEXT","id":"61:7554","name":"As of Spring 2025, we are still seeing the strategy unfold within our team, though we can already measure some of the results from our efforts to ground the project. This structured approach has earned us the trust of upper management, who were able to see a clear execution plan, with their vision materialising into tangible features. In future case studies, I will explore specific aspects of how we implemented this plan, including our Contributions process and team organisation strategy.","absoluteBoundingBox":{"x":11639.0,"y":8251.1689453125,"width":640.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":11639.4091796875,"y":8257.9873046875,"width":637.3095703125,"height":145.6357421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":156.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"As of Spring 2025, we are still seeing the strategy unfold within our team, though we can already measure some of the results from our efforts to ground the project. This structured approach has earned us the trust of upper management, who were able to see a clear execution plan, with their vision materialising into tangible features. In future case studies, I will explore specific aspects of how we implemented this plan, including our Contributions process and team organisation strategy.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7552":{"type":"TEXT","id":"61:7552","name":"Reflection","absoluteBoundingBox":{"x":11639.0,"y":8189.1689453125,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11641.556640625,"y":8195.8056640625,"width":149.3583984375,"height":24.7158203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Reflection","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7541":{"type":"FRAME","id":"61:7541","name":"Type styles","absoluteBoundingBox":{"x":11519.0,"y":6189.984375,"width":800.0,"height":1951.18432617188},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":6189.984375,"width":800.0,"height":1951.1845703125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,6089.984375]],"size":{"x":800.0,"y":1951.18432617188},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":120.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:7542"]},"1:301":{"type":"TEXT","id":"1:301","name":"Art Direction","absoluteBoundingBox":{"x":4947.0,"y":4265.83203125,"width":74.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.259765625,"y":4269.537109375,"width":72.365234375,"height":9.45068359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":74.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Art Direction","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"61:7543":{"type":"FRAME","id":"61:7543","name":"Frame 31","absoluteBoundingBox":{"x":11639.0,"y":6189.984375,"width":648.0,"height":1951.18432617188},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":6189.984375,"width":648.0,"height":1951.1845703125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":1951.18432617188},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7544","61:7546"]},"1:162":{"type":"COMPONENT_SET","id":"1:162","name":"Footer","absoluteBoundingBox":{"x":4915.0,"y":2195.0,"width":1062.0,"height":1081.0},"isolatedAbsoluteRenderBounds":{"x":4915.0,"y":2195.0,"width":1062.0,"height":1081.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,2195.0]],"size":{"x":1062.0,"y":1081.0},"fills":[],"strokeAlign":"INSIDE","strokeDashes":[10.0,5.0],"strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.592156887054443,"g":0.278431385755539,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["1:163","1:187","1:211"],"componentPropertyDefinitions":{"Breakpoint":{"type":"VARIANT","defaultValue":"Desktop","variantOptions":["Desktop","Mobile","Tablet"]}}},"59:1062":{"type":"TEXT","id":"59:1062","name":"To build clarity and trust in the system, it’s essential that our tools and resources follow structures that make the decision-making process transparent and document the thinking behind our design choices. Well-reasoned structural foundations help make the project navigable and intuitive for users. Work within this pillar focused on: Unifying all systems across different platforms and technologies under one common framework, aligning them with our organisational ethos and branding efforts. Taking a grassroots approach to governance, addressing resource limitations and empowering product teams to take ownership of the tools, ensuring they remain alive and evolving through contributions. Transparent communication through a clear strategy that keeps both internal and external stakeholders informed, fostering alignment and trust. Clearly defined component levels hierarchy, tailored to our needs, that classifies components in predictable ways to make them easier to find and use.","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":640.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":10577.4091796875,"y":5564.0,"width":633.974609375,"height":457.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":468.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4],"characters":"To build clarity and trust in the system, it’s essential that our tools and resources follow structures that make the decision-making process transparent and document the thinking behind our design choices. Well-reasoned structural foundations help make the project navigable and intuitive for users. Work within this pillar focused on:\n\nUnifying all systems across different platforms and technologies under one common framework, aligning them with our organisational ethos and branding efforts.\n\nTaking a grassroots approach to governance, addressing resource limitations and empowering product teams to take ownership of the tools, ensuring they remain alive and evolving through contributions.\n\nTransparent communication through a clear strategy that keeps both internal and external stakeholders informed, fostering alignment and trust.\n\nClearly defined component levels hierarchy, tailored to our needs, that classifies components in predictable ways to make them easier to find and use.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:914":{"type":"TEXT","id":"59:914","name":"Quality","absoluteBoundingBox":{"x":10577.0,"y":4314.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10578.35546875,"y":4318.8466796875,"width":78.822265625,"height":23.0625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7546":{"type":"FRAME","id":"61:7546","name":"Frame 41","absoluteBoundingBox":{"x":11639.0,"y":6299.984375,"width":640.0,"height":1793.18432617188},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":6299.984375,"width":640.0,"height":1793.1845703125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":1793.18432617188},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7547","66:1731","66:1702","66:1727","66:1710","66:1735","66:1718","66:1739"]},"66:1735":{"type":"RECTANGLE","id":"66:1735","name":"Screenshot 2025-06-15 at 18.50.07 1","absoluteBoundingBox":{"x":11639.0,"y":7311.3583984375,"width":624.0,"height":288.904998779297},"targetAspectRatio":{"x":2864.0,"y":1326.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":7311.3583984375,"width":624.0,"height":288.90478515625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1011.37426757812]],"size":{"x":624.0,"y":288.904998779297},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"69ab514575645e7989c8f1b1a3b06a6dc7b6bfe0","originalImageWidth":2864,"originalImageHeight":1326,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"61:7487":{"type":"TEXT","id":"61:7487","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10022":{"type":"TEXT","id":"61:10022","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users. Open source projects building polished, corporate-grade technical systems This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":12419.0,"y":4449.796875,"width":640.0,"height":416.0},"isolatedAbsoluteRenderBounds":{"x":12419.0,"y":4449.796875,"width":640.0,"height":416.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":416.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.\n\nOpen source projects building polished, corporate-grade technical systems\n\nThis audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,0,0,0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"66:1727":{"type":"RECTANGLE","id":"66:1727","name":"Screenshot 2025-06-15 at 18.44.41 1","absoluteBoundingBox":{"x":11639.0,"y":7009.0400390625,"width":624.0,"height":123.31844329834},"targetAspectRatio":{"x":2864.0,"y":566.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":7009.0400390625,"width":624.0,"height":123.318359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,709.055847167969]],"size":{"x":624.0,"y":123.31844329834},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"09f22e4bddd2403b8f862aea667ef931ee52e7d7","originalImageWidth":2864,"originalImageHeight":566,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"66:1731":{"type":"RECTANGLE","id":"66:1731","name":"Screenshot 2025-06-15 at 18.48.24 1","absoluteBoundingBox":{"x":11639.0,"y":6583.984375,"width":624.0,"height":220.055862426758},"targetAspectRatio":{"x":2864.0,"y":1010.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":6583.984375,"width":624.0,"height":220.0556640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,284.0]],"size":{"x":624.0,"y":220.055862426758},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"fdc6846b83df41f7c563a199ceb902f0f50cad3c","originalImageWidth":2864,"originalImageHeight":1010,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"61:7549":{"type":"FRAME","id":"61:7549","name":"Sizing","absoluteBoundingBox":{"x":11639.0,"y":8141.1689453125,"width":648.0,"height":386.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8141.1689453125,"width":648.0,"height":386.0},"relativeTransform":[[1.0,0.0,120.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":386.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:7550"]},"61:7547":{"type":"TEXT","id":"61:7547","name":"To demonstrate how we began putting our strategy into action, here are some examples of tools we identified as having the highest impact for our teams. These tools were key to proving the value of a design system to our stakeholders, with the ultimate goal of securing better resourcing in the future. Component Status: One of the first tools we developed was a component map. This map linked to the existing sources of truth for design, documentation, and code, helping us understand the current state of our system. We also evaluated the completeness of each component and included a backlog of ideas for future improvements or additions in upcoming roadmaps.","absoluteBoundingBox":{"x":11639.0,"y":6299.984375,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":11639.5,"y":6306.984375,"width":631.21875,"height":249.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2],"characters":"To demonstrate how we began putting our strategy into action, here are some examples of tools we identified as having the highest impact for our teams. These tools were key to proving the value of a design system to our stakeholders, with the ultimate goal of securing better resourcing in the future.\n\nComponent Status: One of the first tools we developed was a component map. This map linked to the existing sources of truth for design, documentation, and code, helping us understand the current state of our system. We also evaluated the completeness of each component and included a backlog of ideas for future improvements or additions in upcoming roadmaps.","lineIndentations":[0,0,1],"lineTypes":["NONE","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"2":{"styleIdForText":"StyleId:1:76","fontFamily":"IBM Plex Sans","fontPostScriptName":"IBMPlexSans-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}}},"61:7544":{"type":"FRAME","id":"61:7544","name":"Frame 40","absoluteBoundingBox":{"x":11639.0,"y":6237.984375,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":6237.984375,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7545"]},"61:7551":{"type":"FRAME","id":"61:7551","name":"Frame 40","absoluteBoundingBox":{"x":11639.0,"y":8189.1689453125,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8189.1689453125,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7552"]},"61:10119":{"type":"TEXT","id":"61:10119","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7444":{"type":"FRAME","id":"61:7444","name":"Type styles","absoluteBoundingBox":{"x":11519.0,"y":3495.72924804688,"width":800.0,"height":2694.25537109375},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":3495.72924804688,"width":800.0,"height":2694.25537109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3395.72924804688]],"size":{"x":800.0,"y":2694.25537109375},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":120.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:7445"]},"61:7446":{"type":"FRAME","id":"61:7446","name":"Frame 31","absoluteBoundingBox":{"x":11639.0,"y":3495.72924804688,"width":648.0,"height":2694.25537109375},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3495.72924804688,"width":648.0,"height":2694.25537109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":2694.25537109375},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisSizingMode":"FIXED","children":["61:7447","61:7455","61:7472","61:7495","61:7518"]},"61:7518":{"type":"FRAME","id":"61:7518","name":"Frame 50","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":648.0,"height":391.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":648.0,"height":391.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2255.25537109375]],"size":{"x":648.0,"y":391.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7519","61:7530"]},"61:10085":{"type":"TEXT","id":"61:10085","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"58:665":{"mainComponentId":"1:163","type":"INSTANCE","id":"58:665","name":"Footer","absoluteBoundingBox":{"x":10425.0,"y":9758.0,"width":1030.0,"height":286.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":9758.0,"width":1030.0,"height":286.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,9658.0]],"size":{"x":1030.0,"y":286.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":128.0,"paddingBottom":32.0,"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","children":["I58:665;1:164","I58:665;1:180"],"componentSetId":"1:162","componentProperties":{"Breakpoint":{"value":"Desktop","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":1030.0,"y":286.0}},"componentId":"1:163"},{"key":["Footer0","Text0","Back to the top0"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":174},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:163"}]},"61:7540":{"type":"TEXT","id":"61:7540","name":"Open source is at the heart of Canonical’s mission, and we aim to expand on this with the concept of Open Design: a collaborative process where designers build on each other’s ideas to create a shared resource. Key actions in this pillar included: Engaging with communities (both internal and external) to understand their needs, fostering a deeper understanding of the system, and encouraging ownership in its use and upkeep. Driving contributions to ensure the system remains vibrant, evolving, and up-to-date. Transparent roadmaps that create predictability in our ability to deliver, while reinforcing our leadership position and strengthening the system’s legitimacy.","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":640.0,"height":338.0},"isolatedAbsoluteRenderBounds":{"x":11639.5458984375,"y":5810.802734375,"width":635.869140625,"height":327.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":338.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Open source is at the heart of Canonical’s mission, and we aim to expand on this with the concept of Open Design: a collaborative process where designers build on each other’s ideas to create a shared resource. Key actions in this pillar included:\n\nEngaging with communities (both internal and external) to understand their needs, fostering a deeper understanding of the system, and encouraging ownership in its use and upkeep.\n\nDriving contributions to ensure the system remains vibrant, evolving, and up-to-date.\n\nTransparent roadmaps that create predictability in our ability to deliver, while reinforcing our leadership position and strengthening the system’s legitimacy.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7538":{"type":"TEXT","id":"61:7538","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[1,1,1,1,1,1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7535":{"type":"TEXT","id":"61:7535","name":"This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7533":{"type":"TEXT","id":"61:7533","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:250":{"type":"COMPONENT","id":"1:250","name":"Size=Tablet","absoluteBoundingBox":{"x":4931.0,"y":3797.83203125,"width":800.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":3797.83203125,"width":800.0,"height":101.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,447.83203125]],"size":{"x":800.0,"y":101.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"constraintValues":{"left":{"pixelOffset":16.0,"sizeFraction":0.0},"top":{"pixelOffset":447.83203125,"sizeFraction":0.0}},"strokeAlign":"INSIDE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["1:251"],"componentSetId":"1:235"},"61:9999":{"type":"FRAME","id":"61:9999","name":"Frame 31","absoluteBoundingBox":{"x":12403.0,"y":1717.0,"width":335.0,"height":1259.79699707031},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":1717.0,"width":335.0,"height":1259.79699707031},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":1259.79699707031},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10000","61:10002"]},"61:7532":{"type":"TEXT","id":"61:7532","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7519":{"type":"FRAME","id":"61:7519","name":"Frame 45","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7520","61:7521","61:7522","61:7523","61:7524","61:7525","61:7526","61:7527","61:7528","61:7529"]},"59:1145":{"type":"TEXT","id":"59:1145","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7528":{"type":"TEXT","id":"61:7528","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7526":{"type":"TEXT","id":"61:7526","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:281":{"type":"FRAME","id":"1:281","name":"Contact us","absoluteBoundingBox":{"x":4947.0,"y":4007.83203125,"width":343.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":4007.83203125,"width":343.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,16.0]],"size":{"x":343.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["3:423","1:283"]},"61:7525":{"type":"TEXT","id":"61:7525","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7524":{"type":"TEXT","id":"61:7524","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7520":{"type":"TEXT","id":"61:7520","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"110:911":{"type":"TEXT","id":"110:911","name":"Design systems","absoluteBoundingBox":{"x":4856.0,"y":5913.0,"width":120.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":4857.4091796875,"y":5920.0,"width":117.2998046875,"height":15.45458984375},"relativeTransform":[[1.0,0.0,91.0],[0.0,1.0,0.0]],"size":{"x":120.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems","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":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7513":{"type":"TEXT","id":"61:7513","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7511":{"type":"TEXT","id":"61:7511","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7510":{"type":"TEXT","id":"61:7510","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7466":{"type":"TEXT","id":"61:7466","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":11639.0,"y":4044.98461914062,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4044.98461914062,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7508":{"type":"TEXT","id":"61:7508","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10030":{"type":"FRAME","id":"61:10030","name":"Type styles","absoluteBoundingBox":{"x":12383.0,"y":5015.796875,"width":375.0,"height":3918.79418945312},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":5015.796875,"width":375.0,"height":3918.79418945312},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,4915.796875]],"size":{"x":375.0,"y":3918.79418945312},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingLeft":20.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:10031"]},"61:7496":{"type":"FRAME","id":"61:7496","name":"Frame 45","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7497","61:7498","61:7499","61:7500","61:7501","61:7502","61:7503","61:7504","61:7505","61:7506"]},"61:7506":{"type":"TEXT","id":"61:7506","name":"Structure","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11640.2275390625,"y":5187.291015625,"width":105.166015625,"height":17.98291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Structure","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7504":{"type":"TEXT","id":"61:7504","name":"Quality","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:48":{"type":"TEXT","id":"1:48","name":"H2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":46.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":0.540000021457672,"y":7.58399868011475,"width":42.9876556396484,"height":33.2639999389648},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":46.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":36.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.9,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":87.3015899658203,"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":{}},"61:7514":{"type":"TEXT","id":"61:7514","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7503":{"type":"TEXT","id":"61:7503","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7501":{"type":"TEXT","id":"61:7501","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7500":{"type":"TEXT","id":"61:7500","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7499":{"type":"TEXT","id":"61:7499","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7497":{"type":"TEXT","id":"61:7497","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"111:1004":{"type":"COMPONENT","id":"111:1004","name":"Property 1=Default","absoluteBoundingBox":{"x":4765.0,"y":5741.0,"width":264.0,"height":298.0},"isolatedAbsoluteRenderBounds":{"x":4765.0,"y":5741.0,"width":264.0,"height":298.0},"relativeTransform":[[1.0,0.0,48.0],[0.0,1.0,16.0]],"size":{"x":264.0,"y":298.0},"fills":[],"constraintValues":{"left":{"pixelOffset":48.0,"sizeFraction":0.0},"top":{"pixelOffset":16.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":111,"localID":1039},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":111,"localID":1006},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"INOUT_CUBIC","easingFunction":[0.419999986886978,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"111:1005"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["121:5640","111:996","110:912"],"componentSetId":"111:1005"},"61:7494":{"type":"TEXT","id":"61:7494","name":"Design systems provide tools that enable both design and front-end engineering teams to work more efficiently, both within their disciplines and across teams. Ensuring alignment between these tools drives better communication and collaboration, ultimately leading to faster, higher-quality work. Key areas of focus within this pillar included: Broader coverage of high-quality components in both design and code, addressing the diverse use cases across products and offering more comprehensive options for teams to use. A modern approach to design systems, embracing new terminology and tools such as design tokens, Figma libraries, and web components, ensuring we stay current with industry standards and improve our workflow. Improved onboarding experience for designers and developers, designed to be self-guided and accessible to those without prior knowledge of the system, reducing barriers to entry.","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":640.0,"height":442.0},"isolatedAbsoluteRenderBounds":{"x":11639.5,"y":4698.802734375,"width":628.46875,"height":431.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":442.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Design systems provide tools that enable both design and front-end engineering teams to work more efficiently, both within their disciplines and across teams. Ensuring alignment between these tools drives better communication and collaboration, ultimately leading to faster, higher-quality work. Key areas of focus within this pillar included:\n\nBroader coverage of high-quality components in both design and code, addressing the diverse use cases across products and offering more comprehensive options for teams to use.\n\nA modern approach to design systems, embracing new terminology and tools such as design tokens, Figma libraries, and web components, ensuring we stay current with industry standards and improve our workflow.\n\nImproved onboarding experience for designers and developers, designed to be self-guided and accessible to those without prior knowledge of the system, reducing barriers to entry.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7493":{"type":"TEXT","id":"61:7493","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10133":{"type":"TEXT","id":"61:10133","name":"To demonstrate how we began putting our strategy into action, here are some examples of tools we identified as having the highest impact for our teams. These tools were key to proving the value of a design system to our stakeholders, with the ultimate goal of securing better resourcing in the future. Component Status: One of the first tools we developed was a component map. This map linked to the existing sources of truth for design, documentation, and code, helping us understand the current state of our system. We also evaluated the completeness of each component and included a backlog of ideas for future improvements or additions in upcoming roadmaps.","absoluteBoundingBox":{"x":12403.0,"y":9035.5908203125,"width":335.0,"height":494.0},"isolatedAbsoluteRenderBounds":{"x":12403.5,"y":9042.5908203125,"width":329.53125,"height":483.4541015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":494.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2],"characters":"To demonstrate how we began putting our strategy into action, here are some examples of tools we identified as having the highest impact for our teams. These tools were key to proving the value of a design system to our stakeholders, with the ultimate goal of securing better resourcing in the future.\n\nComponent Status: One of the first tools we developed was a component map. This map linked to the existing sources of truth for design, documentation, and code, helping us understand the current state of our system. We also evaluated the completeness of each component and included a backlog of ideas for future improvements or additions in upcoming roadmaps.","lineIndentations":[0,0,1],"lineTypes":["NONE","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"2":{"styleIdForText":"StyleId:1:76","fontFamily":"IBM Plex Sans","fontPostScriptName":"IBMPlexSans-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}}},"61:7492":{"type":"TEXT","id":"61:7492","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7491":{"type":"TEXT","id":"61:7491","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"66:1718":{"type":"TEXT","id":"66:1718","name":"Design Tokens: One of the most significant advancements in managing our design system has been the adoption of design tokens. These allow us to systematise our brand values in a way that supports scalability and provides insight into the impact of changing brand values in the future. We began by defining a general approach to tokens, then moved on to implementing a system of primitive and semantic tokens for our colour palette.","absoluteBoundingBox":{"x":11639.0,"y":7624.263671875,"width":640.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":11648.4990234375,"y":7630.96240234375,"width":620.1357421875,"height":145.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1324.279296875]],"size":{"x":640.0,"y":156.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Design Tokens: One of the most significant advancements in managing our design system has been the adoption of design tokens. These allow us to systematise our brand values in a way that supports scalability and provides insight into the impact of changing brand values in the future. We began by defining a general approach to tokens, then moved on to implementing a system of primitive and semantic tokens for our colour palette.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7490":{"type":"TEXT","id":"61:7490","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:4227":{"type":"TEXT","id":"59:4227","name":"To demonstrate how we began putting our strategy into action, here are some examples of tools we identified as having the highest impact for our teams. These tools were key to proving the value of a design system to our stakeholders, with the ultimate goal of securing better resourcing in the future. Component Status: One of the first tools we developed was a component map. This map linked to the existing sources of truth for design, documentation, and code, helping us understand the current state of our system. We also evaluated the completeness of each component and included a backlog of ideas for future improvements or additions in upcoming roadmaps.","absoluteBoundingBox":{"x":10577.0,"y":6622.0,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":10577.5,"y":6629.0,"width":631.21875,"height":249.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"To demonstrate how we began putting our strategy into action, here are some examples of tools we identified as having the highest impact for our teams. These tools were key to proving the value of a design system to our stakeholders, with the ultimate goal of securing better resourcing in the future.\n\nComponent Status: One of the first tools we developed was a component map. This map linked to the existing sources of truth for design, documentation, and code, helping us understand the current state of our system. We also evaluated the completeness of each component and included a backlog of ideas for future improvements or additions in upcoming roadmaps.","lineIndentations":[0,0,1],"lineTypes":["NONE","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7489":{"type":"TEXT","id":"61:7489","name":"This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7488":{"type":"TEXT","id":"61:7488","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7486":{"type":"TEXT","id":"61:7486","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7481":{"type":"TEXT","id":"61:7481","name":"Quality","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7478":{"type":"TEXT","id":"61:7478","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7477":{"type":"TEXT","id":"61:7477","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10051":{"type":"TEXT","id":"61:10051","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7474":{"type":"TEXT","id":"61:7474","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:903":{"type":"TEXT","id":"59:903","name":"This audience embodies a set of key characteristics: Open source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":10577.0,"y":4367.0,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4367.0,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"This audience embodies a set of key characteristics:\n\nOpen source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7455":{"type":"FRAME","id":"61:7455","name":"Frame 46","absoluteBoundingBox":{"x":11639.0,"y":3991.98461914062,"width":648.0,"height":599.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3991.98461914062,"width":648.0,"height":599.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,496.255340576172]],"size":{"x":648.0,"y":599.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7456","61:7464"]},"61:7470":{"type":"TEXT","id":"61:7470","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4044.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4044.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7469":{"type":"TEXT","id":"61:7469","name":"This audience embodies a set of key characteristics: Open source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":11639.0,"y":4044.98461914062,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4044.98461914062,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"This audience embodies a set of key characteristics:\n\nOpen source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10028":{"type":"TEXT","id":"61:10028","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":4525.796875,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":4525.796875,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7468":{"type":"TEXT","id":"61:7468","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4044.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4044.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10019":{"type":"SVG","id":"61:10019","name":"Vector 4704","absoluteBoundingBox":{"x":12403.0,"y":4449.796875,"width":0.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12402.0,"y":4449.796875,"width":2.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":0.0,"y":52.0},"fills":[],"strokeAlign":"CENTER","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"cedd02812efc466c6cc458e658fd4e14e9f6b6c4"},"61:10054":{"type":"TEXT","id":"61:10054","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7465":{"type":"TEXT","id":"61:7465","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4044.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4044.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9992":{"type":"FRAME","id":"61:9992","name":"Type styles","absoluteBoundingBox":{"x":12383.0,"y":659.0,"width":375.0,"height":1058.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":659.0,"width":375.0,"height":1058.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,559.0]],"size":{"x":375.0,"y":1058.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingLeft":20.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:9993"]},"61:7460":{"type":"TEXT","id":"61:7460","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":11639.0,"y":3991.98461914062,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3991.98461914062,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"66:1703":{"type":"TEXT","id":"66:1703","name":"Figma Libraries: To drive consistency and make our designers' work more efficient, we focused on creating new Figma libraries that followed industry best practices. These libraries were trackable, allowing us to monitor usage and measure adoption across teams. We first developed a plan for structuring and implementing these libraries, then worked on our core library, which included the majority of components used by all teams.","absoluteBoundingBox":{"x":12403.0,"y":9695.7294921875,"width":335.0,"height":313.0},"isolatedAbsoluteRenderBounds":{"x":12412.5546875,"y":9702.7294921875,"width":321.4365234375,"height":301.2724609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,660.138977050781]],"size":{"x":335.0,"y":313.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2],"characters":"Figma Libraries: To drive consistency and make our designers' work more efficient, we focused on creating new Figma libraries that followed industry best practices. These libraries were trackable, allowing us to monitor usage and measure adoption across teams. We first developed a plan for structuring and implementing these libraries, then worked on our core library, which included the majority of components used by all teams.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"2":{"styleIdForText":"StyleId:1:76","fontFamily":"IBM Plex Sans","fontPostScriptName":"IBMPlexSans-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}}},"61:7457":{"type":"TEXT","id":"61:7457","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":3991.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3991.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7450":{"type":"FRAME","id":"61:7450","name":"Frame 41","absoluteBoundingBox":{"x":11639.0,"y":3891.98461914062,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3891.98461914062,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,348.255340576172]],"size":{"x":640.0,"y":52.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7451","61:7452","61:7453","61:7454"]},"61:7485":{"type":"TEXT","id":"61:7485","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:186":{"type":"TEXT","id":"1:186","name":"All Rights Reserved","absoluteBoundingBox":{"x":5805.0,"y":2427.0,"width":116.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5805.259765625,"y":2430.75708007812,"width":114.19287109375,"height":11.348876953125},"relativeTransform":[[1.0,0.0,834.0],[0.0,1.0,0.0]],"size":{"x":116.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"All Rights Reserved","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"61:7453":{"type":"TEXT","id":"61:7453","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":3891.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3891.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7451":{"type":"TEXT","id":"61:7451","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":3891.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3891.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"66:1694":{"type":"RECTANGLE","id":"66:1694","name":"Screenshot 2025-06-15 at 18.41.33 1","absoluteBoundingBox":{"x":11639.0,"y":3605.72924804688,"width":624.0,"height":262.255340576172},"targetAspectRatio":{"x":3274.0,"y":1376.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3605.72924804688,"width":624.0,"height":262.25537109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,62.0]],"size":{"x":624.0,"y":262.255340576172},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"a11fed2f82d4b45c93749f273a8fad121f761894","originalImageWidth":3274,"originalImageHeight":1376,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"3:671":{"type":"TEXT","id":"3:671","name":"Legal","absoluteBoundingBox":{"x":5034.0,"y":3192.0,"width":33.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5034.0,"y":3192.0,"width":33.0,"height":16.0},"relativeTransform":[[1.0,0.0,87.0],[0.0,1.0,0.0]],"size":{"x":33.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Legal","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"61:7449":{"type":"TEXT","id":"61:7449","name":"What do we offer? Our operational pillars","absoluteBoundingBox":{"x":11639.0,"y":3543.72924804688,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11639.6591796875,"y":3550.36572265625,"width":623.263671875,"height":30.908935546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"What do we offer? Our operational pillars","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7425":{"type":"FRAME","id":"61:7425","name":"Type styles","absoluteBoundingBox":{"x":11519.0,"y":2925.72924804688,"width":800.0,"height":570.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":2925.72924804688,"width":800.0,"height":570.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2825.72924804688]],"size":{"x":800.0,"y":570.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":120.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:7426"]},"61:7426":{"type":"FRAME","id":"61:7426","name":"Sizing","absoluteBoundingBox":{"x":11639.0,"y":2925.72924804688,"width":648.0,"height":570.0},"isolatedAbsoluteRenderBounds":{"x":11638.0,"y":2925.72924804688,"width":649.0,"height":570.0},"relativeTransform":[[1.0,0.0,120.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":570.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:7427"]},"59:4221":{"type":"FRAME","id":"59:4221","name":"Type styles","absoluteBoundingBox":{"x":10425.0,"y":6512.0,"width":1030.0,"height":2308.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":6512.0,"width":1032.0,"height":2308.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,6412.0]],"size":{"x":1030.0,"y":2308.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":152.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["59:4222"]},"61:7427":{"type":"FRAME","id":"61:7427","name":"Frame 31","absoluteBoundingBox":{"x":11639.0,"y":2925.72924804688,"width":648.0,"height":570.0},"isolatedAbsoluteRenderBounds":{"x":11638.0,"y":2925.72924804688,"width":649.0,"height":570.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":570.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7428","61:7430","61:7432","61:7439"]},"61:7439":{"type":"FRAME","id":"61:7439","name":"Frame 43","absoluteBoundingBox":{"x":11639.0,"y":3187.72924804688,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3187.72924804688,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,262.0]],"size":{"x":640.0,"y":260.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7440","61:7441","61:7442","61:7443"]},"61:7443":{"type":"TEXT","id":"61:7443","name":"This audience embodies a set of key characteristics: Open source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":11639.0,"y":3187.72924804688,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":11639.7724609375,"y":3194.54736328125,"width":622.298828125,"height":249.636474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"This audience embodies a set of key characteristics:\n\nOpen source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"124:6103":{"mainComponentId":"111:1004","type":"INSTANCE","id":"124:6103","name":"Card","absoluteBoundingBox":{"x":12438.5,"y":11742.13671875,"width":264.0,"height":298.0},"isolatedAbsoluteRenderBounds":{"x":12438.5,"y":11742.13671875,"width":264.0,"height":298.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":264.0,"y":298.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":111,"localID":1039},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":111,"localID":1006},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"INOUT_CUBIC","easingFunction":[0.419999986886978,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"111:1005"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":119,"localID":1191},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":66,"localID":407},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":false,"connectionURL":"/planning"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["I124:6103;121:5640","I124:6103;111:996","I124:6103;110:912"],"componentSetId":"111:1005","componentProperties":{"Text#112:0":{"type":"TEXT","value":{"characters":"Planning for a distributed design system","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Property 1":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":264.0,"y":298.0},"interactions":[{"id":{"sessionID":111,"localID":1039},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":111,"localID":1006},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"INOUT_CUBIC","easingFunction":[0.419999986886978,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"111:1005"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":119,"localID":1191},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":66,"localID":407},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":false,"connectionURL":"/planning"}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"111:1004"},{"key":["Building the strategy behind an open source design system0"],"value":{"characterStyleOverrides":[],"characters":"Planning for a distributed design system","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"111:1004"},{"key":["Group 88 10"],"value":{"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"8b0be35ea6941878e3881e8dd670d691167eac9e","originalImageWidth":1600,"originalImageHeight":970,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"111:1004"}]},"61:7441":{"type":"TEXT","id":"61:7441","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":11639.0,"y":3187.72924804688,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3187.72924804688,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9980":{"mainComponentId":"1:250","type":"INSTANCE","id":"61:9980","name":"Navigation","absoluteBoundingBox":{"x":12383.0,"y":100.0,"width":800.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":100.0,"width":800.0,"height":101.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":101.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"INSIDE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["I61:9980;1:251"],"componentSetId":"1:235","componentProperties":{"Size":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[]},"61:7440":{"type":"TEXT","id":"61:7440","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":3187.72924804688,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3187.72924804688,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7447":{"type":"FRAME","id":"61:7447","name":"Frame 47","absoluteBoundingBox":{"x":11639.0,"y":3543.72924804688,"width":648.0,"height":400.255340576172},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3543.72924804688,"width":648.0,"height":400.25537109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":648.0,"y":400.255340576172},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7448","61:7450"]},"61:7437":{"type":"TEXT","id":"61:7437","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11655.0,"y":3137.72924804688,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11655.0,"y":3137.72924804688,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7436":{"type":"TEXT","id":"61:7436","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users. Open source projects building polished, corporate-grade technical systems This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":11655.0,"y":3137.72924804688,"width":640.0,"height":416.0},"isolatedAbsoluteRenderBounds":{"x":11655.0,"y":3137.72924804688,"width":640.0,"height":416.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":416.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.\n\nOpen source projects building polished, corporate-grade technical systems\n\nThis audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,0,0,0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:647":{"type":"TEXT","id":"59:647","name":"Design systems","absoluteBoundingBox":{"x":10671.0,"y":421.0,"width":120.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":10672.4091796875,"y":428.0,"width":117.2998046875,"height":15.4545593261719},"relativeTransform":[[1.0,0.0,94.0],[0.0,1.0,0.0]],"size":{"x":120.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems","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":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7435":{"type":"TEXT","id":"61:7435","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11655.0,"y":3137.72924804688,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11655.0,"y":3137.72924804688,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7433":{"type":"SVG","id":"61:7433","name":"Vector 4704","absoluteBoundingBox":{"x":11639.0,"y":3137.72924804688,"width":0.0,"height":23.0},"isolatedAbsoluteRenderBounds":{"x":11638.0,"y":3137.72924804688,"width":2.0,"height":23.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":0.0,"y":23.0},"fills":[],"strokeAlign":"CENTER","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"d49833c13c537f08093ee72700d25ce64d5d8a4e"},"59:708":{"type":"FRAME","id":"59:708","name":"Frame 40","absoluteBoundingBox":{"x":10577.0,"y":3188.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3188.0,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:709"]},"59:1144":{"type":"TEXT","id":"59:1144","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7430":{"type":"FRAME","id":"61:7430","name":"Frame 41","absoluteBoundingBox":{"x":11639.0,"y":3035.72924804688,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3035.72924804688,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":78.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7431"]},"61:10114":{"type":"TEXT","id":"61:10114","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7428":{"type":"FRAME","id":"61:7428","name":"Frame 40","absoluteBoundingBox":{"x":11639.0,"y":2973.72924804688,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":2973.72924804688,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7429"]},"61:7498":{"type":"TEXT","id":"61:7498","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7418":{"type":"FRAME","id":"61:7418","name":"Type styles","absoluteBoundingBox":{"x":11519.0,"y":2221.72924804688,"width":800.0,"height":704.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":2221.72924804688,"width":800.0,"height":704.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2121.72924804688]],"size":{"x":800.0,"y":704.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":120.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:7419"]},"61:10071":{"type":"TEXT","id":"61:10071","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7419":{"type":"FRAME","id":"61:7419","name":"Sizing","absoluteBoundingBox":{"x":11639.0,"y":2221.72924804688,"width":648.0,"height":704.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":2221.72924804688,"width":648.0,"height":704.0},"relativeTransform":[[1.0,0.0,120.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":704.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:7420"]},"61:7420":{"type":"FRAME","id":"61:7420","name":"Frame 31","absoluteBoundingBox":{"x":11639.0,"y":2221.72924804688,"width":648.0,"height":704.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":2221.72924804688,"width":648.0,"height":704.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":704.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7421","61:7423"]},"61:7424":{"type":"TEXT","id":"61:7424","name":"The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":2331.72924804688,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":11639.5,"y":2338.72924804688,"width":634.13671875,"height":535.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4],"characters":"The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:76":{"key":"29810aa5a59f161254b1367a698aebd29c0f090a","name":"Paragraph","styleType":"TEXT","remote":false,"description":"","id":"1:76","assetId":"StyleId:1:76","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%"},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}]},"61:7422":{"type":"TEXT","id":"61:7422","name":"Foundations: What is our mandate?","absoluteBoundingBox":{"x":11639.0,"y":2269.72924804688,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11641.556640625,"y":2276.52465820312,"width":534.986328125,"height":24.591064453125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"111:1014":{"type":"TEXT","id":"111:1014","name":"Canonical","absoluteBoundingBox":{"x":4765.0,"y":6267.0,"width":75.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":4765.95458984375,"y":6274.0,"width":72.28564453125,"height":12.20458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":75.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Canonical","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":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7412":{"type":"FRAME","id":"61:7412","name":"Sizing","absoluteBoundingBox":{"x":11639.0,"y":1196.0,"width":648.0,"height":1025.72924804688},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":1196.0,"width":648.0,"height":1025.72924804688},"relativeTransform":[[1.0,0.0,120.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":1025.72924804688},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:7413"]},"61:7405":{"type":"TEXT","id":"61:7405","name":"Leading the transformation of Canonical's design system into an open-source product that empowers technical audiences to create high-quality, cohesive experiences.","absoluteBoundingBox":{"x":11639.0,"y":390.0,"width":640.0,"height":116.0},"isolatedAbsoluteRenderBounds":{"x":11639.6728515625,"y":394.727264404297,"width":595.142578125,"height":110.181823730469},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,170.0]],"size":{"x":640.0,"y":116.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Leading the transformation of Canonical's design system into an open-source product that empowers technical audiences to create high-quality, cohesive experiences.","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7417":{"type":"TEXT","id":"61:7417","name":"The previous design system, Vanilla, had been built primarily as a CSS library and pre-dated the rise of design systems as collaborative tools between designers and developers. By the time this project began, the system remained largely engineering-led and was primarily documented for an engineering audience — with little to no design documentation. These documentation gaps were significant. The system relied heavily on the tacit knowledge of the team, which led to inconsistencies as individuals made ad hoc changes or diverged from the system entirely. This exposed both a lack of flexibility in the system and an absence of documented best practices to guide contributions. From a design perspective, the project had been under-resourced from the outset. The lack of a clear governance structure and participation mechanisms further discouraged meaningful contributions. Ideas that were proposed often stalled, simply due to the lack of capacity to develop them. To lay solid foundations for the future of the design system, we first needed to address these fundamental issues and create a shared strategy that the whole team could align behind.","absoluteBoundingBox":{"x":11639.0,"y":1653.72924804688,"width":640.0,"height":520.0},"isolatedAbsoluteRenderBounds":{"x":11639.3916015625,"y":1660.72924804688,"width":637.4609375,"height":509.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,347.729309082031]],"size":{"x":640.0,"y":520.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,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,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,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,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,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,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The previous design system, Vanilla, had been built primarily as a CSS library and pre-dated the rise of design systems as collaborative tools between designers and developers. By the time this project began, the system remained largely engineering-led and was primarily documented for an engineering audience — with little to no design documentation.\n\nThese documentation gaps were significant. The system relied heavily on the tacit knowledge of the team, which led to inconsistencies as individuals made ad hoc changes or diverged from the system entirely. This exposed both a lack of flexibility in the system and an absence of documented best practices to guide contributions.\n\nFrom a design perspective, the project had been under-resourced from the outset. The lack of a clear governance structure and participation mechanisms further discouraged meaningful contributions. Ideas that were proposed often stalled, simply due to the lack of capacity to develop them.\n\nTo lay solid foundations for the future of the design system, we first needed to address these fundamental issues and create a shared strategy that the whole team could align behind.","lineIndentations":[0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.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:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:80","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"66:1687":{"type":"RECTANGLE","id":"66:1687","name":"Screenshot 2025-06-15 at 18.39.24 1","absoluteBoundingBox":{"x":11639.0,"y":1306.0,"width":624.0,"height":323.729309082031},"targetAspectRatio":{"x":2926.0,"y":1518.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":1306.0,"width":624.0,"height":323.729248046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":624.0,"y":323.729309082031},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"b4cd354b6cb3ed236db0ecf5b82722903db42eec","originalImageWidth":2926,"originalImageHeight":1518,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"61:7414":{"type":"FRAME","id":"61:7414","name":"Frame 40","absoluteBoundingBox":{"x":11639.0,"y":1244.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":1244.0,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7415"]},"59:791":{"type":"FRAME","id":"59:791","name":"Frame 44","absoluteBoundingBox":{"x":10577.0,"y":3352.0,"width":846.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":10576.0,"y":3352.0,"width":847.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,212.0]],"size":{"x":846.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["59:783","59:737"]},"61:7406":{"type":"FRAME","id":"61:7406","name":"Type styles","absoluteBoundingBox":{"x":11519.0,"y":554.0,"width":800.0,"height":642.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":554.0,"width":800.0,"height":642.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,454.0]],"size":{"x":800.0,"y":642.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":120.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:7407"]},"61:7445":{"type":"FRAME","id":"61:7445","name":"Sizing","absoluteBoundingBox":{"x":11639.0,"y":3495.72924804688,"width":648.0,"height":2694.25537109375},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3495.72924804688,"width":648.0,"height":2694.25537109375},"relativeTransform":[[1.0,0.0,120.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":2694.25537109375},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:7446"]},"59:969":{"type":"TEXT","id":"59:969","name":"Design systems provide tools that enable both design and front-end engineering teams to work more efficiently, both within their disciplines and across teams. Ensuring alignment between these tools drives better communication and collaboration, ultimately leading to faster, higher-quality work. Key areas of focus within this pillar included: Broader coverage of high-quality components in both design and code, addressing the diverse use cases across products and offering more comprehensive options for teams to use. A modern approach to design systems, embracing new terminology and tools such as design tokens, Figma libraries, and web components, ensuring we stay current with industry standards and improve our workflow. Improved onboarding experience for designers and developers, designed to be self-guided and accessible to those without prior knowledge of the system, reducing barriers to entry.","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":640.0,"height":442.0},"isolatedAbsoluteRenderBounds":{"x":10577.5,"y":5020.818359375,"width":628.46875,"height":431.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":442.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Design systems provide tools that enable both design and front-end engineering teams to work more efficiently, both within their disciplines and across teams. Ensuring alignment between these tools drives better communication and collaboration, ultimately leading to faster, higher-quality work. Key areas of focus within this pillar included:\n\nBroader coverage of high-quality components in both design and code, addressing the diverse use cases across products and offering more comprehensive options for teams to use.\n\nA modern approach to design systems, embracing new terminology and tools such as design tokens, Figma libraries, and web components, ensuring we stay current with industry standards and improve our workflow.\n\nImproved onboarding experience for designers and developers, designed to be self-guided and accessible to those without prior knowledge of the system, reducing barriers to entry.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7407":{"type":"FRAME","id":"61:7407","name":"Sizing","absoluteBoundingBox":{"x":11639.0,"y":554.0,"width":648.0,"height":642.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":554.0,"width":648.0,"height":642.0},"relativeTransform":[[1.0,0.0,120.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":642.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:7408"]},"61:7410":{"type":"TEXT","id":"61:7410","name":"By April 2023, the design team at Canonical had been operating for over a year without a management structure. When a new leadership team was appointed, they began to define a clearer direction and vision for the team. Around the same time, one of my colleagues highlighted a critical issue: our web applications were using inconsistent design patterns and different components for similar functions — a direct consequence of the prolonged leadership gap. Recognising an opportunity to address this fragmentation, Me and two colleagues initiated an effort to bring greater cohesion across Canonical’s portfolio. To test our idea, we dedicated one day a week to explore new components that were better aligned with the needs of our products. We started with a side navigation component, focusing on creating solutions that would lay the groundwork for broader consistency. Six months later, our progress caught the attention of leadership. I was asked to lead a formal working group of designers, dedicating 20% of our time to rethink our design system strategy. Our mission was to transform our design system into a product in its own right, with a clear vision and purpose. This case study shares how I led this initiative to shape the vision of our design system and establish the foundational principles that would guide its evolution.","absoluteBoundingBox":{"x":11639.0,"y":602.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":11639.5458984375,"y":608.818176269531,"width":631.0517578125,"height":535.636413574219},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"By April 2023, the design team at Canonical had been operating for over a year without a management structure. When a new leadership team was appointed, they began to define a clearer direction and vision for the team. Around the same time, one of my colleagues highlighted a critical issue: our web applications were using inconsistent design patterns and different components for similar functions — a direct consequence of the prolonged leadership gap.\n\nRecognising an opportunity to address this fragmentation, Me and two colleagues initiated an effort to bring greater cohesion across Canonical’s portfolio. To test our idea, we dedicated one day a week to explore new components that were better aligned with the needs of our products. We started with a side navigation component, focusing on creating solutions that would lay the groundwork for broader consistency.\n\nSix months later, our progress caught the attention of leadership. I was asked to lead a formal working group of designers, dedicating 20% of our time to rethink our design system strategy. Our mission was to transform our design system into a product in its own right, with a clear vision and purpose.\n\nThis case study shares how I led this initiative to shape the vision of our design system and establish the foundational principles that would guide its evolution.","lineIndentations":[0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:760":{"type":"FRAME","id":"59:760","name":"Frame 43","absoluteBoundingBox":{"x":10577.0,"y":3402.0,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3402.0,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,262.0]],"size":{"x":640.0,"y":260.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:772","59:780","59:776","59:761"]},"61:7480":{"type":"TEXT","id":"61:7480","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:60":{"type":"TEXT","id":"1:60","name":"Heading 2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":44.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":1.25999999046326,"y":4.58499765396118,"width":41.1300010681152,"height":39.4650001525879},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":44.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,"effects":[],"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":"DotGothic16","fontPostScriptName":"DotGothic16-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":45.0,"letterSpacing":-1.35,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.5,"lineHeightPercent":76.8000030517578,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":45.0,"letterSpacing":-1.35,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.5,"lineHeightPercent":76.8000030517578,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":35.0,"letterSpacing":-1.05,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":31.5,"lineHeightPercent":76.8000030517578,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":45.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-1.35,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.5,"lineHeightPercent":62.1546974182129,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:5062":{"type":"TEXT","id":"59:5062","name":"Other design systems work","absoluteBoundingBox":{"x":10577.0,"y":9254.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10578.806640625,"y":9260.7958984375,"width":416.8896484375,"height":31.11328125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Other design systems work","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":{"styleIdForText":"StyleId:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7399":{"type":"FRAME","id":"61:7399","name":"Frame 40","absoluteBoundingBox":{"x":11639.0,"y":220.0,"width":640.0,"height":286.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":220.0,"width":640.0,"height":286.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,120.0]],"size":{"x":640.0,"y":286.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7400","61:7401","61:7405"]},"59:1052":{"type":"TEXT","id":"59:1052","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1117":{"type":"TEXT","id":"59:1117","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7404":{"type":"TEXT","id":"61:7404","name":"Design systems","absoluteBoundingBox":{"x":11733.0,"y":340.0,"width":120.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":11734.4091796875,"y":347.0,"width":117.2998046875,"height":15.4545593261719},"relativeTransform":[[1.0,0.0,94.0],[0.0,1.0,0.0]],"size":{"x":120.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems","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":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7400":{"type":"TEXT","id":"61:7400","name":"The strategy: An open source design system as a product","absoluteBoundingBox":{"x":11639.0,"y":220.0,"width":640.0,"height":96.0},"isolatedAbsoluteRenderBounds":{"x":11640.76171875,"y":229.909088134766,"width":561.537109375,"height":85.7272644042969},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":96.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The strategy: An open source design system as a product","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:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"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":{}},"61:7521":{"type":"TEXT","id":"61:7521","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1053":{"type":"TEXT","id":"59:1053","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:247":{"type":"FRAME","id":"1:247","name":"Text","absoluteBoundingBox":{"x":4963.0,"y":3629.0,"width":50.0,"height":44.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3629.0,"width":50.0,"height":44.0},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":44.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":12.0,"children":["1:248","1:249"]},"61:7484":{"type":"FRAME","id":"61:7484","name":"Frame 43","absoluteBoundingBox":{"x":11639.0,"y":4691.984375,"width":640.0,"height":442.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4691.984375,"width":640.0,"height":442.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":640.0,"y":442.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7485","61:7486","61:7487","61:7488","61:7489","61:7490","61:7491","61:7492","61:7493","61:7494"]},"61:7536":{"type":"TEXT","id":"61:7536","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1135":{"type":"TEXT","id":"59:1135","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7516":{"type":"TEXT","id":"61:7516","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:80":{"key":"e0ea323ed6322c8150b3289e16a6a650a2b141c2","name":"Paragraph bold","styleType":"TEXT","remote":false,"description":"","id":"1:80","assetId":"StyleId:1:80","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}]},"66:1717":{"type":"TEXT","id":"66:1717","name":"Design Tokens: One of the most significant advancements in managing our design system has been the adoption of design tokens. These allow us to systematise our brand values in a way that supports scalability and provides insight into the impact of changing brand values in the future. We began by defining a general approach to tokens, then moved on to implementing a system of primitive and semantic tokens for our colour palette.","absoluteBoundingBox":{"x":10577.0,"y":8203.0,"width":640.0,"height":138.0},"isolatedAbsoluteRenderBounds":{"x":10586.4990234375,"y":8209.69921875,"width":620.1357421875,"height":145.5732421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1581.0]],"size":{"x":640.0,"y":138.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Design Tokens: One of the most significant advancements in managing our design system has been the adoption of design tokens. These allow us to systematise our brand values in a way that supports scalability and provides insight into the impact of changing brand values in the future. We began by defining a general approach to tokens, then moved on to implementing a system of primitive and semantic tokens for our colour palette.","lineIndentations":[1],"lineTypes":["UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:959":{"type":"TEXT","id":"59:959","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:749":{"type":"TEXT","id":"59:749","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10593.0,"y":3352.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10593.0,"y":3352.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10064":{"type":"TEXT","id":"61:10064","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"66:1709":{"type":"TEXT","id":"66:1709","name":"Minimal Documentation: Addressing the initial documentation deficit, we created a template for providing minimal documentation for our design building blocks and key decisions. This template also served as a decision log, recording the rationale behind choices made by the team and ensuring consistency in the future","absoluteBoundingBox":{"x":10577.0,"y":7618.0,"width":640.0,"height":130.0},"isolatedAbsoluteRenderBounds":{"x":10586.4990234375,"y":7624.69873046875,"width":616.8671875,"height":116.48291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,996.0]],"size":{"x":640.0,"y":130.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Minimal Documentation: Addressing the initial documentation deficit, we created a template for providing minimal documentation for our design building blocks and key decisions. This template also served as a decision log, recording the rationale behind choices made by the team and ensuring consistency in the future","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"66:1739":{"type":"RECTANGLE","id":"66:1739","name":"Screenshot 2025-06-15 at 18.52.39 1","absoluteBoundingBox":{"x":11639.0,"y":7804.263671875,"width":624.0,"height":288.904998779297},"targetAspectRatio":{"x":2864.0,"y":1326.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":7804.263671875,"width":624.0,"height":288.90478515625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1504.279296875]],"size":{"x":624.0,"y":288.904998779297},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"e1154b61a5ace288f6f6ab484701611b93beb54c","originalImageWidth":2864,"originalImageHeight":1326,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"61:7452":{"type":"TEXT","id":"61:7452","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":11639.0,"y":3891.98461914062,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3891.98461914062,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7529":{"type":"TEXT","id":"61:7529","name":"Openness","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11640.35546875,"y":5756.291015625,"width":113.4072265625,"height":22.6025390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Openness","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7401":{"type":"FRAME","id":"61:7401","name":"Frame 21","absoluteBoundingBox":{"x":11639.0,"y":340.0,"width":214.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":340.0,"width":214.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,120.0]],"size":{"x":214.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","children":["61:7402","61:7403","61:7404"]},"66:1701":{"type":"TEXT","id":"66:1701","name":"Figma Libraries: To drive consistency and make our designers' work more efficient, we focused on creating new Figma libraries that followed industry best practices. These libraries were trackable, allowing us to monitor usage and measure adoption across teams. We first developed a plan for structuring and implementing these libraries, then worked on our core library, which included the majority of components used by all teams.","absoluteBoundingBox":{"x":10577.0,"y":7240.0,"width":640.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":10586.4990234375,"y":7246.69873046875,"width":624.3447265625,"height":145.57421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,618.0]],"size":{"x":640.0,"y":156.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Figma Libraries: To drive consistency and make our designers' work more efficient, we focused on creating new Figma libraries that followed industry best practices. These libraries were trackable, allowing us to monitor usage and measure adoption across teams. We first developed a plan for structuring and implementing these libraries, then worked on our core library, which included the majority of components used by all teams.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:337":{"type":"TEXT","id":"1:337","name":"Brand Story","absoluteBoundingBox":{"x":4931.0,"y":4406.83203125,"width":70.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4932.1181640625,"y":4410.39404296875,"width":68.21044921875,"height":11.38818359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":70.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Brand Story","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"59:1055":{"type":"FRAME","id":"59:1055","name":"Frame 43","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":640.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":640.0,"height":468.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":640.0,"y":468.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:1056","59:1057","59:1058","59:1059","59:1060","59:1061","59:1119","59:1135","59:1127","59:1062"]},"61:10063":{"type":"TEXT","id":"61:10063","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7531":{"type":"TEXT","id":"61:7531","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1054":{"type":"TEXT","id":"59:1054","name":"Structure","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10578.2275390625,"y":5509.306640625,"width":105.166015625,"height":17.98291015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Structure","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9934":{"mainComponentId":"1:250","type":"INSTANCE","id":"61:9934","name":"Navigation","absoluteBoundingBox":{"x":11519.0,"y":100.0,"width":800.0,"height":57.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":100.0,"width":800.0,"height":57.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":57.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":0.0,"sizeFraction":1.0},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["I61:9934;1:251"],"componentSetId":"1:235","componentProperties":{"Size":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","size":{"x":800.0,"y":57.0}},"componentId":"1:250"},{"key":["Content0"],"value":{"visible":null},"componentId":"1:250"},{"key":["Content0","Logo0"],"value":{"counterAxisAlignItems":"CENTER"},"componentId":"1:250"},{"key":["Content0","Contents0"],"value":{"visible":false},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":766},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":767},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 40"],"value":{"interactions":[{"id":{"sessionID":58,"localID":456},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":28,"localID":1311},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"}]},"59:960":{"type":"TEXT","id":"59:960","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:910":{"type":"FRAME","id":"59:910","name":"Frame 45","absoluteBoundingBox":{"x":10577.0,"y":4314.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4314.0,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:911","59:912","59:913","59:942","59:934","59:938","59:914"]},"61:10117":{"type":"TEXT","id":"61:10117","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:294":{"type":"FRAME","id":"1:294","name":"Nav labels 4","absoluteBoundingBox":{"x":4947.0,"y":4185.83203125,"width":46.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":4185.83203125,"width":46.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,144.0]],"size":{"x":46.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:295","1:296"]},"61:10049":{"type":"TEXT","id":"61:10049","name":"Quality","absoluteBoundingBox":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12404.35546875,"y":5467.4375,"width":78.822265625,"height":23.0625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:966":{"type":"TEXT","id":"59:966","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7397":{"type":"FRAME","id":"61:7397","name":"Sizing","absoluteBoundingBox":{"x":11639.0,"y":100.0,"width":648.0,"height":454.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":100.0,"width":648.0,"height":454.0},"relativeTransform":[[1.0,0.0,120.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":454.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:7398"]},"61:10017":{"type":"TEXT","id":"61:10017","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":12403.0,"y":4269.796875,"width":335.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":12403.556640625,"y":4276.49560546875,"width":329.0927734375,"height":145.755859375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":156.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:9986":{"type":"TEXT","id":"61:9986","name":"The strategy: An open source design system as a product","absoluteBoundingBox":{"x":12403.0,"y":220.0,"width":335.0,"height":114.0},"isolatedAbsoluteRenderBounds":{"x":12404.4091796875,"y":227.727264404297,"width":307.4658203125,"height":105.818176269531},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":114.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The strategy: An open source design system as a product","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:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10103":{"type":"TEXT","id":"61:10103","name":"To build clarity and trust in the system, it’s essential that our tools and resources follow structures that make the decision-making process transparent and document the thinking behind our design choices. Well-reasoned structural foundations help make the project navigable and intuitive for users. Work within this pillar focused on: Unifying all systems across different platforms and technologies under one common framework, aligning them with our organisational ethos and branding efforts. Taking a grassroots approach to governance, addressing resource limitations and empowering product teams to take ownership of the tools, ensuring they remain alive and evolving through contributions. Transparent communication through a clear strategy that keeps both internal and external stakeholders informed, fostering alignment and trust. Clearly defined component levels hierarchy, tailored to our needs, that classifies components in predictable ways to make them easier to find and use.","absoluteBoundingBox":{"x":12403.0,"y":7381.5908203125,"width":335.0,"height":832.0},"isolatedAbsoluteRenderBounds":{"x":12403.3408203125,"y":7388.5908203125,"width":332.89453125,"height":818.181640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":832.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4],"characters":"To build clarity and trust in the system, it’s essential that our tools and resources follow structures that make the decision-making process transparent and document the thinking behind our design choices. Well-reasoned structural foundations help make the project navigable and intuitive for users. Work within this pillar focused on:\n\nUnifying all systems across different platforms and technologies under one common framework, aligning them with our organisational ethos and branding efforts.\n\nTaking a grassroots approach to governance, addressing resource limitations and empowering product teams to take ownership of the tools, ensuring they remain alive and evolving through contributions.\n\nTransparent communication through a clear strategy that keeps both internal and external stakeholders informed, fostering alignment and trust.\n\nClearly defined component levels hierarchy, tailored to our needs, that classifies components in predictable ways to make them easier to find and use.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:62":{"type":"TEXT","id":"1:62","name":"Heading 1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":61.0,"height":66.0},"isolatedAbsoluteRenderBounds":{"x":1.6800000667572,"y":11.7799968719482,"width":57.2400016784668,"height":52.620002746582},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":61.0,"y":66.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"DotGothic16","fontPostScriptName":"DotGothic16-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":80.0,"letterSpacing":0.8,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":92.0,"lineHeightPercent":98.1333312988281,"lineHeightPercentFontSize":115.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":60.0,"letterSpacing":0.6,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":69.0,"lineHeightPercent":98.1333312988281,"lineHeightPercentFontSize":115.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":40.0,"letterSpacing":0.4,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":44.0,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":60.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.6,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":66.0,"lineHeightPercent":75.9668502807617,"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":{}},"1:9":{"type":"TEXT","id":"1:9","name":"Desktop/H2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":44.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":0.78125,"y":0.1015625,"width":41.7203140258789,"height":34.765625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":44.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"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":"Crimson Text","fontPostScriptName":"CrimsonText-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":-1.6,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.0,"lineHeightPercent":76.9346389770508,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"66:1725":{"type":"RECTANGLE","id":"66:1725","name":"Screenshot 2025-06-15 at 18.44.41 1","absoluteBoundingBox":{"x":10577.0,"y":7420.0,"width":880.0,"height":174.0},"targetAspectRatio":{"x":2864.0,"y":566.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":7420.0,"width":880.0,"height":174.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,798.0]],"size":{"x":880.0,"y":174.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"09f22e4bddd2403b8f862aea667ef931ee52e7d7","originalImageWidth":2864,"originalImageHeight":566,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"66:1710":{"type":"TEXT","id":"66:1710","name":"Minimal Documentation: Addressing the initial documentation deficit, we created a template for providing minimal documentation for our design building blocks and key decisions. This template also served as a decision log, recording the rationale behind choices made by the team and ensuring consistency in the future.","absoluteBoundingBox":{"x":11639.0,"y":7156.3583984375,"width":640.0,"height":131.0},"isolatedAbsoluteRenderBounds":{"x":11648.5546875,"y":7163.1767578125,"width":623.7177734375,"height":116.36328125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,856.374267578125]],"size":{"x":640.0,"y":131.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2],"characters":"Minimal Documentation: Addressing the initial documentation deficit, we created a template for providing minimal documentation for our design building blocks and key decisions. This template also served as a decision log, recording the rationale behind choices made by the team and ensuring consistency in the future.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"2":{"styleIdForText":"StyleId:1:76","fontFamily":"IBM Plex Sans","fontPostScriptName":"IBMPlexSans-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}}},"61:7527":{"type":"TEXT","id":"61:7527","name":"Quality","absoluteBoundingBox":{"x":11639.0,"y":5750.984375,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5750.984375,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10127":{"type":"FRAME","id":"61:10127","name":"Type styles","absoluteBoundingBox":{"x":12383.0,"y":8934.5908203125,"width":375.0,"height":2165.5458984375},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":8934.5908203125,"width":375.0,"height":2165.5458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8834.5908203125]],"size":{"x":375.0,"y":2165.5458984375},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingLeft":20.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:10128"]},"61:7512":{"type":"TEXT","id":"61:7512","name":"This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10025":{"type":"FRAME","id":"61:10025","name":"Frame 43","absoluteBoundingBox":{"x":12403.0,"y":4525.796875,"width":335.0,"height":442.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":4525.796875,"width":335.0,"height":442.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,357.0]],"size":{"x":335.0,"y":442.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10026","61:10027","61:10028","61:10029"]},"1:52":{"type":"TEXT","id":"1:52","name":"H3","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":21.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":0.21000000834465,"y":4.96200037002563,"width":20.2386417388916,"height":10.1919994354248},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":21.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":14.0,"letterSpacing":0.28,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":12.0,"letterSpacing":0.24,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.4000005722046,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":12.0,"letterSpacing":0.24,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":16.7999992370605,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.28,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":111.111114501953,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:957":{"type":"TEXT","id":"59:957","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7483":{"type":"TEXT","id":"61:7483","name":"Efficiency","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11640.91796875,"y":4643.71142578125,"width":110.791015625,"height":23.18212890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Efficiency","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:4253":{"type":"FRAME","id":"59:4253","name":"Type styles","absoluteBoundingBox":{"x":10425.0,"y":8820.0,"width":1030.0,"height":386.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":8820.0,"width":1030.0,"height":386.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8720.0]],"size":{"x":1030.0,"y":386.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":152.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["59:4254"]},"1:212":{"type":"FRAME","id":"1:212","name":"Content","absoluteBoundingBox":{"x":4931.0,"y":3035.0,"width":375.0,"height":86.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":3035.0,"width":375.0,"height":86.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,128.0]],"size":{"x":375.0,"y":86.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":59.0,"primaryAxisAlignItems":"MAX","counterAxisSizingMode":"FIXED","children":["1:222"]},"59:780":{"type":"TEXT","id":"59:780","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":10577.0,"y":3402.0,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3402.0,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10055":{"type":"TEXT","id":"61:10055","name":"This audience embodies a set of key characteristics: Open source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":12403.0,"y":5515.5908203125,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5515.5908203125,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"This audience embodies a set of key characteristics:\n\nOpen source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:46":{"type":"TEXT","id":"1:46","name":"Mobile/H3","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":21.0,"height":18.0},"isolatedAbsoluteRenderBounds":{"x":0.240000009536743,"y":3.70399951934814,"width":19.0100002288818,"height":14.7840013504028},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":21.0,"y":18.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.48,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":17.6000003814697,"lineHeightPercent":87.3015899658203,"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":{}},"59:955":{"type":"TEXT","id":"59:955","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7403":{"type":"SVG","id":"61:7403","name":"Vector 4704","absoluteBoundingBox":{"x":11725.0,"y":341.0,"width":0.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":11724.5,"y":341.0,"width":1.0,"height":24.0},"relativeTransform":[[1.0,0.0,86.0],[0.0,1.0,1.0]],"size":{"x":0.0,"y":24.0},"fills":[],"strokeAlign":"CENTER","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"353a2183200ab881dc7c46206eee7ecfeef5b7f2"},"59:737":{"type":"FRAME","id":"59:737","name":"Frame 42","absoluteBoundingBox":{"x":10593.0,"y":3352.0,"width":640.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":10593.0,"y":3352.0,"width":640.0,"height":26.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:749","59:757","59:753","59:738"]},"1:284":{"type":"FRAME","id":"1:284","name":"Content","absoluteBoundingBox":{"x":4947.0,"y":4041.83203125,"width":343.0,"height":368.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":4041.83203125,"width":343.0,"height":368.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,50.0]],"size":{"x":343.0,"y":368.0},"fills":[],"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"top":{"pixelOffset":50.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","strokes":[],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":24.0,"paddingBottom":24.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["1:285","1:288","1:291","1:294","1:297","1:300","1:303","1:304","1:305"]},"61:7434":{"type":"FRAME","id":"61:7434","name":"Frame 42","absoluteBoundingBox":{"x":11655.0,"y":3137.72924804688,"width":632.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":11655.0,"y":3137.72924804688,"width":632.0,"height":26.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":632.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7435","61:7436","61:7437","61:7438"]},"59:4222":{"type":"FRAME","id":"59:4222","name":"Sizing","absoluteBoundingBox":{"x":10577.0,"y":6512.0,"width":846.0,"height":2308.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6512.0,"width":880.0,"height":2308.0},"relativeTransform":[[1.0,0.0,152.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":2308.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["59:4223"]},"61:10110":{"type":"TEXT","id":"61:10110","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8261.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:8":{"type":"TEXT","id":"1:8","name":"Desktop/H1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":67.0,"height":54.0},"isolatedAbsoluteRenderBounds":{"x":1.171875,"y":6.15234375,"width":63.1804656982422,"height":52.1484375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":67.0,"y":54.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Crimson Text","fontPostScriptName":"CrimsonText-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":60.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-1.8,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":54.0,"lineHeightPercent":69.2411727905273,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:539":{"type":"FRAME","id":"59:539","name":"Type styles","absoluteBoundingBox":{"x":10425.0,"y":1277.0,"width":1030.0,"height":1159.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":1277.0,"width":1032.0,"height":1159.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1177.0]],"size":{"x":1030.0,"y":1159.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":152.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["59:540"]},"61:10053":{"type":"TEXT","id":"61:10053","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5515.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7438":{"type":"TEXT","id":"61:7438","name":"Open source projects building polished, corporate-grade technical systems","absoluteBoundingBox":{"x":11655.0,"y":3137.72924804688,"width":632.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":11655.9541015625,"y":3144.72924804688,"width":566.9736328125,"height":15.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":632.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Open source projects building polished, corporate-grade technical systems","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"66:1693":{"type":"RECTANGLE","id":"66:1693","name":"Screenshot 2025-06-15 at 18.41.33 1","absoluteBoundingBox":{"x":10577.0,"y":3820.0,"width":880.0,"height":370.0},"targetAspectRatio":{"x":3274.0,"y":1376.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3820.0,"width":880.0,"height":370.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,62.0]],"size":{"x":880.0,"y":370.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"a11fed2f82d4b45c93749f273a8fad121f761894","originalImageWidth":3274,"originalImageHeight":1376,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"1:251":{"type":"FRAME","id":"1:251","name":"Content","absoluteBoundingBox":{"x":4931.0,"y":3797.83203125,"width":800.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":3797.83203125,"width":800.0,"height":101.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":101.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":32.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["1:252","1:257"]},"61:10058":{"type":"FRAME","id":"61:10058","name":"Frame 48","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":755.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":335.0,"height":755.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1509.79418945312]],"size":{"x":335.0,"y":755.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10059","61:10070"]},"61:7458":{"type":"TEXT","id":"61:7458","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":11639.0,"y":3991.98461914062,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3991.98461914062,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10007":{"type":"FRAME","id":"61:10007","name":"Frame 40","absoluteBoundingBox":{"x":12403.0,"y":3024.796875,"width":335.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":3024.796875,"width":335.0,"height":58.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":335.0,"y":58.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10008"]},"59:889":{"type":"TEXT","id":"59:889","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4214.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4214.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:38":{"type":"TEXT","id":"1:38","name":"Florist/Subhead","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":21.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":0.21000000834465,"y":4.96200037002563,"width":20.2386417388916,"height":10.1919994354248},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":21.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.28,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":111.111114501953,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7507":{"type":"FRAME","id":"61:7507","name":"Frame 43","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":640.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":640.0,"height":468.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":640.0,"y":468.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7508","61:7509","61:7510","61:7511","61:7512","61:7513","61:7514","61:7515","61:7516","61:7517"]},"61:10042":{"type":"FRAME","id":"61:10042","name":"Frame 45","absoluteBoundingBox":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10043","61:10044","61:10045","61:10046","61:10047","61:10048","61:10049"]},"61:7472":{"type":"FRAME","id":"61:7472","name":"Frame 48","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":648.0,"height":495.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":648.0,"height":495.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1143.25537109375]],"size":{"x":648.0,"y":495.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7473","61:7484"]},"59:1150":{"type":"TEXT","id":"59:1150","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"58:533":{"type":"FRAME","id":"58:533","name":"Frame 6","absoluteBoundingBox":{"x":10425.0,"y":100.0,"width":1030.0,"height":9944.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":100.0,"width":1032.0,"height":9944.0},"relativeTransform":[[1.0,0.0,250.0],[0.0,1.0,0.0]],"size":{"x":1030.0,"y":9944.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["59:619","59:508","59:539","59:673","59:705","59:799","59:4221","59:4253","59:5055","58:665"]},"59:753":{"type":"TEXT","id":"59:753","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10593.0,"y":3352.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10593.0,"y":3352.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:203":{"type":"TEXT","id":"1:203","name":"↑","absoluteBoundingBox":{"x":5182.0,"y":2687.0,"width":10.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5182.57177734375,"y":2690.77001953125,"width":8.08642578125,"height":9.22998046875},"relativeTransform":[[1.0,0.0,96.0],[0.0,1.0,0.0]],"size":{"x":10.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"↑","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"61:10141":{"type":"FRAME","id":"61:10141","name":"Strategy section","absoluteBoundingBox":{"x":12383.0,"y":11633.13671875,"width":375.0,"height":527.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":11633.13671875,"width":375.0,"height":527.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,11533.13671875]],"size":{"x":375.0,"y":527.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":0.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":32.0,"paddingRight":20.0,"paddingBottom":120.0,"paddingLeft":20.0,"layoutMode":"VERTICAL","itemSpacing":30.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["61:10142"]},"61:7429":{"type":"TEXT","id":"61:7429","name":"Who do we serve?","absoluteBoundingBox":{"x":11639.0,"y":2973.72924804688,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11639.6591796875,"y":2981.13842773438,"width":278.8525390625,"height":23.943115234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Who do we serve?","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:180":{"type":"FRAME","id":"1:180","name":"Content","absoluteBoundingBox":{"x":4931.0,"y":2387.0,"width":1030.0,"height":76.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":2387.0,"width":1030.0,"height":76.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,176.0]],"size":{"x":1030.0,"y":76.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":1.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":40.0,"paddingRight":40.0,"paddingBottom":20.0,"paddingLeft":40.0,"layoutMode":"VERTICAL","itemSpacing":200.0,"primaryAxisAlignItems":"MAX","counterAxisSizingMode":"FIXED","children":["1:181"]},"1:26":{"type":"TEXT","id":"1:26","name":"H2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":44.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":0.78125,"y":0.1015625,"width":41.7203140258789,"height":34.765625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":44.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"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":"Crimson Text","fontPostScriptName":"CrimsonText-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":40.0,"letterSpacing":-1.6,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.0,"lineHeightPercent":85.3333358764648,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":40.0,"letterSpacing":-1.6,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.0,"lineHeightPercent":85.3333358764648,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":32.0,"letterSpacing":-1.28,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":35.2000007629395,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":-1.6,"letterSpacingValue":-4.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.0,"lineHeightPercent":76.9346389770508,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:5055":{"type":"FRAME","id":"59:5055","name":"Strategy section","absoluteBoundingBox":{"x":10425.0,"y":9206.0,"width":1030.0,"height":552.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":9206.0,"width":1030.0,"height":552.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,9106.0]],"size":{"x":1030.0,"y":552.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":0.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingRight":32.0,"paddingBottom":120.0,"paddingLeft":152.0,"layoutMode":"VERTICAL","itemSpacing":30.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["59:5056"]},"59:643":{"type":"TEXT","id":"59:643","name":"The strategy: An open source design system as a product","absoluteBoundingBox":{"x":10577.0,"y":196.0,"width":640.0,"height":201.0},"isolatedAbsoluteRenderBounds":{"x":10579.4658203125,"y":209.272720336914,"width":587.845703125,"height":186.181838989258},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":201.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"The strategy: An open source design system as a product","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:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":56.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"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":{}},"66:1740":{"type":"RECTANGLE","id":"66:1740","name":"Screenshot 2025-06-15 at 18.52.39 1","absoluteBoundingBox":{"x":12403.0,"y":10897.03515625,"width":335.0,"height":155.10124206543},"targetAspectRatio":{"x":2864.0,"y":1326.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":10897.03515625,"width":335.0,"height":155.1015625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1861.44482421875]],"size":{"x":335.0,"y":155.10124206543},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"e1154b61a5ace288f6f6ab484701611b93beb54c","originalImageWidth":2864,"originalImageHeight":1326,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"59:5056":{"type":"FRAME","id":"59:5056","name":"Frame 12","absoluteBoundingBox":{"x":10577.0,"y":9254.0,"width":846.0,"height":384.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":9254.0,"width":846.0,"height":384.0},"relativeTransform":[[1.0,0.0,152.0],[0.0,1.0,48.0]],"size":{"x":846.0,"y":384.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":32.0,"primaryAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["59:5058"]},"1:79":{"type":"TEXT","id":"1:79","name":"Paragraph small","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":18.0,"height":18.0},"isolatedAbsoluteRenderBounds":{"x":0.375,"y":3.49999928474426,"width":17.0555858612061,"height":13.9800004959106},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":18.0,"y":18.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"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":"Rethink Sans","fontPostScriptName":"RethinkSans-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":15.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.15,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.165901184082,"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":{}},"59:5063":{"type":"FRAME","id":"59:5063","name":"Frame 10","absoluteBoundingBox":{"x":10577.0,"y":9340.0,"width":846.0,"height":298.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":9340.0,"width":846.0,"height":298.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,86.0]],"size":{"x":846.0,"y":298.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"layoutMode":"HORIZONTAL","layoutWrap":"WRAP","itemSpacing":32.0,"primaryAxisSizingMode":"FIXED","counterAxisSpacing":32.0,"isInAnimateTree":true,"children":["124:6094"]},"1:6":{"type":"TEXT","id":"1:6","name":"Text","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":16.0,"height":15.0},"isolatedAbsoluteRenderBounds":{"x":0.306818187236786,"y":3.27272701263428,"width":14.1946029663086,"height":11.3181819915771},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":16.0,"y":15.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"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":12.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.5227270126343,"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":{}},"61:7509":{"type":"TEXT","id":"61:7509","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"124:6094":{"mainComponentId":"111:1004","type":"INSTANCE","id":"124:6094","name":"Card","absoluteBoundingBox":{"x":10577.0,"y":9340.0,"width":264.0,"height":298.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":9340.0,"width":264.0,"height":298.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":264.0,"y":298.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":111,"localID":1039},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":111,"localID":1006},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"INOUT_CUBIC","easingFunction":[0.419999986886978,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"111:1005"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":119,"localID":1191},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":66,"localID":407},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":false,"connectionURL":"/planning"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"VERTICAL","itemSpacing":12.0,"counterAxisSizingMode":"FIXED","children":["I124:6094;121:5640","I124:6094;111:996","I124:6094;110:912"],"componentSetId":"111:1005","componentProperties":{"Text#112:0":{"type":"TEXT","value":{"characters":"Planning for a distributed design system","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]},"isDefault":true},"Property 1":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":264.0,"y":298.0},"interactions":[{"id":{"sessionID":111,"localID":1039},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":111,"localID":1006},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"INOUT_CUBIC","easingFunction":[0.419999986886978,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"111:1005"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":119,"localID":1191},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":66,"localID":407},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","openUrlInNewTab":false,"connectionURL":"/planning"}],"isDeleted":false,"stateManagementVersion":1}]},"componentId":"111:1004"},{"key":["Building the strategy behind an open source design system0"],"value":{"characterStyleOverrides":[],"characters":"Planning for a distributed design system","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"lineHeightPercent":null,"lineHeightPercentFontSize":null,"lineHeightPx":null,"lineHeightUnit":null,"lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"111:1004"},{"key":["Group 88 10"],"value":{"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"8b0be35ea6941878e3881e8dd670d691167eac9e","originalImageWidth":1600,"originalImageHeight":970,"visible":true,"opacity":1.0,"rotation":0.0}]},"componentId":"111:1004"}]},"59:508":{"type":"FRAME","id":"59:508","name":"Type styles","absoluteBoundingBox":{"x":10425.0,"y":635.0,"width":1030.0,"height":642.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":635.0,"width":1030.0,"height":642.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,535.0]],"size":{"x":1030.0,"y":642.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":152.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["59:509"]},"59:4254":{"type":"FRAME","id":"59:4254","name":"Sizing","absoluteBoundingBox":{"x":10577.0,"y":8820.0,"width":846.0,"height":386.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":8820.0,"width":846.0,"height":386.0},"relativeTransform":[[1.0,0.0,152.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":386.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["59:4255"]},"66:1732":{"type":"RECTANGLE","id":"66:1732","name":"Screenshot 2025-06-15 at 18.48.24 1","absoluteBoundingBox":{"x":12403.0,"y":9553.5908203125,"width":335.0,"height":118.138969421387},"targetAspectRatio":{"x":2864.0,"y":1010.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":9553.5908203125,"width":335.0,"height":118.138671875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,518.0]],"size":{"x":335.0,"y":118.138969421387},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"fdc6846b83df41f7c563a199ceb902f0f50cad3c","originalImageWidth":2864,"originalImageHeight":1010,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"59:5059":{"type":"FRAME","id":"59:5059","name":"Title","absoluteBoundingBox":{"x":10577.0,"y":9254.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":9254.0,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":4.0,"counterAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["59:5060","59:5061","59:5062"]},"1:304":{"type":"TEXT","id":"1:304","name":"Download","absoluteBoundingBox":{"x":4947.0,"y":4329.83203125,"width":60.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4948.1181640625,"y":4333.60205078125,"width":57.09521484375,"height":9.3857421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,288.0]],"size":{"x":60.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1],"characters":"Download","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"1":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://figma.com/sites","openInNewTab":true},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:5061":{"type":"TEXT","id":"59:5061","name":"Brand 
Strategy","absoluteBoundingBox":{"x":10682.0,"y":9237.0,"width":230.0,"height":134.0},"isolatedAbsoluteRenderBounds":{"x":10682.0,"y":9237.0,"width":230.0,"height":134.0},"relativeTransform":[[1.0,0.0,105.0],[0.0,1.0,-17.0]],"size":{"x":230.0,"y":134.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Brand 
Strategy","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":{"styleIdForText":"StyleId:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":56.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"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":{}},"61:10035":{"type":"TEXT","id":"61:10035","name":"What do we offer? Our operational pillars","absoluteBoundingBox":{"x":12403.0,"y":5063.796875,"width":335.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":12403.494140625,"y":5068.52392578125,"width":257.388671875,"height":52.18212890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":58.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"What do we offer? Our operational pillars","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:5060":{"type":"TEXT","id":"59:5060","name":"Brand Strategy","absoluteBoundingBox":{"x":10577.0,"y":9237.0,"width":335.0,"height":67.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":9237.0,"width":335.0,"height":67.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-17.0]],"size":{"x":335.0,"y":67.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"Brand Strategy","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":{"styleIdForText":"StyleId:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":56.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"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":{"1":{"styleIdForText":"StyleId:1:75","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:75","fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:75","fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:75","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"SUPER","isOverrideOverTextStyle":true,"fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:75","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10070":{"type":"FRAME","id":"61:10070","name":"Frame 43","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":702.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":702.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":335.0,"y":702.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10071","61:10072","61:10073","61:10074","61:10075","61:10076","61:10077","61:10078","61:10079","61:10080"]},"59:1046":{"type":"FRAME","id":"59:1046","name":"Frame 49","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":846.0,"height":521.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":846.0,"height":521.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1794.0]],"size":{"x":846.0,"y":521.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:1047","59:1055"]},"59:707":{"type":"FRAME","id":"59:707","name":"Frame 31","absoluteBoundingBox":{"x":10577.0,"y":3140.0,"width":846.0,"height":570.0},"isolatedAbsoluteRenderBounds":{"x":10576.0,"y":3140.0,"width":847.0,"height":570.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":570.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:708","59:710","59:791","59:760"]},"59:4255":{"type":"FRAME","id":"59:4255","name":"Frame 31","absoluteBoundingBox":{"x":10577.0,"y":8820.0,"width":846.0,"height":386.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":8820.0,"width":846.0,"height":386.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":386.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":120.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:4256","59:4258"]},"1:182":{"type":"FRAME","id":"1:182","name":"Legal","absoluteBoundingBox":{"x":4971.0,"y":2427.0,"width":818.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4971.0,"y":2427.0,"width":818.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":818.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["1:183","1:184","1:185"]},"61:10032":{"type":"FRAME","id":"61:10032","name":"Frame 31","absoluteBoundingBox":{"x":12403.0,"y":5015.796875,"width":335.0,"height":3918.79418945312},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5015.796875,"width":335.0,"height":3918.79418945312},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":3918.79418945312},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisSizingMode":"FIXED","children":["61:10033","61:10041","61:10058","61:10081","61:10104"]},"59:4259":{"type":"TEXT","id":"59:4259","name":"As of Spring 2025, we are still seeing the strategy unfold within our team, though we can already measure some of the results from our efforts to ground the project. This structured approach has earned us the trust of upper management, who were able to see a clear execution plan, with their vision materialising into tangible features. In future case studies, I will explore specific aspects of how we implemented this plan, including our Contributions process and team organisation strategy.","absoluteBoundingBox":{"x":10577.0,"y":8930.0,"width":640.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":10577.4091796875,"y":8936.818359375,"width":637.3095703125,"height":145.6357421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":156.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"As of Spring 2025, we are still seeing the strategy unfold within our team, though we can already measure some of the results from our efforts to ground the project. This structured approach has earned us the trust of upper management, who were able to see a clear execution plan, with their vision materialising into tangible features. In future case studies, I will explore specific aspects of how we implemented this plan, including our Contributions process and team organisation strategy.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7413":{"type":"FRAME","id":"61:7413","name":"Frame 31","absoluteBoundingBox":{"x":11639.0,"y":1196.0,"width":648.0,"height":1025.72924804688},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":1196.0,"width":648.0,"height":1025.72924804688},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":1025.72924804688},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7414","61:7416"]},"1:263":{"type":"TEXT","id":"1:263","name":"Product design","absoluteBoundingBox":{"x":4963.0,"y":3868.83203125,"width":89.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4964.1181640625,"y":3872.537109375,"width":86.4814453125,"height":11.40087890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":89.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Product design","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"59:4256":{"type":"FRAME","id":"59:4256","name":"Frame 40","absoluteBoundingBox":{"x":10577.0,"y":8868.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":8868.0,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:4257"]},"61:7409":{"type":"FRAME","id":"61:7409","name":"Frame 40","absoluteBoundingBox":{"x":11639.0,"y":602.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":602.0,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":546.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7410"]},"1:222":{"type":"FRAME","id":"1:222","name":"Text","absoluteBoundingBox":{"x":4947.0,"y":3035.0,"width":106.0,"height":86.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":3035.0,"width":106.0,"height":86.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":106.0,"y":86.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":19.0,"children":["1:223","1:224","1:225"]},"1:11":{"type":"TEXT","id":"1:11","name":"Body","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":19.0,"height":11.0},"isolatedAbsoluteRenderBounds":{"x":0.450000017881393,"y":0.499999284744263,"width":17.3259372711182,"height":13.980001449585},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":19.0,"y":11.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":15.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":-0.075,"letterSpacingValue":-0.5,"letterSpacingUnit":"PERCENT","lineHeightPx":21.0,"lineHeightPercent":107.526878356934,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10128":{"type":"FRAME","id":"61:10128","name":"Sizing","absoluteBoundingBox":{"x":12403.0,"y":8934.5908203125,"width":335.0,"height":2165.5458984375},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8934.5908203125,"width":335.0,"height":2165.5458984375},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2165.5458984375},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:10129"]},"1:36":{"type":"TEXT","id":"1:36","name":"Florist/H2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":64.0,"height":55.0},"isolatedAbsoluteRenderBounds":{"x":0.75,"y":10.6999988555908,"width":59.65625,"height":46.2000045776367},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":64.0,"y":55.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":50.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-1.25,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":55.0,"lineHeightPercent":87.3015899658203,"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":{}},"1:323":{"type":"TEXT","id":"1:323","name":"CV","absoluteBoundingBox":{"x":5388.0,"y":4156.83203125,"width":18.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5388.57177734375,"y":4160.39404296875,"width":16.84033203125,"height":9.64599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":18.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"CV","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"59:4223":{"type":"FRAME","id":"59:4223","name":"Frame 31","absoluteBoundingBox":{"x":10577.0,"y":6512.0,"width":846.0,"height":2308.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6512.0,"width":880.0,"height":2308.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":2308.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:4224","59:4226"]},"59:4226":{"type":"FRAME","id":"59:4226","name":"Frame 41","absoluteBoundingBox":{"x":10577.0,"y":6622.0,"width":640.0,"height":2150.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6622.0,"width":880.0,"height":2150.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":2150.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:4227","66:1729","66:1701","66:1725","66:1709","66:1733","66:1717","66:1737"]},"59:817":{"type":"TEXT","id":"59:817","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":10577.0,"y":4367.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":10577.4091796875,"y":4373.818359375,"width":637.4560546875,"height":535.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:4258":{"type":"FRAME","id":"59:4258","name":"Frame 41","absoluteBoundingBox":{"x":10577.0,"y":8930.0,"width":640.0,"height":156.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":8930.0,"width":640.0,"height":156.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":156.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:4259"]},"66:1733":{"type":"RECTANGLE","id":"66:1733","name":"Screenshot 2025-06-15 at 18.50.07 1","absoluteBoundingBox":{"x":10577.0,"y":7772.0,"width":880.0,"height":407.0},"targetAspectRatio":{"x":2864.0,"y":1326.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":7772.0,"width":880.0,"height":407.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1150.0]],"size":{"x":880.0,"y":407.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"69ab514575645e7989c8f1b1a3b06a6dc7b6bfe0","originalImageWidth":2864,"originalImageHeight":1326,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"1:33":{"type":"TEXT","id":"1:33","name":"Florist/H4","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":19.0,"height":21.0},"isolatedAbsoluteRenderBounds":{"x":0.225000008940697,"y":5.40999937057495,"width":17.8968753814697,"height":13.8600006103516},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":19.0,"y":21.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":15.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.375,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":21.0,"lineHeightPercent":111.111114501953,"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":{}},"61:10061":{"type":"TEXT","id":"61:10061","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":12403.0,"y":6525.5908203125,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6525.5908203125,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:675":{"type":"FRAME","id":"59:675","name":"Frame 31","absoluteBoundingBox":{"x":10577.0,"y":2436.0,"width":846.0,"height":704.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":2436.0,"width":846.0,"height":704.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":704.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:676","59:678"]},"61:7476":{"type":"TEXT","id":"61:7476","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"66:1729":{"type":"RECTANGLE","id":"66:1729","name":"Screenshot 2025-06-15 at 18.48.24 1","absoluteBoundingBox":{"x":10577.0,"y":6906.0,"width":880.0,"height":310.0},"targetAspectRatio":{"x":2864.0,"y":1010.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6906.0,"width":880.0,"height":310.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,284.0]],"size":{"x":880.0,"y":310.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"fdc6846b83df41f7c563a199ceb902f0f50cad3c","originalImageWidth":2864,"originalImageHeight":1010,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"59:4225":{"type":"TEXT","id":"59:4225","name":"Executing the vision","absoluteBoundingBox":{"x":10577.0,"y":6560.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10579.556640625,"y":6566.79541015625,"width":302.9833984375,"height":31.11376953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Executing the vision","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:799":{"type":"FRAME","id":"59:799","name":"Type styles","absoluteBoundingBox":{"x":10425.0,"y":3710.0,"width":1030.0,"height":2802.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":3710.0,"width":1032.0,"height":2802.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3610.0]],"size":{"x":1030.0,"y":2802.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":152.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["59:800"]},"59:621":{"type":"FRAME","id":"59:621","name":"Frame 31","absoluteBoundingBox":{"x":10577.0,"y":100.0,"width":846.0,"height":535.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":100.0,"width":846.0,"height":535.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":535.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":96.0,"paddingBottom":48.0,"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["59:622"]},"3:687":{"type":"TEXT","id":"3:687","name":"Legal","absoluteBoundingBox":{"x":5058.0,"y":2775.0,"width":33.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5058.0,"y":2775.0,"width":33.0,"height":16.0},"relativeTransform":[[1.0,0.0,87.0],[0.0,1.0,0.0]],"size":{"x":33.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Legal","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"59:801":{"type":"FRAME","id":"59:801","name":"Frame 31","absoluteBoundingBox":{"x":10577.0,"y":3710.0,"width":846.0,"height":2802.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3710.0,"width":880.0,"height":2802.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":2802.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisSizingMode":"FIXED","children":["59:951","59:947","59:953","59:1046","59:1139"]},"59:4257":{"type":"TEXT","id":"59:4257","name":"Reflection","absoluteBoundingBox":{"x":10577.0,"y":8868.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10579.556640625,"y":8874.63671875,"width":149.3583984375,"height":24.7158203125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Reflection","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1139":{"type":"FRAME","id":"59:1139","name":"Frame 50","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":846.0,"height":391.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":846.0,"height":391.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2363.0]],"size":{"x":846.0,"y":391.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:1140","59:1148"]},"61:7421":{"type":"FRAME","id":"61:7421","name":"Frame 40","absoluteBoundingBox":{"x":11639.0,"y":2269.72924804688,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":2269.72924804688,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7422"]},"1:54":{"type":"TEXT","id":"1:54","name":"Heading display","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":42.0,"height":28.0},"isolatedAbsoluteRenderBounds":{"x":0.908203125,"y":3.404296875,"width":41.0238265991211,"height":26.3818359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":42.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,"effects":[],"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":"Caprasimo","fontPostScriptName":"Caprasimo-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":30.0,"letterSpacing":-0.9,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":27.6000003814697,"lineHeightPercent":78.5066680908203,"lineHeightPercentFontSize":92.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":28.0,"letterSpacing":-0.84,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.7600002288818,"lineHeightPercent":78.5066680908203,"lineHeightPercentFontSize":92.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":24.0,"letterSpacing":-0.72,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":22.0799999237061,"lineHeightPercent":78.5066680908203,"lineHeightPercentFontSize":92.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":30.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.9,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":27.6000003814697,"lineHeightPercent":80.2111511230469,"lineHeightPercentFontSize":92.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1059":{"type":"TEXT","id":"59:1059","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10038":{"type":"TEXT","id":"61:10038","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":12403.0,"y":5310.5908203125,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5310.5908203125,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:1155":{"type":"TEXT","id":"59:1155","name":"Open source is at the heart of Canonical’s mission, and we aim to expand on this with the concept of Open Design: a collaborative process where designers build on each other’s ideas to create a shared resource. Key actions in this pillar included: Engaging with communities (both internal and external) to understand their needs, fostering a deeper understanding of the system, and encouraging ownership in its use and upkeep. Driving contributions to ensure the system remains vibrant, evolving, and up-to-date. Transparent roadmaps that create predictability in our ability to deliver, while reinforcing our leadership position and strengthening the system’s legitimacy.","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":640.0,"height":338.0},"isolatedAbsoluteRenderBounds":{"x":10577.5458984375,"y":6132.818359375,"width":635.869140625,"height":327.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":338.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"Open source is at the heart of Canonical’s mission, and we aim to expand on this with the concept of Open Design: a collaborative process where designers build on each other’s ideas to create a shared resource. Key actions in this pillar included:\n\nEngaging with communities (both internal and external) to understand their needs, fostering a deeper understanding of the system, and encouraging ownership in its use and upkeep.\n\nDriving contributions to ensure the system remains vibrant, evolving, and up-to-date.\n\nTransparent roadmaps that create predictability in our ability to deliver, while reinforcing our leadership position and strengthening the system’s legitimacy.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7464":{"type":"FRAME","id":"61:7464","name":"Frame 43","absoluteBoundingBox":{"x":11639.0,"y":4044.98461914062,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4044.98461914062,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":640.0,"y":546.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7465","61:7466","61:7467","61:7468","61:7469","61:7470","61:7471"]},"61:7442":{"type":"TEXT","id":"61:7442","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":3187.72924804688,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3187.72924804688,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1220":{"type":"TEXT","id":"59:1220","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1228":{"type":"TEXT","id":"59:1228","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[1,1,1,1,1,1,1,1,1],"lineTypes":["UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:40":{"type":"TEXT","id":"1:40","name":"Florist/L display","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":42.0,"height":28.0},"isolatedAbsoluteRenderBounds":{"x":0.908203125,"y":3.404296875,"width":41.0238265991211,"height":26.3818359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":42.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,"effects":[],"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":"Caprasimo","fontPostScriptName":"Caprasimo-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":30.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.9,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":27.6000003814697,"lineHeightPercent":80.2111511230469,"lineHeightPercentFontSize":92.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1154":{"type":"TEXT","id":"59:1154","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10136":{"type":"FRAME","id":"61:10136","name":"Frame 31","absoluteBoundingBox":{"x":12403.0,"y":11100.13671875,"width":335.0,"height":533.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":11100.13671875,"width":335.0,"height":533.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":533.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":120.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10137","61:10139"]},"59:1152":{"type":"TEXT","id":"59:1152","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:241":{"mainComponentId":"1:336","type":"INSTANCE","id":"1:241","name":"Link","absoluteBoundingBox":{"x":4963.0,"y":3503.0,"width":101.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3503.0,"width":101.0,"height":16.0},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,24.0]],"size":{"x":101.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","children":["I1:241;1:337","I1:241;1:338"],"componentSetId":"1:335","componentProperties":{"Property 1":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"behaviors":null,"size":{"x":101.0,"y":16.0},"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8011,"localID":1041},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"CONDITIONAL"}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:336"},{"key":["Brand Story0"],"value":{"characterStyleOverrides":[],"characters":"Product design","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"1:336"},{"key":["010"],"value":{"characterStyleOverrides":[],"characters":"01","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"1:336"}]},"59:1151":{"type":"TEXT","id":"59:1151","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1149":{"type":"TEXT","id":"59:1149","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1147":{"type":"TEXT","id":"59:1147","name":"Openness","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10578.35546875,"y":6078.306640625,"width":113.4072265625,"height":22.6025390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Openness","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7537":{"type":"TEXT","id":"61:7537","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1218":{"type":"TEXT","id":"59:1218","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1226":{"type":"TEXT","id":"59:1226","name":"Quality","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1210":{"type":"TEXT","id":"59:1210","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10075":{"type":"TEXT","id":"61:10075","name":"This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1146":{"type":"TEXT","id":"59:1146","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:252":{"type":"FRAME","id":"1:252","name":"Logo","absoluteBoundingBox":{"x":4963.0,"y":3797.83203125,"width":736.0,"height":57.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3797.83203125,"width":736.0,"height":57.0},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,0.0]],"size":{"x":736.0,"y":57.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":14.0,"paddingBottom":14.0,"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"MAX","primaryAxisSizingMode":"FIXED","children":["3:381","1:254"]},"59:1143":{"type":"TEXT","id":"59:1143","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1142":{"type":"TEXT","id":"59:1142","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1141":{"type":"TEXT","id":"59:1141","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":6073.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6073.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:199":{"type":"TEXT","id":"1:199","name":"LinkedIn","absoluteBoundingBox":{"x":4971.0,"y":2687.0,"width":50.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4971.0,"y":2690.705078125,"width":49.85205078125,"height":11.56982421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[4,4,4,4,4,4,4,4],"characters":"LinkedIn","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"4":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://www.linkedin.com/in/danielmutis/","openInNewTab":true},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:705":{"type":"FRAME","id":"59:705","name":"Type styles","absoluteBoundingBox":{"x":10425.0,"y":3140.0,"width":1030.0,"height":570.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":3140.0,"width":1030.0,"height":570.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,3040.0]],"size":{"x":1030.0,"y":570.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":152.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["59:706"]},"121:5640":{"type":"RECTANGLE","id":"121:5640","name":"Group 88 1","absoluteBoundingBox":{"x":4765.0,"y":5741.0,"width":264.0,"height":160.0},"targetAspectRatio":{"x":800.0,"y":485.0},"isolatedAbsoluteRenderBounds":{"x":4765.0,"y":5741.0,"width":264.0,"height":160.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":264.0,"y":160.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"6e74bb490301a49a6073ebf88f5fa22162f25818","originalImageWidth":800,"originalImageHeight":485,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"61:7568":{"mainComponentId":"1:278","type":"INSTANCE","id":"61:7568","name":"Navigation","absoluteBoundingBox":{"x":11519.0,"y":100.0,"width":231.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":100.0,"width":231.0,"height":61.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":231.0,"y":61.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-9.00000953674316,"sizeFraction":0.300000011920929},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"FIXED","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["I61:7568;1:279"],"componentSetId":"1:277","componentProperties":{"Expanded":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","name":"Navigation","size":{"x":231.0,"y":61.0}},"componentId":"1:278"},{"key":["Content0"],"value":{"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":792},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}],"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":793},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 30"],"value":{"interactions":[{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 40"],"value":{"locked":null,"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 50"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 60"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"}]},"61:9990":{"type":"TEXT","id":"61:9990","name":"Design systems","absoluteBoundingBox":{"x":12497.0,"y":358.0,"width":120.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":12498.4091796875,"y":365.0,"width":117.2998046875,"height":15.4545593261719},"relativeTransform":[[1.0,0.0,94.0],[0.0,1.0,0.0]],"size":{"x":120.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Design systems","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":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:4136":{"mainComponentId":"1:278","type":"INSTANCE","id":"59:4136","name":"Navigation","absoluteBoundingBox":{"x":10175.0,"y":100.0,"width":375.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":10175.0,"y":100.0,"width":375.0,"height":61.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":61.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-9.00001525878906,"sizeFraction":0.300000011920929},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"FIXED","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["I59:4136;1:279"],"componentSetId":"1:277","componentProperties":{"Expanded":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","name":"Navigation"},"componentId":"1:278"},{"key":["Content0"],"value":{"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":792},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}],"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":793},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 30"],"value":{"interactions":[{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 40"],"value":{"locked":null,"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 50"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 60"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"}]},"59:1127":{"type":"TEXT","id":"59:1127","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:961":{"type":"TEXT","id":"59:961","name":"Efficiency","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10578.91796875,"y":4965.72705078125,"width":110.791015625,"height":23.18212890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Efficiency","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1058":{"type":"TEXT","id":"59:1058","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10041":{"type":"FRAME","id":"61:10041","name":"Frame 46","absoluteBoundingBox":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":1015.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":1015.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,446.794128417969]],"size":{"x":335.0,"y":1015.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10042","61:10050"]},"1:51":{"type":"TEXT","id":"1:51","name":"Paragraph","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":0.496000021696091,"y":5.89599990844727,"width":17.9682502746582,"height":14.4479999542236},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":16.0,"letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":22.3999996185303,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":16.0,"letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":22.3999996185303,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":16.0,"letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":22.3999996185303,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":22.3999996185303,"lineHeightPercent":111.111114501953,"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":{}},"59:1024":{"type":"TEXT","id":"59:1024","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1057":{"type":"TEXT","id":"59:1057","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9997":{"type":"FRAME","id":"61:9997","name":"Type styles","absoluteBoundingBox":{"x":12383.0,"y":1717.0,"width":375.0,"height":1259.79699707031},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":1717.0,"width":375.0,"height":1259.79699707031},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1617.0]],"size":{"x":375.0,"y":1259.79699707031},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingLeft":20.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:9998"]},"1:336":{"type":"COMPONENT","id":"1:336","name":"Property 1=Default","absoluteBoundingBox":{"x":4931.0,"y":4406.83203125,"width":82.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":4406.83203125,"width":82.0,"height":16.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,16.0]],"size":{"x":82.0,"y":16.0},"fills":[],"constraintValues":{"left":{"pixelOffset":16.0,"sizeFraction":0.0},"top":{"pixelOffset":16.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"HORIZONTAL","children":["1:337","1:338"],"componentSetId":"1:335"},"59:1056":{"type":"TEXT","id":"59:1056","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:813":{"type":"FRAME","id":"59:813","name":"Frame 43","absoluteBoundingBox":{"x":10577.0,"y":4367.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4367.0,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":640.0,"y":546.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:814","59:815","59:816","59:879","59:903","59:891","59:817"]},"59:954":{"type":"FRAME","id":"59:954","name":"Frame 45","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:955","59:956","59:957","59:958","59:959","59:960","59:1024","59:1040","59:1032","59:961"]},"1:5":{"type":"TEXT","id":"1:5","name":"Paragraph","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":15.0,"height":14.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":0.0,"width":15.0,"height":14.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":15.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}],"visible":false,"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Figtree","fontPostScriptName":"Figtree-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":12.0,"letterSpacing":-0.24,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.4000005722046,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":12.0,"letterSpacing":-0.24,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.4000005722046,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":12.0,"letterSpacing":-0.24,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.4000005722046,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":12.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.24,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.4000005722046,"lineHeightPercent":100.0,"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":{}},"58:530":{"type":"FRAME","id":"58:530","name":"Desktop","absoluteBoundingBox":{"x":10175.0,"y":100.0,"width":1280.0,"height":9944.0},"isolatedAbsoluteRenderBounds":{"x":10175.0,"y":100.0,"width":1280.0,"height":9944.0},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,100.0]],"size":{"x":1280.0,"y":9944.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"clipsContent":true,"overflowDirection":"HORIZONTAL_AND_VERTICAL_SCROLLING","layoutMode":"HORIZONTAL","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["58:531","58:533","59:4008","61:9938","59:4136","61:10993"]},"59:709":{"type":"TEXT","id":"59:709","name":"Who do we serve?","absoluteBoundingBox":{"x":10577.0,"y":3188.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10577.6591796875,"y":3195.4091796875,"width":278.8525390625,"height":23.943115234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Who do we serve?","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:912":{"type":"TEXT","id":"59:912","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":10577.0,"y":4314.0,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4314.0,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10079":{"type":"TEXT","id":"61:10079","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7416":{"type":"FRAME","id":"61:7416","name":"Frame 41","absoluteBoundingBox":{"x":11639.0,"y":1306.0,"width":640.0,"height":867.729309082031},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":1306.0,"width":640.0,"height":867.729309082031},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":867.729309082031},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["66:1687","61:7417"]},"59:1061":{"type":"TEXT","id":"59:1061","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1125":{"type":"TEXT","id":"59:1125","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:542":{"type":"FRAME","id":"59:542","name":"Frame 40","absoluteBoundingBox":{"x":10577.0,"y":1325.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":1325.0,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:543"]},"66:1737":{"type":"RECTANGLE","id":"66:1737","name":"Screenshot 2025-06-15 at 18.52.39 1","absoluteBoundingBox":{"x":10577.0,"y":8365.0,"width":880.0,"height":407.0},"targetAspectRatio":{"x":2864.0,"y":1326.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":8365.0,"width":880.0,"height":407.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1743.0]],"size":{"x":880.0,"y":407.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"e1154b61a5ace288f6f6ab484701611b93beb54c","originalImageWidth":2864,"originalImageHeight":1326,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"59:901":{"type":"TEXT","id":"59:901","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":10577.0,"y":4214.0,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4214.0,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:1133":{"type":"TEXT","id":"59:1133","name":"Quality","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1026":{"type":"TEXT","id":"59:1026","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7558":{"type":"FRAME","id":"61:7558","name":"Frame 11","absoluteBoundingBox":{"x":11639.0,"y":8575.1689453125,"width":648.0,"height":384.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":8575.1689453125,"width":648.0,"height":384.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":384.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["61:7559","61:7563"]},"1:331":{"type":"SVG","id":"1:331","name":"Line 1","absoluteBoundingBox":{"x":5388.0,"y":4196.83203125,"width":343.0,"height":0.0},"isolatedAbsoluteRenderBounds":{"x":5388.0,"y":4195.83203125,"width":343.0,"height":1.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,144.0]],"size":{"x":343.0,"y":0.0},"fills":[],"strokeAlign":"CENTER","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Icon","ariaAttributes":{},"interactions":[],"isLine":true,"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"61:7534":{"type":"TEXT","id":"61:7534","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10077":{"type":"TEXT","id":"61:10077","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:228":{"type":"FRAME","id":"1:228","name":"Content","absoluteBoundingBox":{"x":4931.0,"y":3152.0,"width":375.0,"height":76.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":3152.0,"width":375.0,"height":76.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,245.0]],"size":{"x":375.0,"y":76.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":1.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":40.0,"paddingRight":16.0,"paddingBottom":20.0,"paddingLeft":16.0,"layoutMode":"VERTICAL","itemSpacing":200.0,"primaryAxisAlignItems":"MAX","counterAxisSizingMode":"FIXED","children":["1:229"]},"59:805":{"type":"TEXT","id":"59:805","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":10577.0,"y":4214.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.4091796875,"y":4220.818359375,"width":617.36328125,"height":41.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:4224":{"type":"FRAME","id":"59:4224","name":"Frame 40","absoluteBoundingBox":{"x":10577.0,"y":6560.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6560.0,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:4225"]},"61:10044":{"type":"TEXT","id":"61:10044","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":12403.0,"y":5462.5908203125,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5462.5908203125,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:953":{"type":"FRAME","id":"59:953","name":"Frame 48","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":846.0,"height":495.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":846.0,"height":495.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1251.0]],"size":{"x":846.0,"y":495.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:954","59:962"]},"59:962":{"type":"FRAME","id":"59:962","name":"Frame 43","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":640.0,"height":442.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":640.0,"height":442.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":640.0,"y":442.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:963","59:964","59:965","59:966","59:967","59:968","59:1026","59:1042","59:1034","59:969"]},"1:66":{"type":"TEXT","id":"1:66","name":"Paragraph 2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":17.0,"height":14.0},"isolatedAbsoluteRenderBounds":{"x":0.448000013828278,"y":1.40799903869629,"width":15.2640008926392,"height":14.0320014953613},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":17.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":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"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":"DotGothic16","fontPostScriptName":"DotGothic16-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":16.0,"letterSpacing":0.16,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.3999996185303,"lineHeightPercent":76.8000030517578,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":16.0,"letterSpacing":0.16,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.3999996185303,"lineHeightPercent":76.8000030517578,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":14.0,"letterSpacing":0.14,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.5999994277954,"lineHeightPercent":76.8000030517578,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.16,"letterSpacingValue":1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":14.3999996185303,"lineHeightPercent":62.1546974182129,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9998":{"type":"FRAME","id":"61:9998","name":"Sizing","absoluteBoundingBox":{"x":12403.0,"y":1717.0,"width":335.0,"height":1259.79699707031},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":1717.0,"width":335.0,"height":1259.79699707031},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":1259.79699707031},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:9999"]},"61:7396":{"type":"FRAME","id":"61:7396","name":"Type styles","absoluteBoundingBox":{"x":11519.0,"y":100.0,"width":800.0,"height":454.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":100.0,"width":800.0,"height":454.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":454.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":120.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:7397"]},"59:1042":{"type":"TEXT","id":"59:1042","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:965":{"type":"TEXT","id":"59:965","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9985":{"type":"FRAME","id":"61:9985","name":"Frame 40","absoluteBoundingBox":{"x":12403.0,"y":220.0,"width":335.0,"height":391.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":220.0,"width":335.0,"height":391.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,120.0]],"size":{"x":335.0,"y":391.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:9986","61:9987","61:9991"]},"61:7495":{"type":"FRAME","id":"61:7495","name":"Frame 49","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":648.0,"height":521.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":648.0,"height":521.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1686.25537109375]],"size":{"x":648.0,"y":521.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7496","61:7507"]},"61:10086":{"type":"TEXT","id":"61:10086","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:964":{"type":"TEXT","id":"59:964","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10052":{"type":"TEXT","id":"61:10052","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":12403.0,"y":5515.5908203125,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5515.5908203125,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1034":{"type":"TEXT","id":"59:1034","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:963":{"type":"TEXT","id":"59:963","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9988":{"type":"TEXT","id":"61:9988","name":"Canonical","absoluteBoundingBox":{"x":12403.0,"y":358.0,"width":78.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":12403.8525390625,"y":364.801147460938,"width":75.1669921875,"height":12.375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":78.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Canonical","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":{"styleIdForText":"StyleId:1:80","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:80","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:80","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:80","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7415":{"type":"TEXT","id":"61:7415","name":"Legacy design system: Vanilla framework","absoluteBoundingBox":{"x":11639.0,"y":1244.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11641.556640625,"y":1250.63635253906,"width":629.7646484375,"height":31.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Legacy design system: Vanilla framework","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:644":{"type":"FRAME","id":"59:644","name":"Frame 21","absoluteBoundingBox":{"x":10577.0,"y":421.0,"width":214.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":421.0,"width":214.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,225.0]],"size":{"x":214.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":8.0,"counterAxisAlignItems":"CENTER","children":["59:645","59:646","59:647"]},"59:1032":{"type":"TEXT","id":"59:1032","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10145":{"type":"FRAME","id":"61:10145","name":"Title","absoluteBoundingBox":{"x":12403.0,"y":11665.13671875,"width":335.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":11665.13671875,"width":335.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":4.0,"counterAxisSizingMode":"FIXED","children":["61:10146","61:10147","61:10148"]},"61:10018":{"type":"FRAME","id":"61:10018","name":"Frame 44","absoluteBoundingBox":{"x":12403.0,"y":4449.796875,"width":335.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12402.0,"y":4449.796875,"width":336.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,281.0]],"size":{"x":335.0,"y":52.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"primaryAxisSizingMode":"FIXED","children":["61:10019","61:10020"]},"59:706":{"type":"FRAME","id":"59:706","name":"Sizing","absoluteBoundingBox":{"x":10577.0,"y":3140.0,"width":846.0,"height":570.0},"isolatedAbsoluteRenderBounds":{"x":10576.0,"y":3140.0,"width":847.0,"height":570.0},"relativeTransform":[[1.0,0.0,152.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":570.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["59:707"]},"1:55":{"type":"TEXT","id":"1:55","name":"Caption large","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":27.0,"height":25.0},"isolatedAbsoluteRenderBounds":{"x":0.270000010728836,"y":6.09400033950806,"width":25.6611099243164,"height":13.1040000915527},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":27.0,"y":25.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":18.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1999988555908,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":18.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1999988555908,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":18.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1999988555908,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1999988555908,"lineHeightPercent":111.111114501953,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:10":{"type":"TEXT","id":"1:10","name":"Sunhead","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":0.3515625,"y":0.345703125,"width":18.9541397094727,"height":15.64453125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.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,"effects":[],"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":"Crimson Text","fontPostScriptName":"CrimsonText-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":-0.54,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":76.9346389770508,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7530":{"type":"FRAME","id":"61:7530","name":"Frame 43","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":640.0,"height":338.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":640.0,"height":338.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":640.0,"y":338.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7531","61:7532","61:7533","61:7534","61:7535","61:7536","61:7537","61:7538","61:7539","61:7540"]},"1:302":{"type":"TEXT","id":"1:302","name":"06","absoluteBoundingBox":{"x":5021.0,"y":4265.83203125,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5021.53271484375,"y":4268.4599609375,"width":12.5712890625,"height":7.5107421875},"relativeTransform":[[1.0,0.0,74.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.694840490818024,"g":0.694840490818024,"b":0.694840490818024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"06","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"59:1119":{"type":"TEXT","id":"59:1119","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:958":{"type":"TEXT","id":"59:958","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:34":{"type":"TEXT","id":"1:34","name":"Florist/Body large","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":30.0,"height":34.0},"isolatedAbsoluteRenderBounds":{"x":0.575999975204468,"y":9.19999885559082,"width":27.6918754577637,"height":21.8400020599365},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":30.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.24,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.5999984741211,"lineHeightPercent":111.111114501953,"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":{}},"59:891":{"type":"TEXT","id":"59:891","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4367.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4367.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:35":{"type":"TEXT","id":"1:35","name":"Florist/Paragraph","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":22.0},"isolatedAbsoluteRenderBounds":{"x":0.496000021696091,"y":5.89599990844727,"width":17.9682502746582,"height":14.4479999542236},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.4,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":22.3999996185303,"lineHeightPercent":111.111114501953,"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":{}},"59:938":{"type":"TEXT","id":"59:938","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4314.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4314.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:956":{"type":"TEXT","id":"59:956","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":10577.0,"y":4961.0,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4961.0,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7471":{"type":"TEXT","id":"61:7471","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":11639.0,"y":4044.98461914062,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":11639.4091796875,"y":4051.802734375,"width":637.4560546875,"height":535.63623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:942":{"type":"TEXT","id":"59:942","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":10577.0,"y":4314.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4314.0,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:802":{"type":"FRAME","id":"59:802","name":"Frame 40","absoluteBoundingBox":{"x":10577.0,"y":3758.0,"width":640.0,"height":432.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3758.0,"width":880.0,"height":432.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":432.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:803","66:1693"]},"61:9994":{"type":"FRAME","id":"61:9994","name":"Frame 31","absoluteBoundingBox":{"x":12403.0,"y":659.0,"width":335.0,"height":1058.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":659.0,"width":335.0,"height":1058.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":1058.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:9995"]},"66:1695":{"type":"RECTANGLE","id":"66:1695","name":"Screenshot 2025-06-15 at 18.41.33 1","absoluteBoundingBox":{"x":12403.0,"y":5145.796875,"width":335.0,"height":140.794143676758},"targetAspectRatio":{"x":3274.0,"y":1376.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5145.796875,"width":335.0,"height":140.7939453125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,82.0]],"size":{"x":335.0,"y":140.794143676758},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"a11fed2f82d4b45c93749f273a8fad121f761894","originalImageWidth":3274,"originalImageHeight":1376,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[]},"59:1060":{"type":"TEXT","id":"59:1060","name":"This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":10577.0,"y":5557.0,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5557.0,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7473":{"type":"FRAME","id":"61:7473","name":"Frame 45","absoluteBoundingBox":{"x":11639.0,"y":4638.984375,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4638.984375,"width":640.0,"height":29.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7474","61:7475","61:7476","61:7477","61:7478","61:7479","61:7480","61:7481","61:7482","61:7483"]},"59:772":{"type":"TEXT","id":"59:772","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":3402.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3402.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:710":{"type":"FRAME","id":"59:710","name":"Frame 41","absoluteBoundingBox":{"x":10577.0,"y":3250.0,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3250.0,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":78.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:711"]},"1:7":{"type":"TEXT","id":"1:7","name":"Desktop/XL Display","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":177.0,"height":146.0},"isolatedAbsoluteRenderBounds":{"x":3.1640625,"y":16.111328125,"width":168.562255859375,"height":140.80078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":177.0,"y":146.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Crimson Text","fontPostScriptName":"CrimsonText-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1.0,"name":"Mobile","style":{"fontSize":162.0,"letterSpacing":-6.885,"letterSpacingValue":-4.25,"letterSpacingUnit":"PERCENT","lineHeightPx":145.800003051758,"lineHeightPercent":76.8000030517578,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":162.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-6.885,"letterSpacingValue":-4.25,"letterSpacingUnit":"PERCENT","lineHeightPx":145.800003051758,"lineHeightPercent":69.2411727905273,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:9938":{"mainComponentId":"1:250","type":"INSTANCE","id":"61:9938","name":"Navigation","absoluteBoundingBox":{"x":10175.0,"y":100.0,"width":800.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":10175.0,"y":100.0,"width":800.0,"height":101.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":101.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-95.9999847412109,"sizeFraction":0.699999988079071},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["I61:9938;1:251"],"componentSetId":"1:235","componentProperties":{"Size":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE"},"componentId":"1:250"},{"key":["Content0","Logo0"],"value":{"counterAxisAlignItems":"CENTER"},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":766},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":767},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 40"],"value":{"interactions":[{"id":{"sessionID":58,"localID":456},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":28,"localID":1311},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"}]},"59:1153":{"type":"TEXT","id":"59:1153","name":"This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":10577.0,"y":6126.0,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":6126.0,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10043":{"type":"TEXT","id":"61:10043","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5462.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10006":{"type":"FRAME","id":"61:10006","name":"Frame 31","absoluteBoundingBox":{"x":12403.0,"y":2976.796875,"width":335.0,"height":1192.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":2976.796875,"width":335.0,"height":1192.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":1192.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:10007","61:10009"]},"59:5058":{"type":"FRAME","id":"59:5058","name":"Frame 11","absoluteBoundingBox":{"x":10577.0,"y":9254.0,"width":846.0,"height":384.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":9254.0,"width":846.0,"height":384.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":384.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":48.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["59:5059","59:5063"]},"1:230":{"type":"FRAME","id":"1:230","name":"Legal","absoluteBoundingBox":{"x":4947.0,"y":3192.0,"width":211.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":3192.0,"width":211.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":211.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"counterAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["1:232","3:671","1:233"]},"61:7467":{"type":"TEXT","id":"61:7467","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":4044.98461914062,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":4044.98461914062,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:184":{"type":"TEXT","id":"1:184","name":"Legal","absoluteBoundingBox":{"x":5058.0,"y":2427.0,"width":33.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5058.0,"y":2427.0,"width":33.0,"height":16.0},"relativeTransform":[[1.0,0.0,87.0],[0.0,1.0,0.0]],"size":{"x":33.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Legal","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"59:674":{"type":"FRAME","id":"59:674","name":"Sizing","absoluteBoundingBox":{"x":10577.0,"y":2436.0,"width":846.0,"height":704.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":2436.0,"width":846.0,"height":704.0},"relativeTransform":[[1.0,0.0,152.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":704.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["59:675"]},"1:91":{"key":"22aeb1fecf642a65890f9e8c7e8a37d9e01b6d99","name":"Display","styleType":"TEXT","remote":false,"description":"","id":"1:91","assetId":"StyleId:1:91","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.2,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}]},"61:10074":{"type":"TEXT","id":"61:10074","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7502":{"type":"TEXT","id":"61:7502","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:814":{"type":"TEXT","id":"59:814","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4367.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4367.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:588":{"type":"TEXT","id":"59:588","name":"The previous design system, Vanilla, had been built primarily as a CSS library and pre-dated the rise of design systems as collaborative tools between designers and developers. By the time this project began, the system remained largely engineering-led and was primarily documented for an engineering audience — with little to no design documentation. These documentation gaps were significant. The system relied heavily on the tacit knowledge of the team, which led to inconsistencies as individuals made ad hoc changes or diverged from the system entirely. This exposed both a lack of flexibility in the system and an absence of documented best practices to guide contributions. From a design perspective, the project had been under-resourced from the outset. The lack of a clear governance structure and participation mechanisms further discouraged meaningful contributions. Ideas that were proposed often stalled, simply due to the lack of capacity to develop them. To lay solid foundations for the future of the design system, we first needed to address these fundamental issues and create a shared strategy that the whole team could align behind.","absoluteBoundingBox":{"x":10577.0,"y":1868.0,"width":640.0,"height":520.0},"isolatedAbsoluteRenderBounds":{"x":10577.3916015625,"y":1875.0,"width":637.4609375,"height":509.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,481.0]],"size":{"x":640.0,"y":520.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,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,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,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,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,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,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The previous design system, Vanilla, had been built primarily as a CSS library and pre-dated the rise of design systems as collaborative tools between designers and developers. By the time this project began, the system remained largely engineering-led and was primarily documented for an engineering audience — with little to no design documentation.\n\nThese documentation gaps were significant. The system relied heavily on the tacit knowledge of the team, which led to inconsistencies as individuals made ad hoc changes or diverged from the system entirely. This exposed both a lack of flexibility in the system and an absence of documented best practices to guide contributions.\n\nFrom a design perspective, the project had been under-resourced from the outset. The lack of a clear governance structure and participation mechanisms further discouraged meaningful contributions. Ideas that were proposed often stalled, simply due to the lack of capacity to develop them.\n\nTo lay solid foundations for the future of the design system, we first needed to address these fundamental issues and create a shared strategy that the whole team could align behind.","lineIndentations":[0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.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:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:80","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:679":{"type":"TEXT","id":"59:679","name":"The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":2546.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":10577.5,"y":2553.0,"width":634.13671875,"height":535.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4],"characters":"The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7542":{"type":"FRAME","id":"61:7542","name":"Sizing","absoluteBoundingBox":{"x":11639.0,"y":6189.984375,"width":648.0,"height":1951.18432617188},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":6189.984375,"width":648.0,"height":1951.1845703125},"relativeTransform":[[1.0,0.0,120.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":1951.18432617188},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["61:7543"]},"1:269":{"type":"TEXT","id":"1:269","name":"CV","absoluteBoundingBox":{"x":5220.0,"y":3868.83203125,"width":18.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5220.57177734375,"y":3872.39404296875,"width":16.84033203125,"height":9.64599609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":18.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"CV","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"59:913":{"type":"TEXT","id":"59:913","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4314.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4314.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1051":{"type":"TEXT","id":"59:1051","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:543":{"type":"TEXT","id":"59:543","name":"Legacy design system: Vanilla framework","absoluteBoundingBox":{"x":10577.0,"y":1325.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10579.556640625,"y":1331.63635253906,"width":629.7646484375,"height":31.272705078125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Legacy design system: Vanilla framework","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:12":{"type":"TEXT","id":"1:12","name":"Captions","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":15.0,"height":17.0},"isolatedAbsoluteRenderBounds":{"x":0.474609375,"y":4.46875,"width":12.7823438644409,"height":11.02734375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":15.0,"y":17.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Roboto Mono","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":12.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.12,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":16.7999992370605,"lineHeightPercent":106.153274536133,"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":{}},"1:208":{"type":"TEXT","id":"1:208","name":"Daniel Mutis","absoluteBoundingBox":{"x":4971.0,"y":2775.0,"width":74.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4972.19580078125,"y":2778.75708007812,"width":72.08837890625,"height":9.39892578125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":74.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Daniel Mutis","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"61:10121":{"type":"TEXT","id":"61:10121","name":"This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":12403.0,"y":8314.5908203125,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":8314.5908203125,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:65":{"type":"TEXT","id":"1:65","name":"Caption","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":16.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":0.195000007748604,"y":3.89999938011169,"width":14.4209623336792,"height":11.7000007629395},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":16.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Space Mono","fontPostScriptName":"SpaceMono-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":13.0,"letterSpacing":-0.39,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":13.0,"letterSpacing":-0.39,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":13.0,"letterSpacing":-0.39,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.39,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":81.0263442993164,"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":{}},"61:7411":{"type":"FRAME","id":"61:7411","name":"Type styles","absoluteBoundingBox":{"x":11519.0,"y":1196.0,"width":800.0,"height":1025.72924804688},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":1196.0,"width":800.0,"height":1025.72924804688},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1096.0]],"size":{"x":800.0,"y":1025.72924804688},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":120.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:7412"]},"59:513":{"type":"TEXT","id":"59:513","name":"By April 2023, the design team at Canonical had been operating for over a year without a management structure. When a new leadership team was appointed, they began to define a clearer direction and vision for the team. Around the same time, one of my colleagues highlighted a critical issue: our web applications were using inconsistent design patterns and different components for similar functions — a direct consequence of the prolonged leadership gap. Recognising an opportunity to address this fragmentation, Me and two colleagues initiated an effort to bring greater cohesion across Canonical’s portfolio. To test our idea, we dedicated one day a week to explore new components that were better aligned with the needs of our products. We started with a side navigation component, focusing on creating solutions that would lay the groundwork for broader consistency. Six months later, our progress caught the attention of leadership. I was asked to lead a formal working group of designers, dedicating 20% of our time to rethink our design system strategy. Our mission was to transform our design system into a product in its own right, with a clear vision and purpose. This case study shares how I led this initiative to shape the vision of our design system and establish the foundational principles that would guide its evolution.","absoluteBoundingBox":{"x":10577.0,"y":683.0,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":10577.5458984375,"y":689.818176269531,"width":631.0517578125,"height":535.636413574219},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"By April 2023, the design team at Canonical had been operating for over a year without a management structure. When a new leadership team was appointed, they began to define a clearer direction and vision for the team. Around the same time, one of my colleagues highlighted a critical issue: our web applications were using inconsistent design patterns and different components for similar functions — a direct consequence of the prolonged leadership gap.\n\nRecognising an opportunity to address this fragmentation, Me and two colleagues initiated an effort to bring greater cohesion across Canonical’s portfolio. To test our idea, we dedicated one day a week to explore new components that were better aligned with the needs of our products. We started with a side navigation component, focusing on creating solutions that would lay the groundwork for broader consistency.\n\nSix months later, our progress caught the attention of leadership. I was asked to lead a formal working group of designers, dedicating 20% of our time to rethink our design system strategy. Our mission was to transform our design system into a product in its own right, with a clear vision and purpose.\n\nThis case study shares how I led this initiative to shape the vision of our design system and establish the foundational principles that would guide its evolution.","lineIndentations":[0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:10072":{"type":"TEXT","id":"61:10072","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":12403.0,"y":6578.5908203125,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":6578.5908203125,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:804":{"type":"FRAME","id":"59:804","name":"Frame 41","absoluteBoundingBox":{"x":10577.0,"y":4214.0,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4214.0,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,456.0]],"size":{"x":640.0,"y":52.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:877","59:901","59:889","59:805"]},"1:324":{"type":"TEXT","id":"1:324","name":"03","absoluteBoundingBox":{"x":5406.0,"y":4156.83203125,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":5406.53271484375,"y":4159.4599609375,"width":12.58203125,"height":7.5107421875},"relativeTransform":[[1.0,0.0,18.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.694840490818024,"g":0.694840490818024,"b":0.694840490818024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"03","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"1:53":{"type":"TEXT","id":"1:53","name":"Caption","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":21.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":0.21000000834465,"y":4.96200037002563,"width":20.2386417388916,"height":10.1919994354248},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":21.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":14.0,"letterSpacing":0.28,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":14.0,"letterSpacing":0.28,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":12.0,"letterSpacing":0.24,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":16.7999992370605,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.28,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":111.111114501953,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:646":{"type":"SVG","id":"59:646","name":"Vector 4704","absoluteBoundingBox":{"x":10663.0,"y":422.0,"width":0.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":10662.5,"y":422.0,"width":1.0,"height":24.0},"relativeTransform":[[1.0,0.0,86.0],[0.0,1.0,1.0]],"size":{"x":0.0,"y":24.0},"fills":[],"strokeAlign":"CENTER","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"353a2183200ab881dc7c46206eee7ecfeef5b7f2"},"61:7448":{"type":"FRAME","id":"61:7448","name":"Frame 40","absoluteBoundingBox":{"x":11639.0,"y":3543.72924804688,"width":640.0,"height":324.255340576172},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":3543.72924804688,"width":640.0,"height":324.25537109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":324.255340576172},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7449","66:1694"]},"1:61":{"type":"TEXT","id":"1:61","name":"Paragraph 1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":21.0},"isolatedAbsoluteRenderBounds":{"x":0.240000009536743,"y":5.79999923706055,"width":17.7488765716553,"height":14.4000015258789},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.0,"y":21.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Space Mono","fontPostScriptName":"SpaceMono-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":16.0,"letterSpacing":-0.48,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":21.6000003814697,"lineHeightPercent":115.199996948242,"lineHeightPercentFontSize":135.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":14.0,"letterSpacing":-0.42,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":12.0,"letterSpacing":-0.36,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.5999994277954,"lineHeightPercent":110.933334350586,"lineHeightPercentFontSize":130.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.48,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.7999992370605,"lineHeightPercent":87.7785339355469,"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":{}},"61:10142":{"type":"FRAME","id":"61:10142","name":"Frame 12","absoluteBoundingBox":{"x":12403.0,"y":11665.13671875,"width":335.0,"height":375.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":11665.13671875,"width":335.0,"height":375.0},"relativeTransform":[[1.0,0.0,20.0],[0.0,1.0,32.0]],"size":{"x":335.0,"y":375.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":32.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["61:10144"]},"59:645":{"type":"TEXT","id":"59:645","name":"Canonical","absoluteBoundingBox":{"x":10577.0,"y":421.0,"width":78.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":10577.8525390625,"y":427.801147460938,"width":75.1669921875,"height":12.375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":78.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Canonical","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":{"styleIdForText":"StyleId:1:80","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:80","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:80","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:80","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:44":{"type":"TEXT","id":"1:44","name":"Mobile/Subhead","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":17.0,"height":15.0},"isolatedAbsoluteRenderBounds":{"x":0.165000006556511,"y":4.11300039291382,"width":15.9017896652222,"height":8.00799942016602},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":17.0,"y":15.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":11.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.22,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.3999996185303,"lineHeightPercent":111.111114501953,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7539":{"type":"TEXT","id":"61:7539","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5803.984375,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10040":{"type":"TEXT","id":"61:10040","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":12403.0,"y":5310.5908203125,"width":335.0,"height":104.0},"isolatedAbsoluteRenderBounds":{"x":12403.5,"y":5317.4091796875,"width":331.453125,"height":93.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":104.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:75":{"key":"e8b9191d456343017335a79927599cb84fca86d5","name":"Heading 1","styleType":"TEXT","remote":false,"description":"","id":"1:75","assetId":"StyleId:1:75","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontSize":56.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":56.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":67.2000045776367,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":40.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}]},"61:7463":{"type":"TEXT","id":"61:7463","name":"Quality","absoluteBoundingBox":{"x":11639.0,"y":3991.98461914062,"width":640.0,"height":29.0},"isolatedAbsoluteRenderBounds":{"x":11640.35546875,"y":3996.83129882812,"width":78.822265625,"height":23.0625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":29.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Quality","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7394":{"mainComponentId":"1:250","type":"INSTANCE","id":"61:7394","name":"Navigation","absoluteBoundingBox":{"x":11519.0,"y":100.0,"width":800.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":100.0,"width":800.0,"height":101.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":101.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"INSIDE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["I61:7394;1:251"],"componentSetId":"1:235","componentProperties":{"Size":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[]},"1:90":{"key":"5a1fc94433b8f16ad778c1e45759ea7fa8ee8181","name":"Links","styleType":"TEXT","remote":false,"description":"","id":"1:90","assetId":"StyleId:1:90","type":"STYLE","style":{"fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontSize":15.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}]},"59:509":{"type":"FRAME","id":"59:509","name":"Sizing","absoluteBoundingBox":{"x":10577.0,"y":635.0,"width":846.0,"height":642.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":635.0,"width":846.0,"height":642.0},"relativeTransform":[[1.0,0.0,152.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":642.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["59:510"]},"59:4008":{"mainComponentId":"1:250","type":"INSTANCE","id":"59:4008","name":"Navigation","absoluteBoundingBox":{"x":10175.0,"y":100.0,"width":800.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":10175.0,"y":100.0,"width":800.0,"height":101.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":101.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-95.9999847412109,"sizeFraction":0.699999988079071},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["I59:4008;1:251"],"componentSetId":"1:235","componentProperties":{"Size":{"value":"Tablet","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE"},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":766},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":767},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"},{"key":["Content0","Contents0","Labels0","Nav labels 40"],"value":{"interactions":[{"id":{"sessionID":58,"localID":456},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":28,"localID":1311},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":170},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":583},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":769},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":-91.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":169},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":582},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":493},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":168},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":398},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":167},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":709},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:250"}]},"59:967":{"type":"TEXT","id":"59:967","name":"This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":10577.0,"y":5014.0,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5014.0,"width":640.0,"height":260.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10993":{"mainComponentId":"1:278","type":"INSTANCE","id":"61:10993","name":"Navigation","absoluteBoundingBox":{"x":10175.0,"y":100.0,"width":375.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":10175.0,"y":100.0,"width":375.0,"height":61.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":375.0,"y":61.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"constraints":{"vertical":"TOP","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-9.00001525878906,"sizeFraction":0.300000011920929},"top":{"pixelOffset":0.0,"sizeFraction":0.0}},"strokeAlign":"INSIDE","layoutPositioning":"ABSOLUTE","scrollBehavior":"FIXED","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":16.0,"paddingLeft":16.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["I61:10993;1:279"],"componentSetId":"1:277","componentProperties":{"Expanded":{"value":"Default","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"layoutPositioning":"ABSOLUTE","name":"Navigation"},"componentId":"1:278"},{"key":["Content0"],"value":{"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 10"],"value":{"interactions":[{"id":{"sessionID":24,"localID":792},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}],"visible":null},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 20"],"value":{"interactions":[{"id":{"sessionID":24,"localID":793},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 30"],"value":{"interactions":[{"id":{"sessionID":24,"localID":794},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 40"],"value":{"locked":null,"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 50"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"},{"key":["Content0","Content0","Nav labels 60"],"value":{"interactions":[{"id":{"sessionID":8188,"localID":213},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":214},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1497},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":211},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":212},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1498},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":209},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":210},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":672},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1499},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":795},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":498},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":499},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":500},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":208},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":671},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":505},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1500},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":205},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":206},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1046},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":661},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":662},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":663},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":664},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":666},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":1019},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":667},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":20,"localID":353},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1613},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":207},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":668},"event":{"interactionType":"DRAG"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SMART_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":669},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":670},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":22,"localID":410},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8044,"localID":1501},"event":{"interactionType":"ON_CLICK"},"actions":[],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:278"}]},"61:9996":{"type":"TEXT","id":"61:9996","name":"By April 2023, the design team at Canonical had been operating for over a year without a management structure. When a new leadership team was appointed, they began to define a clearer direction and vision for the team. Around the same time, one of my colleagues highlighted a critical issue: our web applications were using inconsistent design patterns and different components for similar functions — a direct consequence of the prolonged leadership gap. Recognising an opportunity to address this fragmentation, Me and two colleagues initiated an effort to bring greater cohesion across Canonical’s portfolio. To test our idea, we dedicated one day a week to explore new components that were better aligned with the needs of our products. We started with a side navigation component, focusing on creating solutions that would lay the groundwork for broader consistency. Six months later, our progress caught the attention of leadership. I was asked to lead a formal working group of designers, dedicating 20% of our time to rethink our design system strategy. Our mission was to transform our design system into a product in its own right, with a clear vision and purpose. This case study shares how I led this initiative to shape the vision of our design system and establish the foundational principles that would guide its evolution.","absoluteBoundingBox":{"x":12403.0,"y":707.0,"width":335.0,"height":962.0},"isolatedAbsoluteRenderBounds":{"x":12403.3525390625,"y":714.0,"width":333.2890625,"height":951.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":962.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"By April 2023, the design team at Canonical had been operating for over a year without a management structure. When a new leadership team was appointed, they began to define a clearer direction and vision for the team. Around the same time, one of my colleagues highlighted a critical issue: our web applications were using inconsistent design patterns and different components for similar functions — a direct consequence of the prolonged leadership gap.\n\nRecognising an opportunity to address this fragmentation, Me and two colleagues initiated an effort to bring greater cohesion across Canonical’s portfolio. To test our idea, we dedicated one day a week to explore new components that were better aligned with the needs of our products. We started with a side navigation component, focusing on creating solutions that would lay the groundwork for broader consistency.\n\nSix months later, our progress caught the attention of leadership. I was asked to lead a formal working group of designers, dedicating 20% of our time to rethink our design system strategy. Our mission was to transform our design system into a product in its own right, with a clear vision and purpose.\n\nThis case study shares how I led this initiative to shape the vision of our design system and establish the foundational principles that would guide its evolution.","lineIndentations":[0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7548":{"type":"FRAME","id":"61:7548","name":"Type styles","absoluteBoundingBox":{"x":11519.0,"y":8141.1689453125,"width":800.0,"height":386.0},"isolatedAbsoluteRenderBounds":{"x":11519.0,"y":8141.1689453125,"width":800.0,"height":386.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,8041.1689453125]],"size":{"x":800.0,"y":386.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":120.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:7549"]},"61:7402":{"type":"TEXT","id":"61:7402","name":"Canonical","absoluteBoundingBox":{"x":11639.0,"y":340.0,"width":78.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":11639.8525390625,"y":346.801147460938,"width":75.1669921875,"height":12.375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":78.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Canonical","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":{"styleIdForText":"StyleId:1:80","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:80","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:80","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:80","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:761":{"type":"TEXT","id":"59:761","name":"This audience embodies a set of key characteristics: Open source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":10577.0,"y":3402.0,"width":640.0,"height":260.0},"isolatedAbsoluteRenderBounds":{"x":10577.7724609375,"y":3408.81811523438,"width":622.298828125,"height":249.636474609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":260.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"This audience embodies a set of key characteristics:\n\nOpen source: Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade: A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems: Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"61:7562":{"type":"TEXT","id":"61:7562","name":"Other design systems work","absoluteBoundingBox":{"x":11639.0,"y":8575.1689453125,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":11640.806640625,"y":8581.96484375,"width":416.8896484375,"height":31.11328125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Other design systems work","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":{"styleIdForText":"StyleId:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10046":{"type":"TEXT","id":"61:10046","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":12403.0,"y":5462.5908203125,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":5462.5908203125,"width":640.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7423":{"type":"FRAME","id":"61:7423","name":"Frame 41","absoluteBoundingBox":{"x":11639.0,"y":2331.72924804688,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":2331.72924804688,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":546.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["61:7424"]},"1:24":{"type":"TEXT","id":"1:24","name":"Display","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":175.0,"height":144.0},"isolatedAbsoluteRenderBounds":{"x":3.125,"y":16.40625,"width":166.481246948242,"height":139.0625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":175.0,"y":144.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Crimson Text","fontPostScriptName":"CrimsonText-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":160.0,"letterSpacing":-8.0,"letterSpacingValue":-5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":136.0,"lineHeightPercent":72.533332824707,"lineHeightPercentFontSize":85.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":140.0,"letterSpacing":-7.0,"letterSpacingValue":-5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":112.0,"lineHeightPercent":68.2666702270508,"lineHeightPercentFontSize":80.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":80.0,"letterSpacing":-3.6,"letterSpacingValue":-4.5,"letterSpacingUnit":"PERCENT","lineHeightPx":68.0,"lineHeightPercent":72.533332824707,"lineHeightPercentFontSize":85.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":160.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-6.8,"letterSpacingValue":-4.25,"letterSpacingUnit":"PERCENT","lineHeightPx":144.0,"lineHeightPercent":69.2411727905273,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:951":{"type":"FRAME","id":"59:951","name":"Frame 47","absoluteBoundingBox":{"x":10577.0,"y":3758.0,"width":846.0,"height":508.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":3758.0,"width":880.0,"height":508.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":846.0,"y":508.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:802","59:804"]},"1:39":{"type":"TEXT","id":"1:39","name":"Florist/Label","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":16.0,"height":15.0},"isolatedAbsoluteRenderBounds":{"x":0.3759765625,"y":2.06689453125,"width":14.4426565170288,"height":8.0458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":16.0,"y":15.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Hanuman","fontPostScriptName":"Hanuman-Regular","fontStyle":"Regular","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":11.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.22,"letterSpacingValue":2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.3999996185303,"lineHeightPercent":95.5733337402344,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10003":{"type":"TEXT","id":"61:10003","name":"The previous design system, Vanilla, had been built primarily as a CSS library and pre-dated the rise of design systems as collaborative tools between designers and developers. By the time this project began, the system remained largely engineering-led and was primarily documented for an engineering audience — with little to no design documentation. These documentation gaps were significant. The system relied heavily on the tacit knowledge of the team, which led to inconsistencies as individuals made ad hoc changes or diverged from the system entirely. This exposed both a lack of flexibility in the system and an absence of documented best practices to guide contributions. From a design perspective, the project had been under-resourced from the outset. The lack of a clear governance structure and participation mechanisms further discouraged meaningful contributions. Ideas that were proposed often stalled, simply due to the lack of capacity to develop them. To lay solid foundations for the future of the design system, we first needed to address these fundamental issues and create a shared strategy that the whole team could align behind.","absoluteBoundingBox":{"x":12403.0,"y":2044.79699707031,"width":335.0,"height":884.0},"isolatedAbsoluteRenderBounds":{"x":12403.318359375,"y":2051.796875,"width":332.8935546875,"height":873.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,197.796997070312]],"size":{"x":335.0,"y":884.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,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,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,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,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,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,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"characters":"The previous design system, Vanilla, had been built primarily as a CSS library and pre-dated the rise of design systems as collaborative tools between designers and developers. By the time this project began, the system remained largely engineering-led and was primarily documented for an engineering audience — with little to no design documentation.\n\nThese documentation gaps were significant. The system relied heavily on the tacit knowledge of the team, which led to inconsistencies as individuals made ad hoc changes or diverged from the system entirely. This exposed both a lack of flexibility in the system and an absence of documented best practices to guide contributions.\n\nFrom a design perspective, the project had been under-resourced from the outset. The lack of a clear governance structure and participation mechanisms further discouraged meaningful contributions. Ideas that were proposed often stalled, simply due to the lack of capacity to develop them.\n\nTo lay solid foundations for the future of the design system, we first needed to address these fundamental issues and create a shared strategy that the whole team could align behind.","lineIndentations":[0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.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:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:80","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:32":{"type":"TEXT","id":"1:32","name":"Florist/H1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":73.0,"height":70.0},"isolatedAbsoluteRenderBounds":{"x":0.75,"y":18.1500015258789,"width":70.2808609008789,"height":36.3999977111816},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":73.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":50.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-1.0,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":70.0,"lineHeightPercent":111.111114501953,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:42":{"type":"TEXT","id":"1:42","name":"Mobile/H2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":31.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":0.360000014305115,"y":5.05599927902222,"width":28.6584377288818,"height":22.1760005950928},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":31.0,"y":26.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.6,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":87.3015899658203,"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":{}},"61:9989":{"type":"SVG","id":"61:9989","name":"Vector 4704","absoluteBoundingBox":{"x":12489.0,"y":359.0,"width":0.0,"height":24.0},"isolatedAbsoluteRenderBounds":{"x":12488.5,"y":359.0,"width":1.0,"height":24.0},"relativeTransform":[[1.0,0.0,86.0],[0.0,1.0,1.0]],"size":{"x":0.0,"y":24.0},"fills":[],"strokeAlign":"CENTER","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"353a2183200ab881dc7c46206eee7ecfeef5b7f2"},"59:911":{"type":"TEXT","id":"59:911","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4314.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4314.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10089":{"type":"TEXT","id":"61:10089","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:77":{"key":"eb46b945aaf555850c18a20259a9d0c0ff41048f","name":"Heading 2","styleType":"TEXT","remote":false,"description":"","id":"1:77","assetId":"StyleId:1:77","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.64,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}]},"1:262":{"type":"FRAME","id":"1:262","name":"Nav labels 2","absoluteBoundingBox":{"x":4963.0,"y":3868.83203125,"width":101.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4963.0,"y":3868.83203125,"width":101.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":101.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","children":["1:263","1:264"]},"59:934":{"type":"TEXT","id":"59:934","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4314.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4314.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7454":{"type":"TEXT","id":"61:7454","name":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","absoluteBoundingBox":{"x":11639.0,"y":3891.98461914062,"width":640.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":11639.4091796875,"y":3898.802734375,"width":617.36328125,"height":41.45458984375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"To clarify the direction we wanted to pursue with the design system, we identified four core pillars that captured the ambitions of the project:","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:43":{"type":"TEXT","id":"1:43","name":"Mobile/H1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":51.0,"height":39.0},"isolatedAbsoluteRenderBounds":{"x":0.525000035762787,"y":6.90500068664551,"width":49.1965980529785,"height":25.4799976348877},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":51.0,"y":39.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":35.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.7,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.5,"lineHeightPercent":87.3015899658203,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:1050":{"type":"TEXT","id":"59:1050","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:540":{"type":"FRAME","id":"59:540","name":"Sizing","absoluteBoundingBox":{"x":10577.0,"y":1277.0,"width":846.0,"height":1159.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":1277.0,"width":880.0,"height":1159.0},"relativeTransform":[[1.0,0.0,152.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":1159.0},"fills":[],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["59:541"]},"59:1049":{"type":"TEXT","id":"59:1049","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":10577.0,"y":5504.0,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":5504.0,"width":640.0,"height":78.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:803":{"type":"TEXT","id":"59:803","name":"What do we offer? Our operational pillars","absoluteBoundingBox":{"x":10577.0,"y":3758.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10577.6591796875,"y":3764.63647460938,"width":623.263671875,"height":30.908935546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"What do we offer? Our operational pillars","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:648":{"type":"TEXT","id":"59:648","name":"Leading the transformation of Canonical's design system into an open-source product that empowers technical audiences to create high-quality, cohesive experiences.","absoluteBoundingBox":{"x":10577.0,"y":471.0,"width":640.0,"height":116.0},"isolatedAbsoluteRenderBounds":{"x":10577.6728515625,"y":475.727264404297,"width":595.142578125,"height":110.181854248047},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,275.0]],"size":{"x":640.0,"y":116.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Leading the transformation of Canonical's design system into an open-source product that empowers technical audiences to create high-quality, cohesive experiences.","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:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:41":{"type":"TEXT","id":"1:41","name":"H2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":46.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":0.540000021457672,"y":7.58399868011475,"width":42.9876556396484,"height":33.2639999389648},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":46.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":36.0,"letterSpacing":-0.9,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":36.0,"letterSpacing":-0.9,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":36.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.9,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":87.3015899658203,"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":{}},"1:63":{"type":"TEXT","id":"1:63","name":"Link","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":19.0},"isolatedAbsoluteRenderBounds":{"x":0.0,"y":4.79999923706055,"width":19.1088752746582,"height":15.2000007629395},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.0,"y":19.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Space Mono","fontPostScriptName":"SpaceMono-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":16.0,"letterSpacing":-0.48,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.2000007629395,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":16.0,"letterSpacing":-0.48,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.2000007629395,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":14.0,"letterSpacing":-0.42,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":16.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"textUnderlineOffsetUnit":"PERCENT","textUnderlineOffsetValue":19.5,"textDecorationThicknessUnit":"PERCENT","textDecorationThicknessValue":5.5,"fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.48,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.2000007629395,"lineHeightPercent":81.0263442993164,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:677":{"type":"TEXT","id":"59:677","name":"Foundations: What is our mandate?","absoluteBoundingBox":{"x":10577.0,"y":2484.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10579.556640625,"y":2490.79541015625,"width":534.986328125,"height":24.591064453125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":38.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?","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:1:77","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:77","fontSize":32.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:77","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":38.4000015258789,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:676":{"type":"FRAME","id":"59:676","name":"Frame 40","absoluteBoundingBox":{"x":10577.0,"y":2484.0,"width":640.0,"height":38.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":2484.0,"width":640.0,"height":38.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,48.0]],"size":{"x":640.0,"y":38.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:677"]},"1:37":{"type":"TEXT","id":"1:37","name":"Florist/Subhead Large","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":27.0,"height":25.0},"isolatedAbsoluteRenderBounds":{"x":0.270000010728836,"y":6.09400033950806,"width":25.6611099243164,"height":13.1040000915527},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":27.0,"y":25.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textCase":"UPPER","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":18.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1999988555908,"lineHeightPercent":111.111114501953,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:877":{"type":"TEXT","id":"59:877","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":10577.0,"y":4214.0,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4214.0,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:87":{"key":"b7fe60bf2a448ea682880a5a08fe585bf0c8b31d","name":"Caption 2","styleType":"TEXT","remote":false,"description":"","id":"1:87","assetId":"StyleId:1:87","type":"STYLE","style":{"fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}]},"1:296":{"type":"TEXT","id":"1:296","name":"04","absoluteBoundingBox":{"x":4979.0,"y":4185.83203125,"width":14.0,"height":12.0},"isolatedAbsoluteRenderBounds":{"x":4979.53271484375,"y":4188.4599609375,"width":12.80908203125,"height":7.5107421875},"relativeTransform":[[1.0,0.0,32.0],[0.0,1.0,0.0]],"size":{"x":14.0,"y":12.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.694840490818024,"g":0.694840490818024,"b":0.694840490818024,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"04","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":{"styleIdForText":"StyleId:1:91","fontFamily":"Inter","fontPostScriptName":"Inter-SemiBold","fontStyle":"Semi Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:91","fontSize":10.0,"letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":10.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.5,"letterSpacingValue":5.0,"letterSpacingUnit":"PERCENT","lineHeightPx":12.0,"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":{}},"59:757":{"type":"TEXT","id":"59:757","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users. Open source projects building polished, corporate-grade technical systems This audience embodies a set of key characteristics: Open source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance. Polished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools. Technical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","absoluteBoundingBox":{"x":10593.0,"y":3352.0,"width":640.0,"height":416.0},"isolatedAbsoluteRenderBounds":{"x":10593.0,"y":3352.0,"width":640.0,"height":416.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":416.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.\n\nOpen source projects building polished, corporate-grade technical systems\n\nThis audience embodies a set of key characteristics:\n\nOpen source — Reflecting our mandate to build a system that is open to contributions, with transparent practices and governance.\n\nPolished, enterprise-grade — A system designed to go beyond passion projects, enabling the creation of professional-quality tools.\n\nTechnical systems — Placing strong emphasis on the nature of our ecosystem, which is built primarily by engineers for engineers.","lineIndentations":[0,0,0,0,0,0,1,0,1,0,1],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:188":{"type":"FRAME","id":"1:188","name":"Content","absoluteBoundingBox":{"x":4931.0,"y":2687.0,"width":800.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4931.0,"y":2687.0,"width":800.0,"height":16.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,128.0]],"size":{"x":800.0,"y":16.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":40.0,"paddingLeft":40.0,"layoutMode":"VERTICAL","itemSpacing":59.0,"primaryAxisAlignItems":"MAX","counterAxisSizingMode":"FIXED","children":["1:198"]},"59:587":{"type":"FRAME","id":"59:587","name":"Frame 41","absoluteBoundingBox":{"x":10577.0,"y":1387.0,"width":640.0,"height":1001.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":1387.0,"width":880.0,"height":1001.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,110.0]],"size":{"x":640.0,"y":1001.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["66:1685","59:588"]},"1:50":{"type":"TEXT","id":"1:50","name":"H2","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":51.0,"height":44.0},"isolatedAbsoluteRenderBounds":{"x":0.600000023841858,"y":8.7599983215332,"width":47.7640647888184,"height":36.9600028991699},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":51.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":40.0,"letterSpacing":-1.0,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":44.0,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":36.0,"letterSpacing":-0.9,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":39.6000022888184,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":24.0,"letterSpacing":-0.6,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":26.4000015258789,"lineHeightPercent":93.8666687011719,"lineHeightPercentFontSize":110.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-1.0,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":44.0,"lineHeightPercent":87.3015899658203,"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":{}},"1:226":{"type":"TEXT","id":"1:226","name":"Back to the top","absoluteBoundingBox":{"x":4947.0,"y":3105.0,"width":91.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4948.1181640625,"y":3108.77001953125,"width":89.029296875,"height":11.179931640625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":91.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Back to the top","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":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"1:25":{"type":"TEXT","id":"1:25","name":"H1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":67.0,"height":54.0},"isolatedAbsoluteRenderBounds":{"x":1.171875,"y":6.15234375,"width":63.1804656982422,"height":52.1484375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":67.0,"y":54.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Crimson Text","fontPostScriptName":"CrimsonText-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":60.0,"letterSpacing":-1.8,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":54.0,"lineHeightPercent":76.8000030517578,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":54.0,"letterSpacing":-1.62,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":48.5999984741211,"lineHeightPercent":76.8000030517578,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":50.0,"letterSpacing":-1.5,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":47.5,"lineHeightPercent":81.0666656494141,"lineHeightPercentFontSize":95.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":60.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-1.8,"letterSpacingValue":-3.0,"letterSpacingUnit":"PERCENT","lineHeightPx":54.0,"lineHeightPercent":69.2411727905273,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"66:1702":{"type":"TEXT","id":"66:1702","name":"Figma Libraries: To drive consistency and make our designers' work more efficient, we focused on creating new Figma libraries that followed industry best practices. These libraries were trackable, allowing us to monitor usage and measure adoption across teams. We first developed a plan for structuring and implementing these libraries, then worked on our core library, which included the majority of components used by all teams.","absoluteBoundingBox":{"x":11639.0,"y":6828.0400390625,"width":640.0,"height":157.0},"isolatedAbsoluteRenderBounds":{"x":11648.5546875,"y":6835.0400390625,"width":624.2890625,"height":145.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,528.055847167969]],"size":{"x":640.0,"y":157.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2],"characters":"Figma Libraries: To drive consistency and make our designers' work more efficient, we focused on creating new Figma libraries that followed industry best practices. These libraries were trackable, allowing us to monitor usage and measure adoption across teams. We first developed a plan for structuring and implementing these libraries, then worked on our core library, which included the majority of components used by all teams.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"2":{"styleIdForText":"StyleId:1:76","fontFamily":"IBM Plex Sans","fontPostScriptName":"IBMPlexSans-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}}},"1:57":{"type":"TEXT","id":"1:57","name":"Paragraph Large","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":30.0,"height":34.0},"isolatedAbsoluteRenderBounds":{"x":0.575999975204468,"y":9.19999885559082,"width":27.6918754577637,"height":21.8400020599365},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":30.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,"effects":[],"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":"Outfit","fontPostScriptName":"Outfit-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":24.0,"letterSpacing":-0.24,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.5999984741211,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":22.0,"letterSpacing":-0.22,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.7999992370605,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":18.0,"letterSpacing":-0.18,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1999988555908,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.24,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":33.5999984741211,"lineHeightPercent":111.111114501953,"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":{}},"59:783":{"type":"SVG","id":"59:783","name":"Vector 4704","absoluteBoundingBox":{"x":10577.0,"y":3352.0,"width":0.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":10576.0,"y":3352.0,"width":2.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":0.0,"y":26.0},"fills":[],"strokeAlign":"CENTER","layoutAlign":"STRETCH","strokes":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeWeight":2.0,"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"hash":"af16902f1f91b30d7020530748a1fb76d4563de5"},"61:7431":{"type":"TEXT","id":"61:7431","name":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","absoluteBoundingBox":{"x":11639.0,"y":3035.72924804688,"width":640.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":11639.556640625,"y":3042.42822265625,"width":636.4365234375,"height":67.755615234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"characters":"One key aspect of treating the design system as a product was defining its audience. I led a series of workshops to shape the overall vision for the project, with a strong focus on understanding and defining our target users.","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:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"3":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:673":{"type":"FRAME","id":"59:673","name":"Type styles","absoluteBoundingBox":{"x":10425.0,"y":2436.0,"width":1030.0,"height":704.0},"isolatedAbsoluteRenderBounds":{"x":10425.0,"y":2436.0,"width":1030.0,"height":704.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2336.0]],"size":{"x":1030.0,"y":704.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":1.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":32.0,"paddingLeft":152.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["59:674"]},"61:7408":{"type":"FRAME","id":"61:7408","name":"Frame 31","absoluteBoundingBox":{"x":11639.0,"y":554.0,"width":648.0,"height":642.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":554.0,"width":648.0,"height":642.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":648.0,"y":642.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["61:7409"]},"1:279":{"type":"FRAME","id":"1:279","name":"Content","absoluteBoundingBox":{"x":4947.0,"y":3991.83203125,"width":343.0,"height":61.0},"isolatedAbsoluteRenderBounds":{"x":4947.0,"y":3991.83203125,"width":343.0,"height":418.0},"relativeTransform":[[1.0,0.0,16.0],[0.0,1.0,0.0]],"size":{"x":343.0,"y":61.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["1:280","1:284"]},"61:7505":{"type":"TEXT","id":"61:7505","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":11639.0,"y":5181.984375,"width":335.0,"height":4872.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5181.984375,"width":335.0,"height":4872.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":4872.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:78","fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:78","fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10011":{"type":"FRAME","id":"61:10011","name":"Type styles","absoluteBoundingBox":{"x":12383.0,"y":4168.796875,"width":375.0,"height":847.0},"isolatedAbsoluteRenderBounds":{"x":12383.0,"y":4168.796875,"width":375.0,"height":847.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,4068.796875]],"size":{"x":375.0,"y":847.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[{"opacity":0.100000001490116,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true}],"individualStrokeWeights":{"top":0.0,"right":0.0,"bottom":1.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":20.0,"paddingLeft":20.0,"layoutMode":"VERTICAL","itemSpacing":100.0,"counterAxisSizingMode":"FIXED","children":["61:10012"]},"58:531":{"mainComponentId":"1:236","type":"INSTANCE","id":"58:531","name":"Navigation","absoluteBoundingBox":{"x":10175.0,"y":100.0,"width":250.0,"height":191.0},"isolatedAbsoluteRenderBounds":{"x":10175.0,"y":100.0,"width":250.0,"height":191.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":250.0,"y":191.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.985238909721375,"g":0.985238909721375,"b":0.985238909721375,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","scrollBehavior":"STICKY_SCROLLS","strokes":[],"individualStrokeWeights":{"top":4.0,"right":0.0,"bottom":0.0,"left":0.0},"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":30.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","isInAnimateTree":true,"children":["I58:531;1:237","I58:531;1:239","I58:531;1:246"],"componentSetId":"1:235","componentProperties":{"Size":{"value":"Desktop nav","type":"VARIANT","boundVariables":{}}},"overrides":[{"key":[],"value":{"size":{"x":250.0,"y":191.0}},"componentId":"1:236"},{"key":["Contents0"],"value":{"visible":false},"componentId":"1:236"},{"key":["Contents0","Link0"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":164},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":581},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":765},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":0.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":455},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":574},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":162},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":550},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":759},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":550},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":161},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":538},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":755},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":538},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":757},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":538},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:336"},{"key":["Brand Story0"],"value":{"characterStyleOverrides":[],"characters":"ON THIS PAGE","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"1:336"}]},"componentId":"1:236"},{"key":["Contents0","Link1"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":164},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":581},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":765},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":0.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":455},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":574},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":162},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":550},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":759},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":550},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":161},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":538},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":755},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":538},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":757},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":538},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:336"},{"key":["Brand Story0"],"value":{"characterStyleOverrides":[],"characters":"Audience","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"1:336"}]},"componentId":"1:236"},{"key":["Contents0","Link3"],"value":{"overrides":[{"key":[],"value":{"interactions":[{"id":{"sessionID":8008,"localID":1865},"event":{"interactionType":"ON_HOVER"},"actions":[{"transitionNodeID":{"sessionID":1,"localID":339},"transitionType":"INSTANT_TRANSITION","transitionDuration":0.300000011920929,"easingType":"IN_CUBIC","easingFunction":[0.419999986886978,0.0,1.0,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SWAP_STATE","transitionResetVideoPosition":false,"stateGroupContext":"1:335"}],"isDeleted":false,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":164},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":22,"localID":581},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":765},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":-1,"localID":-1},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","extraScrollOffset":{"x":0.0,"y":0.0}}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":58,"localID":455},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":574},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":162},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":550},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":759},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":550},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":8188,"localID":161},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":538},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":755},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":538},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO"}],"isDeleted":true,"stateManagementVersion":1},{"id":{"sessionID":24,"localID":757},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":58,"localID":538},"transitionType":"SCROLL_ANIMATE","transitionDuration":0.300000011920929,"easingType":"OUT_CUBIC","easingFunction":[0.0,0.0,0.579999983310699,1.0],"connectionType":"INTERNAL_NODE","navigationType":"SCROLL_TO","transitionResetVideoPosition":false}],"isDeleted":true,"stateManagementVersion":1}]},"componentId":"1:336"},{"key":["Brand Story0"],"value":{"characterStyleOverrides":[],"characters":"Execution","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"1:336"}]},"componentId":"1:236"},{"key":["Contents0","Link2"],"value":{"overrides":[{"key":["Brand Story0"],"value":{"characterStyleOverrides":[],"characters":"Mandate","lineIndentations":[0],"lineStyleOverrides":[0],"lineTypes":["NONE"],"styleOverrideTable":{}},"componentId":"1:336"}]},"componentId":"1:236"}]},"59:510":{"type":"FRAME","id":"59:510","name":"Frame 31","absoluteBoundingBox":{"x":10577.0,"y":635.0,"width":846.0,"height":642.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":635.0,"width":846.0,"height":642.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":642.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"HORIZONTAL","primaryAxisSizingMode":"FIXED","children":["59:511"]},"59:622":{"type":"FRAME","id":"59:622","name":"Frame 40","absoluteBoundingBox":{"x":10577.0,"y":196.0,"width":640.0,"height":391.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":196.0,"width":640.0,"height":391.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,96.0]],"size":{"x":640.0,"y":391.0},"fills":[],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":640.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:643","59:644","59:648"]},"1:234":{"type":"TEXT","id":"1:234","name":"All Rights Reserved","absoluteBoundingBox":{"x":5174.0,"y":3192.0,"width":116.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5174.259765625,"y":3195.75708007812,"width":114.19287109375,"height":11.348876953125},"relativeTransform":[[1.0,0.0,227.0],[0.0,1.0,0.0]],"size":{"x":116.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"All Rights Reserved","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{}},"61:7432":{"type":"FRAME","id":"61:7432","name":"Frame 44","absoluteBoundingBox":{"x":11639.0,"y":3137.72924804688,"width":648.0,"height":26.0},"isolatedAbsoluteRenderBounds":{"x":11638.0,"y":3137.72924804688,"width":649.0,"height":26.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,212.0]],"size":{"x":648.0,"y":26.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":16.0,"primaryAxisSizingMode":"FIXED","children":["61:7433","61:7434"]},"1:13":{"type":"TEXT","id":"1:13","name":"UI Text","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":18.0,"height":10.0},"isolatedAbsoluteRenderBounds":{"x":0.322000026702881,"y":0.199999332427979,"width":16.7184047698975,"height":13.0480003356934},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":18.0,"y":10.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"DM Sans","fontPostScriptName":"DMSans-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":14.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","leadingTrim":"CAP_HEIGHT","letterSpacing":-0.35,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":107.526878356934,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:10083":{"type":"TEXT","id":"61:10083","name":"Foundations: What is our mandate? Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem. Foundations: What is our mandate? The new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs: Platform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics. Open: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well. Documenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","absoluteBoundingBox":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":2964.0},"isolatedAbsoluteRenderBounds":{"x":12403.0,"y":7328.5908203125,"width":335.0,"height":2964.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":335.0,"y":2964.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Foundations: What is our mandate?\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.\nFoundations: What is our mandate?\nThe new design system was given to us as a clear mandate: to build something that went beyond an internal tool, and to treat it as a product in its own right. I translated this ambition into a set of key product needs:\n\nPlatform agnostic: Canonical doesn’t only design for the web — we build an operating system, Ubuntu, as well as a wide range of command-line interfaces. Our design system needed to support this diversity of platforms, which would become one of its defining characteristics.\n\nOpen: Ubuntu is a community-driven project and a cornerstone of Canonical’s identity. Our design system needed to reflect these same values by being open-source, welcoming external contributors, and existing as a product in its own right. We wanted it to be a resource not just for internal teams, but for the broader community as well.\n\nDocumenting best practices: Given the technical nature of our products, our design system needed to serve this audience by documenting best practices for both design and technical implementation across the organisation. For example, many of our products include networking features, which require a shared design approach. Our system aims to go beyond a typical component library — bridging gaps between products and creating a cohesive, integrated ecosystem.","lineIndentations":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"9":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"10":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"11":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"12":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"13":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"14":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"15":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"16":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"17":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"18":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"19":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"20":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"21":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"22":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"23":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"61:7517":{"type":"TEXT","id":"61:7517","name":"To build clarity and trust in the system, it’s essential that our tools and resources follow structures that make the decision-making process transparent and document the thinking behind our design choices. Well-reasoned structural foundations help make the project navigable and intuitive for users. Work within this pillar focused on: Unifying all systems across different platforms and technologies under one common framework, aligning them with our organisational ethos and branding efforts. Taking a grassroots approach to governance, addressing resource limitations and empowering product teams to take ownership of the tools, ensuring they remain alive and evolving through contributions. Transparent communication through a clear strategy that keeps both internal and external stakeholders informed, fostering alignment and trust. Clearly defined component levels hierarchy, tailored to our needs, that classifies components in predictable ways to make them easier to find and use.","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":640.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":11639.4091796875,"y":5241.984375,"width":633.974609375,"height":457.27294921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":468.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4],"characters":"To build clarity and trust in the system, it’s essential that our tools and resources follow structures that make the decision-making process transparent and document the thinking behind our design choices. Well-reasoned structural foundations help make the project navigable and intuitive for users. Work within this pillar focused on:\n\nUnifying all systems across different platforms and technologies under one common framework, aligning them with our organisational ethos and branding efforts.\n\nTaking a grassroots approach to governance, addressing resource limitations and empowering product teams to take ownership of the tools, ensuring they remain alive and evolving through contributions.\n\nTransparent communication through a clear strategy that keeps both internal and external stakeholders informed, fostering alignment and trust.\n\nClearly defined component levels hierarchy, tailored to our needs, that classifies components in predictable ways to make them easier to find and use.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{"4":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":"Inter-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","isOverrideOverTextStyle":true,"semanticWeight":"BOLD","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.0400009155273,"lineHeightPercent":118.985916137695,"lineHeightPercentFontSize":144.0,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:76","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"40:405":{"type":"TEXT","id":"40:405","name":"Body","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":19.0},"isolatedAbsoluteRenderBounds":{"x":0.320000022649765,"y":3.63999938964844,"width":18.1502513885498,"height":13.9519996643066},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.0,"y":19.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.16,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.2000007629395,"lineHeightPercent":92.3077011108398,"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":{}},"1:56":{"type":"TEXT","id":"1:56","name":"H4","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":19.0,"height":21.0},"isolatedAbsoluteRenderBounds":{"x":0.225000008940697,"y":5.40999937057495,"width":17.9115238189697,"height":13.8600006103516},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":19.0,"y":21.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Outfit","fontPostScriptName":"Outfit-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1200.0,"name":"Desktop","style":{"fontSize":15.0,"letterSpacing":-0.375,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":21.0,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":14.0,"letterSpacing":-0.35,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":19.6000003814697,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":0.0,"name":"Mobile","style":{"fontSize":13.0,"letterSpacing":-0.325,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":18.1999988555908,"lineHeightPercent":119.466667175293,"lineHeightPercentFontSize":140.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":15.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.375,"letterSpacingValue":-2.5,"letterSpacingUnit":"PERCENT","lineHeightPx":21.0,"lineHeightPercent":111.111114501953,"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":{}},"61:7515":{"type":"TEXT","id":"61:7515","name":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included: Comprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making. Quality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components. Measuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve. Robust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","absoluteBoundingBox":{"x":11639.0,"y":5234.984375,"width":640.0,"height":546.0},"isolatedAbsoluteRenderBounds":{"x":11639.0,"y":5234.984375,"width":640.0,"height":546.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":640.0,"y":546.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.172549024224281,"g":0.156862750649452,"b":0.14509804546833,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"A design system is a tool for generating consistent quality across the entire product ecosystem. It ensures that products are built on the same set of guiding principles, with experiences driven by consensus rather than individual intuition. Work within this pillar included:\n\nComprehensive documentation in both design and code, featuring examples of best practices to help designers quickly identify the most appropriate building blocks, reducing time spent on decision-making.\n\nQuality standards for components, ensuring that designers can confidently assess whether a component is reliable, and understand its level of maturity. This is closely tied to a detailed component lifecycle process that governs the evolution and maintenance of components.\n\nMeasuring our output — quality must be quantifiable. By defining measurable quality metrics, we were able to inform decisions about the design system’s infrastructure and tooling, ensuring we continually improve.\n\nRobust accessibility standards, which are non-negotiable and embedded as a core value in everything we build. Accessibility isn’t an afterthought — it’s central to creating inclusive, usable products.","lineIndentations":[0,0,1,0,1,0,1,0,1],"lineTypes":["NONE","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED","NONE","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0,0,0,0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"1":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"2":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"3":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"4":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"5":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"6":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"7":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0},"8":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"HEIGHT","style":{"styleIdForText":"StyleId:1:76","fontFamily":"Inter","fontPostScriptName":null,"fontStyle":"Regular","textAutoResize":"HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:76","fontSize":16.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":136.533340454102,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.6000003814697,"lineHeightPercent":132.206573486328,"lineHeightPercentFontSize":160.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"59:541":{"type":"FRAME","id":"59:541","name":"Frame 31","absoluteBoundingBox":{"x":10577.0,"y":1277.0,"width":846.0,"height":1159.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":1277.0,"width":880.0,"height":1159.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":846.0,"y":1159.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":48.0,"paddingBottom":48.0,"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:542","59:587"]},"1:175":{"type":"TEXT","id":"1:175","name":"LinkedIn","absoluteBoundingBox":{"x":4971.0,"y":2339.0,"width":50.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":4971.0,"y":2342.705078125,"width":49.85205078125,"height":11.56982421875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":50.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":24.2779235839844,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[4,4,4,4,4,4,4,4],"characters":"LinkedIn","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"4":{"styleIdForText":"StyleId:1:90","fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","hyperlink":{"type":"URL","url":"https://www.linkedin.com/in/danielmutis/","openInNewTab":true},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:90","fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:90","fontSize":13.0,"letterSpacing":-0.26,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":15.0,"letterSpacing":-0.3,"letterSpacingValue":-2.0,"letterSpacingUnit":"PERCENT","lineHeightPx":18.0,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:90","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"59:947":{"type":"FRAME","id":"59:947","name":"Frame 46","absoluteBoundingBox":{"x":10577.0,"y":4314.0,"width":846.0,"height":599.0},"isolatedAbsoluteRenderBounds":{"x":10577.0,"y":4314.0,"width":846.0,"height":599.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,604.0]],"size":{"x":846.0,"y":599.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":24.0,"counterAxisSizingMode":"FIXED","children":["59:910","59:813"]},"1:85":{"type":"TEXT","id":"1:85","name":"Caption 1","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":39.0,"height":36.0},"isolatedAbsoluteRenderBounds":{"x":0.600000023841858,"y":7.69999885559082,"width":35.157657623291,"height":26.1600017547607},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":39.0,"y":36.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Geist","fontPostScriptName":"Geist-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":30.0,"letterSpacing":-0.3,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":24.0,"letterSpacing":-0.24,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"fontSize":16.0,"letterSpacing":-0.16,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":19.2000007629395,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":30.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-0.3,"letterSpacingValue":-1.0,"letterSpacingUnit":"PERCENT","lineHeightPx":36.0,"lineHeightPercent":92.3077011108398,"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":{}},"1:23":{"type":"TEXT","id":"1:23","name":"Mobile/Display","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":88.0,"height":72.0},"isolatedAbsoluteRenderBounds":{"x":1.5625,"y":8.203125,"width":83.2406234741211,"height":69.53125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":88.0,"y":72.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"resolvedParagraphValues":{"0":{"listSpacing":0.0,"paragraphIndent":0.0,"paragraphSpacing":0.0}},"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Crimson Text","fontPostScriptName":"CrimsonText-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":80.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":-3.4,"letterSpacingValue":-4.25,"letterSpacingUnit":"PERCENT","lineHeightPx":72.0,"lineHeightPercent":69.2411727905273,"lineHeightPercentFontSize":90.0,"lineHeightUnit":"FONT_SIZE_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"1:256":{"type":"TEXT","id":"1:256","name":"Email","absoluteBoundingBox":{"x":5666.0,"y":3818.33203125,"width":33.0,"height":16.0},"isolatedAbsoluteRenderBounds":{"x":5666.0,"y":3822.08911132812,"width":32.68310546875,"height":11.517822265625},"relativeTransform":[[1.0,0.0,559.0],[0.0,1.0,0.0]],"size":{"x":33.0,"y":16.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.54248046875,"g":0.54248046875,"b":0.54248046875,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"strokeWeight":48.5558471679688,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[4,4,4,4,4],"characters":"Email","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":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","fontSize":13.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"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":{"4":{"styleIdForText":"StyleId:1:87","fontFamily":"Geist","fontPostScriptName":"Geist-Regular","fontStyle":"Regular","hyperlink":{"type":"URL","url":"mailto:dschoonewolff@gmail.com","openInNewTab":false},"textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":1.0,"name":"Mobile","style":{"styleIdForText":"StyleId:1:87","fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"isOverrideOverTextStyle":true,"fontSize":13.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":15.6000003814697,"lineHeightPercent":92.3077011108398,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%","inheritTextStyleId":"1:87","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED"}}},"1:78":{"key":"1ee12806a72d18fa92ba5836a9f6e8e848673249","name":"Heading 3","styleType":"TEXT","remote":false,"description":"","id":"1:78","assetId":"StyleId:1:78","type":"STYLE","style":{"fontFamily":"Inter","fontPostScriptName":"Inter-Medium","fontStyle":"Medium","textAutoResize":"WIDTH_AND_HEIGHT","responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}],"fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":99.1549377441406,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"},"responsiveTextStyleVariants":[{"minWidth":1280.0,"name":"Desktop","style":{"fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}},{"minWidth":800.0,"name":"Tablet","style":{"fontSize":24.0,"letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":28.8000011444092,"lineHeightPercent":102.400009155273,"lineHeightPercentFontSize":120.000007629395,"lineHeightUnit":"FONT_SIZE_%"}}]}},"assetIdToGuid":{"StyleId:1:87":"1:87","StyleId:1:77":"1:77","StyleId:1:78":"1:78","StyleId:1:90":"1:90","StyleId:1:76":"1:76","StyleId:1:80":"1:80","StyleId:1:75":"1:75","StyleId:1:91":"1:91"},"guidToUrl":{"1:343":"/","66:407":"/planning","79:587":"/landscape-migration","119:1195":"/charmhub","119:2604":"/snapcraft","58:528":"/the-strategy","119:3515":"/samsung-kx"},"fonts":{"Hanuman:Regular":{"id":"Hanuman_wght__1","url":"/_woff/v2/Hanuman_wght__1/Hanuman_wght__1.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/Hanuman_wght__1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Hanuman_wght__1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Hanuman_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Hanuman_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Hanuman_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Hanuman_wght__1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Hanuman_wght__1-rest.woff2"}]}},"Caprasimo:Regular":{"id":"Caprasimo-Regular_1","url":"/_woff/v2/Caprasimo-Regular_1/Caprasimo-Regular_1.woff2","source":1,"italic":false,"weight":400,"subsets":{"baseUrl":"/_woff/v2/Caprasimo-Regular_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Caprasimo-Regular_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Caprasimo-Regular_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Caprasimo-Regular_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Caprasimo-Regular_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Caprasimo-Regular_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Caprasimo-Regular_1-rest.woff2"}]}},"DM Sans:Regular":{"id":"DMSans_opsz_wght__1","url":"/_woff/v2/DMSans_opsz_wght__1/DMSans_opsz_wght__1.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"opsz","value":14.0,"name":"OpticalSize"},{"tag":"wght","value":400.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/DMSans_opsz_wght__1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"DMSans_opsz_wght__1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"DMSans_opsz_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"DMSans_opsz_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"DMSans_opsz_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"DMSans_opsz_wght__1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"DMSans_opsz_wght__1-rest.woff2"}]}},"DM Sans:Bold":{"id":"DMSans_opsz_wght__1","url":"/_woff/v2/DMSans_opsz_wght__1/DMSans_opsz_wght__1.woff2","source":1,"italic":false,"weight":700,"variationAxes":[{"tag":"opsz","value":14.0,"name":"OpticalSize"},{"tag":"wght","value":700.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/DMSans_opsz_wght__1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"DMSans_opsz_wght__1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"DMSans_opsz_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"DMSans_opsz_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"DMSans_opsz_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"DMSans_opsz_wght__1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"DMSans_opsz_wght__1-rest.woff2"}]}},"IBM Plex Sans:Bold":{"id":"IBMPlexSans_wdth_wght__1","url":"/_woff/v2/IBMPlexSans_wdth_wght__1/IBMPlexSans_wdth_wght__1.woff2","source":1,"italic":false,"weight":700,"variationAxes":[{"tag":"wght","value":700.0,"name":"Weight"},{"tag":"wdth","value":100.0,"name":"Width"}],"subsets":{"baseUrl":"/_woff/v2/IBMPlexSans_wdth_wght__1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"IBMPlexSans_wdth_wght__1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"IBMPlexSans_wdth_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"IBMPlexSans_wdth_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"IBMPlexSans_wdth_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"IBMPlexSans_wdth_wght__1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"IBMPlexSans_wdth_wght__1-rest.woff2"}]}},"Roboto Mono:Regular":{"id":"RobotoMono_wght__2","url":"/_woff/v2/RobotoMono_wght__2/RobotoMono_wght__2.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/RobotoMono_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":"RobotoMono_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":"RobotoMono_wght__2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"RobotoMono_wght__2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"RobotoMono_wght__2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"RobotoMono_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":"RobotoMono_wght__2-rest.woff2"}]}},"Outfit:Regular":{"id":"Outfit_wght__2","url":"/_woff/v2/Outfit_wght__2/Outfit_wght__2.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/Outfit_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":"Outfit_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":"Outfit_wght__2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Outfit_wght__2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Outfit_wght__2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Outfit_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":"Outfit_wght__2-rest.woff2"}]}},"Outfit:Medium":{"id":"Outfit_wght__2","url":"/_woff/v2/Outfit_wght__2/Outfit_wght__2.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"wght","value":500.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/Outfit_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":"Outfit_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":"Outfit_wght__2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Outfit_wght__2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Outfit_wght__2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Outfit_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":"Outfit_wght__2-rest.woff2"}]}},"Outfit:Bold":{"id":"Outfit_wght__2","url":"/_woff/v2/Outfit_wght__2/Outfit_wght__2.woff2","source":1,"italic":false,"weight":700,"variationAxes":[{"tag":"wght","value":700.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/Outfit_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":"Outfit_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":"Outfit_wght__2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Outfit_wght__2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Outfit_wght__2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Outfit_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":"Outfit_wght__2-rest.woff2"}]}},"Space Mono:Regular":{"id":"SpaceMono-Regular_2","url":"/_woff/v2/SpaceMono-Regular_2/SpaceMono-Regular_2.woff2","source":1,"italic":false,"weight":400,"subsets":{"baseUrl":"/_woff/v2/SpaceMono-Regular_2/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"SpaceMono-Regular_2-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"SpaceMono-Regular_2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"SpaceMono-Regular_2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"SpaceMono-Regular_2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"SpaceMono-Regular_2-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"SpaceMono-Regular_2-rest.woff2"}]}},"DotGothic16:Regular":{"id":"DotGothic16-Regular_1","url":"/_woff/v2/DotGothic16-Regular_1/DotGothic16-Regular_1.woff2","source":1,"italic":false,"weight":400,"subsets":{"baseUrl":"/_woff/v2/DotGothic16-Regular_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"DotGothic16-Regular_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"DotGothic16-Regular_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"DotGothic16-Regular_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"DotGothic16-Regular_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"DotGothic16-Regular_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"DotGothic16-Regular_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"}]}},"Rethink Sans:Medium":{"id":"RethinkSans_wght__1","url":"/_woff/v2/RethinkSans_wght__1/RethinkSans_wght__1.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"wght","value":500.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/RethinkSans_wght__1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"RethinkSans_wght__1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"RethinkSans_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"RethinkSans_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"RethinkSans_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"RethinkSans_wght__1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"RethinkSans_wght__1-rest.woff2"}]}},"Inter:Medium":{"id":"Inter_1","url":"/_woff/v2/Inter_1/Inter_1.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"wght","value":500.0,"name":"Weight"},{"tag":"slnt","value":0.0,"name":"Slant"}],"subsets":{"baseUrl":"/_woff/v2/Inter_1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Inter_1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Inter_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Inter_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Inter_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Inter_1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Inter_1-rest.woff2"}]}},"Inter: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"}]}},"Figtree:Regular":{"id":"Figtree_wght__2","url":"/_woff/v2/Figtree_wght__2/Figtree_wght__2.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/Figtree_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":"Figtree_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":"Figtree_wght__2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Figtree_wght__2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Figtree_wght__2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Figtree_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":"Figtree_wght__2-rest.woff2"}]}},"Crimson Text:Regular":{"id":"CrimsonText-Regular_2","url":"/_woff/v2/CrimsonText-Regular_2/CrimsonText-Regular_2.woff2","source":1,"italic":false,"weight":400,"subsets":{"baseUrl":"/_woff/v2/CrimsonText-Regular_2/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"CrimsonText-Regular_2-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"CrimsonText-Regular_2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"CrimsonText-Regular_2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"CrimsonText-Regular_2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"CrimsonText-Regular_2-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"CrimsonText-Regular_2-rest.woff2"}]}},"Geist:Medium":{"id":"Geist_wght__1","url":"/_woff/v2/Geist_wght__1/Geist_wght__1.woff2","source":1,"italic":false,"weight":500,"variationAxes":[{"tag":"wght","value":500.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/Geist_wght__1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Geist_wght__1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Geist_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Geist_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Geist_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Geist_wght__1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Geist_wght__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"}]}},"Geist:Regular":{"id":"Geist_wght__1","url":"/_woff/v2/Geist_wght__1/Geist_wght__1.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/Geist_wght__1/","subsetMappings":[{"unicodeRange":"U+0000-00A0,U+00A2-00A9,U+00AC-00AE,U+00B0-00B7,U+00B9-00BA,U+00BC-00BE,U+00D7,U+00F7,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-21BB,U+2212,U+2215,U+F8FF,U+FEFF,U+FFFD","file":"Geist_wght__1-english.woff2"},{"unicodeRange":"U+00A1,U+00AA-00AB,U+00AF,U+00B8,U+00BB,U+00BF-00D6,U+00D8-00F6,U+00F8-00FF,U+0131,U+0152-0153,U+02B0-02FF","file":"Geist_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Geist_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Geist_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Geist_wght__1-latin-extended-additional.woff2"},{"unicodeRange":"U+0250-02AF,U+0300-1DFF,U+1F00-1FFF,U+2070-2073,U+2075-20AB,U+20AD-2121,U+2123-218F,U+21BC-2211,U+2213-2214,U+2216-F8FE,U+F900-FEFE,U+FF00-FFFC,U+FFFE-FFFF","file":"Geist_wght__1-rest.woff2"}]}}},"assets":{"d49833c13c537f08093ee72700d25ce64d5d8a4e":{"type":"GENERATED_ASSET","url":"d49833c13c537f08093ee72700d25ce64d5d8a4e.svg","size":{"x":2.0,"y":23.0000019073486},"offsets":{"left":{"value":-1.0,"unit":"PIXELS"},"right":{"value":-1.0,"unit":"PIXELS"},"top":{"value":0.0,"unit":"PERCENT"},"bottom":{"value":-8.29282014266304e-06,"unit":"PERCENT"}},"format":"SVG"},"fdc6846b83df41f7c563a199ceb902f0f50cad3c":{"type":"PAINT_ASSET","url":"fdc6846b83df41f7c563a199ceb902f0f50cad3c.png","size":{"x":2864.0,"y":1010.0}},"9b29a4721a7d0368b7c7fc207510573e71a2fff4":{"type":"GENERATED_ASSET","url":"9b29a4721a7d0368b7c7fc207510573e71a2fff4.svg","size":{"x":343.0,"y":1.0},"offsets":{"left":{"value":0.0,"unit":"PERCENT"},"right":{"value":0.0,"unit":"PERCENT"},"top":{"value":-1.0,"unit":"PIXELS"},"bottom":{"value":0.0,"unit":"PIXELS"}},"format":"SVG"},"6e74bb490301a49a6073ebf88f5fa22162f25818":{"type":"PAINT_ASSET","url":"6e74bb490301a49a6073ebf88f5fa22162f25818.png","size":{"x":800.0,"y":485.0}},"cedd02812efc466c6cc458e658fd4e14e9f6b6c4":{"type":"GENERATED_ASSET","url":"cedd02812efc466c6cc458e658fd4e14e9f6b6c4.svg","size":{"x":2.0,"y":52.0000038146973},"offsets":{"left":{"value":-1.0,"unit":"PIXELS"},"right":{"value":-1.0,"unit":"PIXELS"},"top":{"value":0.0,"unit":"PERCENT"},"bottom":{"value":-7.33595628004808e-06,"unit":"PERCENT"}},"format":"SVG"},"03ef8db63f11bd3efcfcee95a4e62f1545b5f3ea":{"type":"GENERATED_ASSET","url":"03ef8db63f11bd3efcfcee95a4e62f1545b5f3ea.svg","size":{"x":1.0,"y":16.0},"offsets":{"left":{"value":-0.5,"unit":"PIXELS"},"right":{"value":-0.5,"unit":"PIXELS"},"top":{"value":0.0,"unit":"PERCENT"},"bottom":{"value":0.0,"unit":"PERCENT"}},"format":"SVG"},"a11fed2f82d4b45c93749f273a8fad121f761894":{"type":"PAINT_ASSET","url":"a11fed2f82d4b45c93749f273a8fad121f761894.png","size":{"x":3274.0,"y":1376.0}},"8b0be35ea6941878e3881e8dd670d691167eac9e":{"type":"PAINT_ASSET","url":"8b0be35ea6941878e3881e8dd670d691167eac9e.png","size":{"x":1600.0,"y":970.0}},"69ab514575645e7989c8f1b1a3b06a6dc7b6bfe0":{"type":"PAINT_ASSET","url":"69ab514575645e7989c8f1b1a3b06a6dc7b6bfe0.png","size":{"x":2864.0,"y":1326.0}},"09f22e4bddd2403b8f862aea667ef931ee52e7d7":{"type":"PAINT_ASSET","url":"09f22e4bddd2403b8f862aea667ef931ee52e7d7.png","size":{"x":2864.0,"y":566.0}},"e1154b61a5ace288f6f6ab484701611b93beb54c":{"type":"PAINT_ASSET","url":"e1154b61a5ace288f6f6ab484701611b93beb54c.png","size":{"x":2864.0,"y":1326.0}},"b4cd354b6cb3ed236db0ecf5b82722903db42eec":{"type":"PAINT_ASSET","url":"b4cd354b6cb3ed236db0ecf5b82722903db42eec.png","size":{"x":2926.0,"y":1518.0}},"af16902f1f91b30d7020530748a1fb76d4563de5":{"type":"GENERATED_ASSET","url":"af16902f1f91b30d7020530748a1fb76d4563de5.svg","size":{"x":2.0,"y":26.0000019073486},"offsets":{"left":{"value":-1.0,"unit":"PIXELS"},"right":{"value":-1.0,"unit":"PIXELS"},"top":{"value":0.0,"unit":"PERCENT"},"bottom":{"value":-7.33595628004808e-06,"unit":"PERCENT"}},"format":"SVG"},"353a2183200ab881dc7c46206eee7ecfeef5b7f2":{"type":"GENERATED_ASSET","url":"353a2183200ab881dc7c46206eee7ecfeef5b7f2.svg","size":{"x":1.0,"y":24.0000019073486},"offsets":{"left":{"value":-0.5,"unit":"PIXELS"},"right":{"value":-0.5,"unit":"PIXELS"},"top":{"value":0.0,"unit":"PERCENT"},"bottom":{"value":-7.94728597005208e-06,"unit":"PERCENT"}},"format":"SVG"}},"stablePathToAssetInfo":{"1:331":{"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"1:303":{"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"110:910":{"hash":"03ef8db63f11bd3efcfcee95a4e62f1545b5f3ea"},"I61:10989;1:303":{"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"I124:6103;110:910":{"hash":"03ef8db63f11bd3efcfcee95a4e62f1545b5f3ea"},"I61:10155;1:303":{"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"61:10019":{"hash":"cedd02812efc466c6cc458e658fd4e14e9f6b6c4"},"I61:7568;1:303":{"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"I59:4136;1:303":{"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"I124:6102;110:910":{"hash":"03ef8db63f11bd3efcfcee95a4e62f1545b5f3ea"},"61:7403":{"hash":"353a2183200ab881dc7c46206eee7ecfeef5b7f2"},"61:9989":{"hash":"353a2183200ab881dc7c46206eee7ecfeef5b7f2"},"61:7433":{"hash":"d49833c13c537f08093ee72700d25ce64d5d8a4e"},"I124:6094;110:910":{"hash":"03ef8db63f11bd3efcfcee95a4e62f1545b5f3ea"},"I61:10993;1:303":{"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"59:783":{"hash":"af16902f1f91b30d7020530748a1fb76d4563de5"},"I61:10994;1:303":{"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"1:334":{"hash":"9b29a4721a7d0368b7c7fc207510573e71a2fff4"},"111:1015":{"hash":"03ef8db63f11bd3efcfcee95a4e62f1545b5f3ea"},"59:646":{"hash":"353a2183200ab881dc7c46206eee7ecfeef5b7f2"}},"animateRootIds":[],"siteSettings":{"title":"Daniel Mutis' Portfolio","scalingMode":"REFLOW","blockSearchIndexing":true,"labs":{"E5FBBA911B2B7A09E649D4BE6CDF8591EAEFC881":false}},"sourceCodeHash":""}