{"roots":["335:257"],"nodeById":{"3:1197":{"id":"3:1197","type":"VARIABLE","assetId":"VariableID:3:1197","name":"colors/primary","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:3:1196","codeSyntax":{},"valuesByMode":{"3:0":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0}}},"3:1198":{"id":"3:1198","type":"VARIABLE","assetId":"VariableID:3:1198","name":"colors/secondary","resolvedType":"COLOR","variableCollectionId":"VariableCollectionId:3:1196","codeSyntax":{},"valuesByMode":{"3:0":{"r":0.0745098069310188,"g":0.631372570991516,"b":0.772549033164978,"a":1.0}}},"329:4050":{"type":"COMPONENT","id":"329:4050","name":"button return","absoluteBoundingBox":{"x":-1837.0,"y":-2327.0,"width":316.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":-1837.0,"y":-2327.0,"width":316.0,"height":93.0},"relativeTransform":[[1.0,0.0,-1837.0],[0.0,1.0,-2327.0]],"size":{"x":316.0,"y":93.0},"fills":[],"constraints":{"vertical":"TOP_BOTTOM","horizontal":"LEFT"},"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["329:4048","329:4049"]},"329:4049":{"type":"TEXT","id":"329:4049","name":"About","absoluteBoundingBox":{"x":-1803.0,"y":-2310.0,"width":252.0,"height":48.0},"isolatedAbsoluteRenderBounds":{"x":-1801.82995605469,"y":-2297.14990234375,"width":217.250366210938,"height":22.85986328125},"relativeTransform":[[1.0,0.0,34.0],[0.0,1.0,17.0]],"size":{"x":252.0,"y":48.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"constraints":{"vertical":"TOP_BOTTOM","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":34.0,"sizeFraction":0.0},"right":{"pixelOffset":-30.0,"sizeFraction":1.0},"top":{"pixelOffset":17.0,"sizeFraction":0.0},"bottom":{"pixelOffset":-28.0,"sizeFraction":1.0}},"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Back to Case Studies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:158:568","fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":30.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":37.7999992370605,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"230:239":{"id":"230:239","name":"Lightbox","type":"CODE_COMPONENT","codeExportName":"Code230_238.default","componentPropertyDefinitions":{"background#36:5":{"type":"TEXT","defaultValue":{"characters":"dark","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]}},"close#36:6":{"type":"TEXT","defaultValue":{"characters":"any","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]}},"closeIcon#65:0":{"type":"BOOLEAN","defaultValue":true},"imageContent#183:0":{"type":"IMAGE","defaultValue":{"image":null,"imageThumbnail":null,"animatedImage":null,"altText":"","originalImageHeight":0,"originalImageWidth":0,"animationFrame":0}},"transition#183:1":{"type":"TEXT","defaultValue":{"characters":"instant","characterStyleOverrides":[],"styleOverrideTable":{},"lineTypes":["NONE"],"lineIndentations":[0],"listStartOffsets":[],"lineStyleOverrides":[0]}}}},"335:257":{"type":"WEBPAGE","id":"335:257","name":"/ux-3","absoluteBoundingBox":{"x":10797.0,"y":-8230.0,"width":2711.0,"height":2984.87670898438},"isolatedAbsoluteRenderBounds":{"x":10797.0,"y":-8230.0,"width":2711.0,"height":2984.876953125},"relativeTransform":[[1.0,0.0,10797.0],[0.0,1.0,-8230.0]],"size":{"x":2711.0,"y":2984.87670898438},"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":["335:258","335:344","335:430"]},"335:430":{"type":"FRAME","id":"335:430","name":"Mobile","absoluteBoundingBox":{"x":13069.0,"y":-8130.0,"width":375.0,"height":2820.87670898438},"isolatedAbsoluteRenderBounds":{"x":13069.0,"y":-8130.0,"width":375.0,"height":2820.876953125},"relativeTransform":[[1.0,0.0,2272.0],[0.0,1.0,100.0]],"size":{"x":375.0,"y":2820.87670898438},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"TILE","imageRef":"6fd8b44436414c52674e1afb551332cda78c7a68","scalingFactor":0.5,"originalImageWidth":2800,"originalImageHeight":2833,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":50.0,"paddingBottom":80.0,"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["335:431"]},"335:431":{"type":"FRAME","id":"335:431","name":"whole","absoluteBoundingBox":{"x":13069.0,"y":-8080.0,"width":375.0,"height":2690.87670898438},"isolatedAbsoluteRenderBounds":{"x":13069.0,"y":-8080.0,"width":375.0,"height":2690.876953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,50.0]],"size":{"x":375.0,"y":2690.87670898438},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":44.0,"paddingLeft":44.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:432","335:435","335:437"]},"335:513":{"type":"FRAME","id":"335:513","name":"footer","absoluteBoundingBox":{"x":13113.0,"y":-5482.123046875,"width":287.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-5482.123046875,"width":316.0,"height":93.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2332.0]],"size":{"x":287.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["335:514"]},"335:514":{"type":"FRAME","id":"335:514","name":"Frame 4","absoluteBoundingBox":{"x":13113.0,"y":-5482.123046875,"width":286.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-5482.123046875,"width":316.0,"height":93.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":286.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":329,"localID":5002},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":324,"localID":1522},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/ux"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["335:515"]},"335:512":{"type":"TEXT","id":"335:512","name":"Featured","absoluteBoundingBox":{"x":13133.5,"y":-5636.123046875,"width":246.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":13133.8515625,"y":-5627.1708984375,"width":243.6591796875,"height":29.7919921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":246.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0745098069310188,"g":0.631372570991516,"b":0.772549033164978,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Back to Projects","ariaAttributes":{},"interactions":[{"id":{"sessionID":76,"localID":89},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.figma.com/proto/mTO23R78bxhHj6tuuByt5g/Connect?page-id=2%3A2&node-id=3-43&p=f&viewport=306%2C330%2C0.32&t=JAETRqdMMx0UkRdh-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=3%3A43","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"characterStyleOverrides":[],"characters":"View Figma Prototype","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.3199996948242,"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":{}},"335:509":{"type":"FRAME","id":"335:509","name":"p","absoluteBoundingBox":{"x":13303.0,"y":-6805.123046875,"width":800.0,"height":340.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-6805.123046875,"width":800.0,"height":340.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1009.0]],"size":{"x":800.0,"y":340.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:510"]},"335:510":{"type":"TEXT","id":"335:510","name":"Featured","absoluteBoundingBox":{"x":13303.0,"y":-6752.123046875,"width":800.0,"height":215.0},"isolatedAbsoluteRenderBounds":{"x":13303.49609375,"y":-6749.22705078125,"width":792.400390625,"height":212.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":800.0,"y":215.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once I had some examples that showed promise, I started taking the colors I used in the tests and creating variables for them. This consists of a primitive group of colors that represents all the colors in the UI, and a semantic color set that references the primitives and is named based on the context it’s used in. This gives us a clear view of each different color value within the website and separates it from their use.\nPrimitives are assigned to both a light and dark version of each semantic color. Sometimes the light and dark theme use the same color as in “icon-black” below, while other times different primitives are used for light and dark, such as “icon-contrast.” Referencing the primitive color variable instead of recreating it also has the advantage of creating a single place to update the value if it should ever need to change.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:508":{"type":"TEXT","id":"335:508","name":"Featured","absoluteBoundingBox":{"x":13303.0,"y":-5707.123046875,"width":800.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":13302.8876953125,"y":-5704.37109375,"width":792.2421875,"height":117.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-40.0]],"size":{"x":800.0,"y":120.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I designed this a few years ago and was even able to build out the initial web app that ran on the panel, as I had recently taught myself HTML, CSS, and a bit of JavaScript. Part of my reason for doing it myself was so that I could show how it was meant to animate between the default signage screen and the detail view. Nowadays I would build it out in Figma. So I decided I would take the above wireframe and give it a modern-day, interactive facelift. I also updated and changed a few small things that bother me about the design in hindsight. Click below to view the prototype.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:505":{"type":"FRAME","id":"335:505","name":"p","absoluteBoundingBox":{"x":13303.0,"y":-6198.123046875,"width":800.0,"height":140.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-6198.123046875,"width":800.0,"height":140.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1616.0]],"size":{"x":800.0,"y":140.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:506"]},"335:506":{"type":"TEXT","id":"335:506","name":"Featured","absoluteBoundingBox":{"x":13303.0,"y":-6178.123046875,"width":800.0,"height":80.0},"isolatedAbsoluteRenderBounds":{"x":13303.49609375,"y":-6175.37109375,"width":784.009765625,"height":77.13623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,20.0]],"size":{"x":800.0,"y":80.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once that was done, it was time to flip every page over to dark mode and check for any problems. If I saw areas of low contrast I would either adjust the primitive value or assign a different primitive to the semantic color and run a test. Since this is a live document, and I’m always adding pages and features, I continue to adjust and check.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:503":{"type":"TEXT","id":"335:503","name":"Featured","absoluteBoundingBox":{"x":13403.0,"y":-5747.123046875,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":13469.1533203125,"y":-5744.37109375,"width":467.2353515625,"height":17.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,20.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Original light mode on the left, new dark mode on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:501":{"type":"RECTANGLE","id":"335:501","name":"IMG_1942 1","absoluteBoundingBox":{"x":13303.0,"y":-6168.623046875,"width":800.0,"height":512.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-6168.623046875,"width":800.0,"height":512.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-130.5]],"size":{"x":800.0,"y":512.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","originalImageWidth":3852,"originalImageHeight":1208,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"349:284":{"type":"FRAME","id":"349:284","name":"p","absoluteBoundingBox":{"x":13403.0,"y":-6258.123046875,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":13403.0,"y":-6258.123046875,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,1556.0]],"size":{"x":600.0,"y":40.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["349:285"]},"335:497":{"type":"FRAME","id":"335:497","name":"p","absoluteBoundingBox":{"x":13403.0,"y":-6258.123046875,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":13403.0,"y":-6258.123046875,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,1556.0]],"size":{"x":600.0,"y":40.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:498"]},"335:494":{"type":"FRAME","id":"335:494","name":"row2","absoluteBoundingBox":{"x":13303.0,"y":-7434.123046875,"width":800.0,"height":509.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-7434.123046875,"width":800.0,"height":509.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,380.0]],"size":{"x":800.0,"y":509.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:495"]},"335:495":{"type":"FRAME","id":"335:495","name":"images container","absoluteBoundingBox":{"x":13303.0,"y":-7434.123046875,"width":800.0,"height":509.0},"targetAspectRatio":{"x":800.0,"y":509.0},"isolatedAbsoluteRenderBounds":{"x":13299.0,"y":-7434.123046875,"width":808.0,"height":517.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":509.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"a46b964ed9c838e61ee38375709206cfd52fc7e3","imageThumbnail":"930d7ca673bbd8c9fce905aafb6a032a5f01bd58","animatedImage":null,"altText":"","originalImageHeight":850,"originalImageWidth":1334,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"a46b964ed9c838e61ee38375709206cfd52fc7e3","imageThumbnail":"930d7ca673bbd8c9fce905aafb6a032a5f01bd58","animatedImage":null,"altText":"","originalImageHeight":850,"originalImageWidth":1334,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:496"]},"335:515":{"mainComponentId":"329:4050","type":"INSTANCE","id":"335:515","name":"button return","absoluteBoundingBox":{"x":13113.0,"y":-5482.123046875,"width":316.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-5482.123046875,"width":316.0,"height":93.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":316.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["I335:515;329:4048","I335:515;329:4049"],"componentProperties":{},"overrides":[]},"335:496":{"type":"RECTANGLE","id":"335:496","name":"IMG_1942 1","absoluteBoundingBox":{"x":13303.0,"y":-7435.623046875,"width":800.0,"height":512.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-7435.623046875,"width":800.0,"height":512.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-1.5]],"size":{"x":800.0,"y":512.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"a46b964ed9c838e61ee38375709206cfd52fc7e3","originalImageWidth":1334,"originalImageHeight":850,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:492":{"type":"FRAME","id":"335:492","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-7449.123046875,"width":700.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-7449.123046875,"width":700.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,365.0]],"size":{"x":700.0,"y":52.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":287.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","children":["335:493"]},"335:511":{"type":"FRAME","id":"335:511","name":"Frame 5","absoluteBoundingBox":{"x":13133.5,"y":-5636.123046875,"width":246.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":13133.5,"y":-5636.123046875,"width":246.0,"height":60.0},"relativeTransform":[[1.0,0.0,20.5],[0.0,1.0,2178.0]],"size":{"x":246.0,"y":60.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["335:512"]},"335:487":{"type":"FRAME","id":"335:487","name":"row2","absoluteBoundingBox":{"x":13113.0,"y":-5194.123046875,"width":287.0,"height":419.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-5194.123046875,"width":287.0,"height":419.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2620.0]],"size":{"x":287.0,"y":419.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":20.0,"counterAxisSizingMode":"FIXED","children":["335:488"]},"335:488":{"type":"FRAME","id":"335:488","name":"images container","absoluteBoundingBox":{"x":13113.0,"y":-5194.123046875,"width":287.0,"height":419.0},"isolatedAbsoluteRenderBounds":{"x":13109.0,"y":-5194.123046875,"width":295.0,"height":427.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":419.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:489"]},"335:493":{"type":"TEXT","id":"335:493","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7449.123046875,"width":287.0,"height":78.0},"isolatedAbsoluteRenderBounds":{"x":13113.16015625,"y":-7444.3232421875,"width":284.1748046875,"height":72.6201171875},"relativeTransform":[[1.0,0.0,-4.54747350886464e-13],[0.0,1.0,0.0]],"size":{"x":287.0,"y":78.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Lora","fontPostScriptName":"Lora-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.5999984741211,"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":{}},"335:489":{"type":"RECTANGLE","id":"335:489","name":"IMG_1942 1","absoluteBoundingBox":{"x":12977.0,"y":-5194.123046875,"width":559.0,"height":419.0},"targetAspectRatio":{"x":1919.0,"y":1439.0},"isolatedAbsoluteRenderBounds":{"x":12977.0,"y":-5194.123046875,"width":559.0,"height":419.0},"relativeTransform":[[1.0,0.0,-136.0],[0.0,1.0,0.0]],"size":{"x":559.0,"y":419.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"fffa0fbd5a17f82936e942e09af8211be703f5a1","originalImageWidth":1919,"originalImageHeight":1439,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:485":{"type":"FRAME","id":"335:485","name":"images container","absoluteBoundingBox":{"x":13113.0,"y":-5664.123046875,"width":287.0,"height":419.0},"isolatedAbsoluteRenderBounds":{"x":13109.0,"y":-5664.123046875,"width":295.0,"height":427.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":419.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:486"]},"335:486":{"type":"RECTANGLE","id":"335:486","name":"IMG_1942 1","absoluteBoundingBox":{"x":12977.0,"y":-5664.123046875,"width":559.0,"height":419.0},"targetAspectRatio":{"x":1919.0,"y":1439.0},"isolatedAbsoluteRenderBounds":{"x":12977.0,"y":-5664.123046875,"width":559.0,"height":419.0},"relativeTransform":[[1.0,0.0,-136.0],[0.0,1.0,0.0]],"size":{"x":559.0,"y":419.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"fffa0fbd5a17f82936e942e09af8211be703f5a1","originalImageWidth":1919,"originalImageHeight":1439,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:481":{"type":"FRAME","id":"335:481","name":"row2","absoluteBoundingBox":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":419.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":419.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,840.0]],"size":{"x":287.0,"y":419.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":20.0,"counterAxisSizingMode":"FIXED","children":["335:482"]},"335:491":{"type":"TEXT","id":"335:491","name":"Featured","absoluteBoundingBox":{"x":13303.0,"y":-5417.123046875,"width":287.0,"height":100.0},"isolatedAbsoluteRenderBounds":{"x":13302.9404296875,"y":-5413.68310546875,"width":283.5693359375,"height":96.5400390625},"relativeTransform":[[1.0,0.0,-4.54747350886464e-13],[0.0,1.0,0.0]],"size":{"x":287.0,"y":100.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"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":{}},"335:482":{"type":"FRAME","id":"335:482","name":"images container","absoluteBoundingBox":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":419.0},"isolatedAbsoluteRenderBounds":{"x":13109.0,"y":-6974.123046875,"width":295.0,"height":427.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":419.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:483"]},"335:507":{"type":"FRAME","id":"335:507","name":"p","absoluteBoundingBox":{"x":13303.0,"y":-5667.123046875,"width":800.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-5667.123046875,"width":800.0,"height":60.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,2147.0]],"size":{"x":800.0,"y":60.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:508"]},"335:483":{"type":"RECTANGLE","id":"335:483","name":"IMG_1942 1","absoluteBoundingBox":{"x":12977.0,"y":-6974.123046875,"width":559.0,"height":419.0},"targetAspectRatio":{"x":1919.0,"y":1439.0},"isolatedAbsoluteRenderBounds":{"x":12977.0,"y":-6974.123046875,"width":559.0,"height":419.0},"relativeTransform":[[1.0,0.0,-136.0],[0.0,1.0,0.0]],"size":{"x":559.0,"y":419.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"fffa0fbd5a17f82936e942e09af8211be703f5a1","originalImageWidth":1919,"originalImageHeight":1439,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"349:285":{"type":"TEXT","id":"349:285","name":"Featured","absoluteBoundingBox":{"x":13403.0,"y":-6258.123046875,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":13492.650390625,"y":-6255.37109375,"width":421.01953125,"height":17.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Detail view once a user taps the right side of the panel","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:479":{"type":"FRAME","id":"335:479","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6504.123046875,"width":287.0,"height":820.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6504.123046875,"width":287.0,"height":820.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1310.0]],"size":{"x":287.0,"y":820.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:480"]},"335:480":{"type":"TEXT","id":"335:480","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-6531.123046875,"width":287.0,"height":854.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-6528.37109375,"width":284.6181640625,"height":851.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":287.0,"y":854.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:477":{"type":"FRAME","id":"335:477","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6504.123046875,"width":287.0,"height":820.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6504.123046875,"width":287.0,"height":820.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1310.0]],"size":{"x":287.0,"y":820.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:478"]},"335:473":{"type":"FRAME","id":"335:473","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,840.0]],"size":{"x":287.0,"y":820.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:474"]},"349:295":{"type":"FRAME","id":"349:295","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,840.0]],"size":{"x":287.0,"y":820.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["349:296"]},"349:296":{"type":"TEXT","id":"349:296","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7001.123046875,"width":287.0,"height":854.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-6998.37109375,"width":284.6181640625,"height":851.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":287.0,"y":854.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:469":{"type":"FRAME","id":"335:469","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,840.0]],"size":{"x":287.0,"y":820.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:470"]},"335:470":{"type":"TEXT","id":"335:470","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7001.123046875,"width":287.0,"height":854.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-6998.37109375,"width":284.6181640625,"height":851.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":287.0,"y":854.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:467":{"type":"FRAME","id":"335:467","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-7449.123046875,"width":700.0,"height":46.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-7449.123046875,"width":700.0,"height":46.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,365.0]],"size":{"x":700.0,"y":46.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":287.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","children":["335:468"]},"335:466":{"type":"TEXT","id":"335:466","name":"Featured","absoluteBoundingBox":{"x":13303.0,"y":-7544.123046875,"width":287.0,"height":782.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-7540.72314453125,"width":283.359375,"height":777.89990234375},"relativeTransform":[[1.0,0.0,-4.54747350886464e-13],[0.0,1.0,0.0]],"size":{"x":287.0,"y":782.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47],"characters":"The Lucky Penny Diner is a card game wherein the players are the waitstaff in a 24-hour diner, serving orders to guests, and trying to collect the most in tips. Cards are drafted into players’ hands, then served to guests by laying the cards in an overlapping fashion beside them, representing how full they are getting. Pennies are used as markers to show the passage of time and courses served for end-of-game scoring.\n\nWhat you serve, when, and to whom factor into how well you are rewarded. Do you serve dessert to a guest that your opponent is waiting on so that they can’t serve them any more apps or entrees? Do you give it to the guy at the end to turn his two courses into three? Or do you serve it to the girl with the sweet tooth who will tip more for it?\n\nI designed the game and did all the art. It is available as a free print and play here.","lineIndentations":[0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"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":{"48":{"fontFamily":"Work Sans","fontPostScriptName":"WorkSans-Regular","fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"47":{"fontFamily":"Work Sans","fontPostScriptName":"WorkSans-Regular","fontStyle":"Regular","hyperlink":{"type":"URL","url":"https://www.pnparcade.com/products/the-lucky-penny-diner?_pos=1&_sid=fc5fe7177&_ss=r","openInNewTab":true},"boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"textDecoration":"UNDERLINE","fontSize":20.0,"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"335:464":{"type":"TEXT","id":"335:464","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-5636.123046875,"width":287.0,"height":340.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-5633.37109375,"width":281.08203125,"height":337.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":340.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I designed this a few years ago and was able to build out the initial web app that ran on the panel, as I had recently taught myself HTML, CSS, and a bit of JavaScript. Part of my reason for doing it myself was so that I could show how it was meant to animate between the default signage screen and the detail view. Nowadays I would build it out in Figma. So I decided I would take the above wireframe and give it a modern-day, interactive facelift. I also updated and changed a few small things that bother me about the design in hindsight. Click below to view the prototype.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:461":{"type":"FRAME","id":"335:461","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-5562.123046875,"width":287.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-5562.123046875,"width":287.0,"height":60.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2252.0]],"size":{"x":287.0,"y":60.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:462"]},"335:458":{"type":"FRAME","id":"335:458","name":"row2","absoluteBoundingBox":{"x":13114.0,"y":-5663.123046875,"width":285.0,"height":81.0},"isolatedAbsoluteRenderBounds":{"x":13110.0,"y":-5663.123046875,"width":293.0,"height":89.0},"relativeTransform":[[1.0,0.0,1.0],[0.0,1.0,2151.0]],"size":{"x":285.0,"y":81.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:459"]},"3:1196":{"id":"3:1196","assetId":"VariableCollectionId:3:1196","type":"VARIABLE_COLLECTION","name":"Collection 1","defaultModeId":"3:0","modes":[{"modeId":"3:0","name":"Mode 1"}]},"335:460":{"type":"RECTANGLE","id":"335:460","name":"IMG_1942 1","absoluteBoundingBox":{"x":13114.0,"y":-5713.623046875,"width":285.0,"height":182.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":13114.0,"y":-5713.623046875,"width":285.0,"height":182.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-50.5]],"size":{"x":285.0,"y":182.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"9e573684a598858eb5017cf239a8205a98cfea63","originalImageWidth":2954,"originalImageHeight":846,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:455":{"type":"FRAME","id":"335:455","name":"row2","absoluteBoundingBox":{"x":13403.0,"y":-6258.123046875,"width":800.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":13403.0,"y":-6258.123046875,"width":800.0,"height":468.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,1556.0]],"size":{"x":800.0,"y":468.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:456"]},"335:453":{"type":"FRAME","id":"335:453","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-5903.123046875,"width":287.0,"height":220.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-5903.123046875,"width":287.0,"height":220.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1911.0]],"size":{"x":287.0,"y":220.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:454"]},"335:451":{"type":"FRAME","id":"335:451","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6023.123046875,"width":287.0,"height":100.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6023.123046875,"width":287.0,"height":100.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1791.0]],"size":{"x":287.0,"y":100.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:452"]},"335:452":{"type":"TEXT","id":"335:452","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-6023.123046875,"width":287.0,"height":80.0},"isolatedAbsoluteRenderBounds":{"x":13120.4033203125,"y":-6020.22705078125,"width":272.06640625,"height":77.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":80.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color variables in Figma. Primitive colors on the left are assigned to variables with semantic names on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:474":{"type":"TEXT","id":"335:474","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7001.123046875,"width":287.0,"height":854.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-6998.37109375,"width":284.6181640625,"height":851.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":287.0,"y":854.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:449":{"type":"FRAME","id":"335:449","name":"images container","absoluteBoundingBox":{"x":13113.0,"y":-6144.123046875,"width":287.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":13109.0,"y":-6144.123046875,"width":295.0,"height":109.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":101.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":167.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:450"]},"335:450":{"type":"RECTANGLE","id":"335:450","name":"IMG_1942 1","absoluteBoundingBox":{"x":13113.0,"y":-6185.123046875,"width":287.0,"height":183.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6185.123046875,"width":287.0,"height":183.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-41.0]],"size":{"x":287.0,"y":183.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","originalImageWidth":2118,"originalImageHeight":744,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:446":{"type":"FRAME","id":"335:446","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6719.123046875,"width":287.0,"height":555.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-6719.123046875,"width":287.1123046875,"height":555.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1095.0]],"size":{"x":287.0,"y":555.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:447"]},"349:270":{"type":"TEXT","id":"349:270","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-6779.123046875,"width":287.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":13168.455078125,"y":-6776.22705078125,"width":176.3935546875,"height":17.087890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Early experimentation","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:442":{"type":"FRAME","id":"335:442","name":"row2","absoluteBoundingBox":{"x":13113.0,"y":-6989.123046875,"width":287.0,"height":190.0},"isolatedAbsoluteRenderBounds":{"x":13109.0,"y":-6989.123046875,"width":295.0,"height":198.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,825.0]],"size":{"x":287.0,"y":190.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:443"]},"335:444":{"type":"RECTANGLE","id":"335:444","name":"IMG_1942 1","absoluteBoundingBox":{"x":13115.0,"y":-6984.68310546875,"width":283.0,"height":181.119995117188},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":13115.0,"y":-6984.68310546875,"width":283.0,"height":181.1201171875},"relativeTransform":[[1.0,0.0,2.0],[0.0,1.0,4.44000244140625]],"size":{"x":283.0,"y":181.119995117188},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","originalImageWidth":2866,"originalImageHeight":1882,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:440":{"type":"FRAME","id":"335:440","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-7814.123046875,"width":287.0,"height":805.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-7814.123046875,"width":287.1123046875,"height":805.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":805.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:441"]},"335:448":{"type":"FRAME","id":"335:448","name":"row2","absoluteBoundingBox":{"x":13113.0,"y":-6144.123046875,"width":287.0,"height":101.0},"isolatedAbsoluteRenderBounds":{"x":13109.0,"y":-6144.123046875,"width":295.0,"height":109.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1670.0]],"size":{"x":287.0,"y":101.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:449"]},"335:438":{"type":"FRAME","id":"335:438","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-7814.123046875,"width":700.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-7814.123046875,"width":700.0,"height":182.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":182.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":287.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","children":["335:439"]},"335:435":{"type":"FRAME","id":"335:435","name":"header area","absoluteBoundingBox":{"x":13113.0,"y":-7984.12353515625,"width":287.0,"height":170.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-7984.12353515625,"width":287.0,"height":170.0},"relativeTransform":[[1.0,0.0,44.0],[0.0,1.0,95.8766632080078]],"size":{"x":287.0,"y":170.0},"fills":[{"opacity":0.0,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.870192289352417,"g":0.581522762775421,"b":0.581522762775421,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":20.0,"paddingBottom":30.0,"clipsContent":true,"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["335:436"]},"335:432":{"type":"FRAME","id":"335:432","name":"title","absoluteBoundingBox":{"x":13113.0,"y":-8080.0,"width":287.0,"height":95.8766632080078},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-8080.0,"width":287.0,"height":95.8766632080078},"relativeTransform":[[1.0,0.0,44.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":95.8766632080078},"fills":[{"opacity":0.0,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.749913334846497,"g":0.581522762775421,"b":0.870192289352417,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":9.0,"clipsContent":true,"layoutMode":"VERTICAL","itemSpacing":10.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:433","335:434"]},"335:344":{"type":"FRAME","id":"335:344","name":"Tablet","absoluteBoundingBox":{"x":12205.0,"y":-8130.0,"width":800.0,"height":2380.0},"isolatedAbsoluteRenderBounds":{"x":12205.0,"y":-8130.0,"width":800.0,"height":2380.0},"relativeTransform":[[1.0,0.0,1408.0],[0.0,1.0,100.0]],"size":{"x":800.0,"y":2380.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"TILE","imageRef":"6fd8b44436414c52674e1afb551332cda78c7a68","scalingFactor":0.5,"originalImageWidth":2800,"originalImageHeight":2833,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":50.0,"paddingBottom":80.0,"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["335:345"]},"335:392":{"type":"FRAME","id":"335:392","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7196.56396484375,"width":700.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7196.56396484375,"width":700.0,"height":360.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,655.43603515625]],"size":{"x":700.0,"y":360.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:393"]},"335:429":{"type":"TEXT","id":"335:429","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-5783.00927734375,"width":700.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12255.49609375,"y":-5780.11328125,"width":681.0927734375,"height":37.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"In this case, the client was receptive to the changes we were proposing and were happy for the guidance.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:502":{"type":"FRAME","id":"335:502","name":"p","absoluteBoundingBox":{"x":13403.0,"y":-5767.123046875,"width":600.0,"height":80.0},"isolatedAbsoluteRenderBounds":{"x":13403.0,"y":-5767.123046875,"width":600.0,"height":80.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,2047.0]],"size":{"x":600.0,"y":80.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:503"]},"349:274":{"type":"TEXT","id":"349:274","name":"Featured","absoluteBoundingBox":{"x":12305.0,"y":-6370.75146484375,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12339.5283203125,"y":-6367.99951171875,"width":530.7294921875,"height":37.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-10.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color variables in Figma. Primitive colors on the left are assigned to variables with semantic names on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:420":{"type":"TEXT","id":"335:420","name":"Featured","absoluteBoundingBox":{"x":12305.0,"y":-6370.75146484375,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12339.5283203125,"y":-6367.99951171875,"width":530.7294921875,"height":37.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-10.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color variables in Figma. Primitive colors on the left are assigned to variables with semantic names on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:416":{"type":"FRAME","id":"335:416","name":"row2","absoluteBoundingBox":{"x":12255.0,"y":-6526.87646484375,"width":700.0,"height":146.125},"targetAspectRatio":{"x":800.0,"y":167.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6526.87646484375,"width":700.0,"height":146.125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1325.12353515625]],"size":{"x":700.0,"y":146.125},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:417"]},"335:410":{"type":"FRAME","id":"335:410","name":"row2","absoluteBoundingBox":{"x":12255.0,"y":-7471.87646484375,"width":700.0,"height":445.0},"targetAspectRatio":{"x":800.0,"y":509.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7471.87646484375,"width":700.0,"height":445.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,380.12353515625]],"size":{"x":700.0,"y":445.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:411"]},"335:371":{"type":"FRAME","id":"335:371","name":"p","absoluteBoundingBox":{"x":12305.0,"y":-6402.0,"width":600.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":12305.0,"y":-6402.0,"width":600.0,"height":60.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,1450.0]],"size":{"x":600.0,"y":60.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:372"]},"335:393":{"type":"TEXT","id":"335:393","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7223.56396484375,"width":700.0,"height":394.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-7220.81201171875,"width":698.50390625,"height":391.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":700.0,"y":394.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:412":{"type":"RECTANGLE","id":"335:412","name":"IMG_1942 1","absoluteBoundingBox":{"x":12258.0,"y":-7471.26904296875,"width":694.0,"height":444.160003662109},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":12258.0,"y":-7471.26904296875,"width":694.0,"height":444.16015625},"relativeTransform":[[1.0,0.0,3.0],[0.0,1.0,0.607498168945312]],"size":{"x":694.0,"y":444.160003662109},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"a46b964ed9c838e61ee38375709206cfd52fc7e3","originalImageWidth":1334,"originalImageHeight":850,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:408":{"type":"FRAME","id":"335:408","name":"Frame 4","absoluteBoundingBox":{"x":12669.0,"y":-5923.0,"width":286.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":12669.0,"y":-5923.0,"width":316.0,"height":93.0},"relativeTransform":[[1.0,0.0,414.0],[0.0,1.0,0.0]],"size":{"x":286.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":329,"localID":5001},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":324,"localID":1522},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/ux"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["335:409"]},"335:301":{"type":"TEXT","id":"335:301","name":"Featured","absoluteBoundingBox":{"x":11101.0,"y":-5515.0,"width":800.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":11101.900390625,"y":-5511.56005859375,"width":789.0703125,"height":46.5400390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":50.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"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":{}},"335:405":{"type":"FRAME","id":"335:405","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7487.0,"width":700.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7487.0,"width":700.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,365.0]],"size":{"x":700.0,"y":52.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":700.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:406"]},"335:406":{"type":"TEXT","id":"335:406","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7487.0,"width":700.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":12255.6796875,"y":-7482.2001953125,"width":688.3017578125,"height":46.6201171875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Lora","fontPostScriptName":"Lora-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.5999984741211,"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":{}},"335:421":{"type":"FRAME","id":"335:421","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-6300.75146484375,"width":700.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6300.75146484375,"width":700.0,"height":160.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1551.24853515625]],"size":{"x":700.0,"y":160.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:422"]},"335:404":{"type":"TEXT","id":"335:404","name":"Featured","absoluteBoundingBox":{"x":12445.0,"y":-5455.0,"width":700.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":12445.400390625,"y":-5451.56005859375,"width":690.4921875,"height":46.5400390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":50.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"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":{}},"335:401":{"type":"FRAME","id":"335:401","name":"images container","absoluteBoundingBox":{"x":12255.0,"y":-6541.1279296875,"width":700.0,"height":525.8974609375},"targetAspectRatio":{"x":700.0,"y":525.8974609375},"isolatedAbsoluteRenderBounds":{"x":12251.0,"y":-6541.1279296875,"width":708.0,"height":533.8974609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":525.8974609375},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":601.025695800781,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:402"]},"335:402":{"type":"RECTANGLE","id":"335:402","name":"IMG_1942 1","absoluteBoundingBox":{"x":12169.0,"y":-6605.12255859375,"width":872.0,"height":653.886413574219},"targetAspectRatio":{"x":1919.0,"y":1439.0},"isolatedAbsoluteRenderBounds":{"x":12169.0,"y":-6605.12255859375,"width":872.0,"height":653.88623046875},"relativeTransform":[[1.0,0.0,-86.0],[0.0,1.0,-63.9944763183594]],"size":{"x":872.0,"y":653.886413574219},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"fffa0fbd5a17f82936e942e09af8211be703f5a1","imageTransform":[[0.999826312065125,0.0,0.00153421878349036],[0.0,1.0,0.0250920709222555]],"originalImageWidth":1919,"originalImageHeight":1439,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:290":{"type":"TEXT","id":"335:290","name":"Featured","absoluteBoundingBox":{"x":11101.0,"y":-6322.0,"width":800.0,"height":80.0},"isolatedAbsoluteRenderBounds":{"x":11101.49609375,"y":-6319.248046875,"width":784.009765625,"height":77.13623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":80.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once that was done, it was time to flip every page over to dark mode and check for any problems. If I saw areas of low contrast I would either adjust the primitive value or assign a different primitive to the semantic color and run a test. Since this is a live document, and I’m always adding pages and features, I continue to adjust and check.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:398":{"type":"FRAME","id":"335:398","name":"images container","absoluteBoundingBox":{"x":12255.0,"y":-6816.56396484375,"width":700.0,"height":525.8974609375},"targetAspectRatio":{"x":700.0,"y":525.8974609375},"isolatedAbsoluteRenderBounds":{"x":12251.0,"y":-6816.56396484375,"width":708.0,"height":533.8974609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":525.8974609375},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":601.025695800781,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:399"]},"335:394":{"type":"FRAME","id":"335:394","name":"row2","absoluteBoundingBox":{"x":12255.0,"y":-5949.875,"width":700.0,"height":525.8974609375},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-5949.875,"width":700.0,"height":525.8974609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1902.125]],"size":{"x":700.0,"y":525.8974609375},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:395"]},"335:484":{"type":"FRAME","id":"335:484","name":"row2","absoluteBoundingBox":{"x":13113.0,"y":-5664.123046875,"width":287.0,"height":419.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-5664.123046875,"width":287.0,"height":419.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2150.0]],"size":{"x":287.0,"y":419.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":20.0,"counterAxisSizingMode":"FIXED","children":["335:485"]},"335:396":{"type":"RECTANGLE","id":"335:396","name":"IMG_1942 1","absoluteBoundingBox":{"x":12169.0,"y":-6013.86962890625,"width":872.0,"height":653.886413574219},"targetAspectRatio":{"x":1919.0,"y":1439.0},"isolatedAbsoluteRenderBounds":{"x":12169.0,"y":-6013.86962890625,"width":872.0,"height":653.88623046875},"relativeTransform":[[1.0,0.0,-86.0],[0.0,1.0,-63.9944763183594]],"size":{"x":872.0,"y":653.886413574219},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"fffa0fbd5a17f82936e942e09af8211be703f5a1","imageTransform":[[0.999826312065125,0.0,0.00153421878349036],[0.0,1.0,0.0250920709222555]],"originalImageWidth":1919,"originalImageHeight":1439,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:418":{"type":"RECTANGLE","id":"335:418","name":"IMG_1942 1","absoluteBoundingBox":{"x":12255.0,"y":-6677.81396484375,"width":700.0,"height":448.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6677.81396484375,"width":700.0,"height":448.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-150.9375]],"size":{"x":700.0,"y":448.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"7d715c7c7708ffea9aef270e99cf83630d332730","imageTransform":[[1.0,0.0,0.0],[0.0,3.03686285018921,-1.0184314250946]],"originalImageWidth":1936,"originalImageHeight":408,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:463":{"type":"FRAME","id":"335:463","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-5636.123046875,"width":287.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-5636.123046875,"width":287.0,"height":360.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2178.0]],"size":{"x":287.0,"y":360.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:464"]},"335:395":{"type":"FRAME","id":"335:395","name":"images container","absoluteBoundingBox":{"x":12255.0,"y":-5949.875,"width":700.0,"height":525.8974609375},"targetAspectRatio":{"x":700.0,"y":525.8974609375},"isolatedAbsoluteRenderBounds":{"x":12251.0,"y":-5949.875,"width":708.0,"height":533.8974609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":525.8974609375},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":601.025695800781,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:396"]},"335:390":{"type":"FRAME","id":"335:390","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7196.56396484375,"width":700.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7196.56396484375,"width":700.0,"height":360.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,655.43603515625]],"size":{"x":700.0,"y":360.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:391"]},"335:468":{"type":"TEXT","id":"335:468","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7449.123046875,"width":287.0,"height":69.0},"isolatedAbsoluteRenderBounds":{"x":13114.2197265625,"y":-7445.8232421875,"width":281.7783203125,"height":65.0},"relativeTransform":[[1.0,0.0,-4.54747350886464e-13],[0.0,1.0,0.0]],"size":{"x":287.0,"y":69.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Work Sans","fontPostScriptName":"WorkSans-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.4599990844727,"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":{}},"91:1175":{"key":"a8a56322f5b621966565719fce558a1cc2475a5d","name":"body","styleType":"TEXT","remote":false,"description":"","id":"91:1175","assetId":"StyleId:91:1175","type":"STYLE","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"WIDTH_AND_HEIGHT","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%"}},"335:391":{"type":"TEXT","id":"335:391","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7223.56396484375,"width":700.0,"height":394.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-7220.81201171875,"width":698.50390625,"height":391.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":700.0,"y":394.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:397":{"type":"FRAME","id":"335:397","name":"row2","absoluteBoundingBox":{"x":12255.0,"y":-6816.56396484375,"width":700.0,"height":525.8974609375},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6816.56396484375,"width":700.0,"height":525.8974609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1035.43603515625]],"size":{"x":700.0,"y":525.8974609375},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:398"]},"335:388":{"type":"FRAME","id":"335:388","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7472.0,"width":700.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7472.0,"width":700.0,"height":360.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,380.0]],"size":{"x":700.0,"y":360.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:389"]},"335:281":{"type":"FRAME","id":"335:281","name":"row2","absoluteBoundingBox":{"x":11101.0,"y":-6703.0,"width":800.0,"height":281.0},"isolatedAbsoluteRenderBounds":{"x":11097.0,"y":-6703.0,"width":808.0,"height":289.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1209.0]],"size":{"x":800.0,"y":281.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:282"]},"335:413":{"type":"TEXT","id":"335:413","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7006.87646484375,"width":700.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7006.87646484375,"width":700.0,"height":60.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,845.12353515625]],"size":{"x":700.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Client mockup of what they were thinking of for the employee panel, edited for anonymity. They mentioned early in the process that the floorplan should instead be a list of the rooms, despite what’s shown here.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:475":{"type":"FRAME","id":"335:475","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,840.0]],"size":{"x":287.0,"y":820.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:476"]},"335:389":{"type":"TEXT","id":"335:389","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7499.0,"width":700.0,"height":394.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-7496.248046875,"width":698.50390625,"height":391.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":700.0,"y":394.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:437":{"type":"FRAME","id":"335:437","name":"content area","absoluteBoundingBox":{"x":13113.0,"y":-7814.123046875,"width":287.0,"height":2425.0},"isolatedAbsoluteRenderBounds":{"x":13109.0,"y":-7814.123046875,"width":320.0,"height":2425.0},"relativeTransform":[[1.0,0.0,44.0],[0.0,1.0,265.876708984375]],"size":{"x":287.0,"y":2425.0},"fills":[{"opacity":0.0,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.793213725090027,"g":0.870192289352417,"b":0.581522762775421,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":20.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:438","335:440","335:442","349:269","335:445","335:446","335:448","335:451","335:453","335:455","335:458","335:461","335:463","335:465","335:467","335:469","335:471","349:295","335:473","335:475","335:477","335:479","335:481","335:484","335:487","335:490","335:492","335:494","335:497","349:284","335:499","335:502","335:504","335:505","335:507","335:509","335:511","335:513"]},"335:490":{"type":"FRAME","id":"335:490","name":"p","absoluteBoundingBox":{"x":13303.0,"y":-5417.123046875,"width":700.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-5417.123046875,"width":700.0,"height":50.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,2397.0]],"size":{"x":700.0,"y":50.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":287.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","children":["335:491"]},"349:293":{"type":"FRAME","id":"349:293","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7472.0,"width":700.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7472.0,"width":700.0,"height":360.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,380.0]],"size":{"x":700.0,"y":360.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["349:294"]},"349:294":{"type":"TEXT","id":"349:294","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7499.0,"width":700.0,"height":394.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-7496.248046875,"width":698.50390625,"height":391.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":700.0,"y":394.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:498":{"type":"TEXT","id":"335:498","name":"Featured","absoluteBoundingBox":{"x":13403.0,"y":-6258.123046875,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":13492.650390625,"y":-6255.37109375,"width":421.01953125,"height":17.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Detail view once a user taps the right side of the panel","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"91:1177":{"type":"TEXT","id":"91:1177","name":"body mobile link","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":22.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":-0.272000014781952,"y":4.04799938201904,"width":21.3303756713867,"height":16.2719993591309},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":22.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:425":{"type":"RECTANGLE","id":"335:425","name":"IMG_1942 1","absoluteBoundingBox":{"x":12258.0,"y":-6233.88037109375,"width":694.0,"height":444.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":12258.0,"y":-6233.88037109375,"width":694.0,"height":444.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-113.128753662109]],"size":{"x":694.0,"y":444.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","originalImageWidth":3852,"originalImageHeight":1208,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:308":{"type":"FRAME","id":"335:308","name":"images container","absoluteBoundingBox":{"x":11101.0,"y":-7532.0,"width":800.0,"height":509.0},"targetAspectRatio":{"x":800.0,"y":509.0},"isolatedAbsoluteRenderBounds":{"x":11097.0,"y":-7532.0,"width":808.0,"height":517.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":509.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"a46b964ed9c838e61ee38375709206cfd52fc7e3","imageThumbnail":"930d7ca673bbd8c9fce905aafb6a032a5f01bd58","animatedImage":null,"altText":"","originalImageHeight":850,"originalImageWidth":1334,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"a46b964ed9c838e61ee38375709206cfd52fc7e3","imageThumbnail":"930d7ca673bbd8c9fce905aafb6a032a5f01bd58","animatedImage":null,"altText":"","originalImageHeight":850,"originalImageWidth":1334,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:309"]},"335:384":{"type":"FRAME","id":"335:384","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7472.0,"width":700.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7472.0,"width":700.0,"height":360.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,380.0]],"size":{"x":700.0,"y":360.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:385"]},"335:382":{"type":"FRAME","id":"335:382","name":"Frame 5","absoluteBoundingBox":{"x":12482.0,"y":-6157.0,"width":246.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":12482.0,"y":-6157.0,"width":246.0,"height":60.0},"relativeTransform":[[1.0,0.0,227.0],[0.0,1.0,1695.0]],"size":{"x":246.0,"y":60.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["335:383"]},"335:459":{"type":"FRAME","id":"335:459","name":"images container","absoluteBoundingBox":{"x":13114.0,"y":-5663.123046875,"width":285.0,"height":81.0},"isolatedAbsoluteRenderBounds":{"x":13110.0,"y":-5663.123046875,"width":293.0,"height":89.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":285.0,"y":81.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":251.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:460"]},"335:457":{"type":"RECTANGLE","id":"335:457","name":"IMG_1942 1","absoluteBoundingBox":{"x":13403.0,"y":-6280.123046875,"width":800.0,"height":512.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":13403.0,"y":-6280.123046875,"width":800.0,"height":512.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-22.0]],"size":{"x":800.0,"y":512.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"2ec03fbc17177670a4f4908ae05d70424ab664af","originalImageWidth":1293,"originalImageHeight":756,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:378":{"type":"FRAME","id":"335:378","name":"p","absoluteBoundingBox":{"x":12305.0,"y":-5983.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12305.0,"y":-5983.0,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,1869.0]],"size":{"x":600.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:379"]},"335:417":{"type":"FRAME","id":"335:417","name":"images container","absoluteBoundingBox":{"x":12255.0,"y":-6526.87646484375,"width":700.0,"height":146.125},"targetAspectRatio":{"x":800.0,"y":167.0},"isolatedAbsoluteRenderBounds":{"x":12251.0,"y":-6526.87646484375,"width":708.0,"height":154.125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":146.125},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":167.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"7d715c7c7708ffea9aef270e99cf83630d332730","imageThumbnail":"60bc99c4ca389db1f38fd063c089b5ddb59695b0","animatedImage":null,"altText":"","originalImageHeight":408,"originalImageWidth":1936,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"7d715c7c7708ffea9aef270e99cf83630d332730","imageThumbnail":"60bc99c4ca389db1f38fd063c089b5ddb59695b0","animatedImage":null,"altText":"","originalImageHeight":408,"originalImageWidth":1936,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:418"]},"335:379":{"type":"TEXT","id":"335:379","name":"Featured","absoluteBoundingBox":{"x":12305.0,"y":-5983.0,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":12371.1533203125,"y":-5980.248046875,"width":467.2353515625,"height":17.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Original light mode on the left, new dark mode on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:324":{"type":"FRAME","id":"335:324","name":"row2","absoluteBoundingBox":{"x":10911.0,"y":-7531.87646484375,"width":700.0,"height":445.0},"targetAspectRatio":{"x":800.0,"y":509.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-7531.87646484375,"width":700.0,"height":445.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,380.12353515625]],"size":{"x":700.0,"y":445.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:325"]},"335:376":{"type":"FRAME","id":"335:376","name":"images container","absoluteBoundingBox":{"x":12258.0,"y":-6202.0,"width":694.0,"height":199.0},"isolatedAbsoluteRenderBounds":{"x":12254.0,"y":-6202.0,"width":702.0,"height":207.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":694.0,"y":199.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":251.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:377"]},"335:373":{"type":"FRAME","id":"335:373","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-6322.0,"width":700.0,"height":100.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6322.0,"width":700.0,"height":100.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1530.0]],"size":{"x":700.0,"y":100.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:374"]},"335:323":{"type":"TEXT","id":"335:323","name":"Featured","absoluteBoundingBox":{"x":11101.0,"y":-6850.0,"width":800.0,"height":215.0},"isolatedAbsoluteRenderBounds":{"x":11101.49609375,"y":-6847.10400390625,"width":792.400390625,"height":212.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,53.0]],"size":{"x":800.0,"y":215.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once I had some examples that showed promise, I started taking the colors I used in the tests and creating variables for them. This consists of a primitive group of colors that represents all the colors in the UI, and a semantic color set that references the primitives and is named based on the context it’s used in. This gives us a clear view of each different color value within the website and separates it from their use.\nPrimitives are assigned to both a light and dark version of each semantic color. Sometimes the light and dark theme use the same color as in “icon-black” below, while other times different primitives are used for light and dark, such as “icon-contrast.” Referencing the primitive color variable instead of recreating it also has the advantage of creating a single place to update the value if it should ever need to change.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:368":{"type":"FRAME","id":"335:368","name":"row2","absoluteBoundingBox":{"x":12256.0,"y":-6667.0,"width":698.0,"height":245.0},"isolatedAbsoluteRenderBounds":{"x":12252.0,"y":-6667.0,"width":706.0,"height":253.0},"relativeTransform":[[1.0,0.0,1.0],[0.0,1.0,1185.0]],"size":{"x":698.0,"y":245.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:369"]},"335:439":{"type":"TEXT","id":"335:439","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7814.123046875,"width":287.0,"height":702.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-7809.22314453125,"width":284.7880859375,"height":696.52001953125},"relativeTransform":[[1.0,0.0,-4.54747350886464e-13],[0.0,1.0,0.0]],"size":{"x":287.0,"y":702.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113],"characters":"The Lucky Penny Diner is a card game wherein the players are the waitstaff in a 24-hour diner, serving orders to guests, and trying to collect the most in tips. Cards are drafted into players’ hands, then served to guests by laying the cards in an overlapping fashion beside them, representing how full they are getting.\nWhat you serve, when, and to whom factor into how well you are rewarded. Do you serve dessert to a guest that your opponent is waiting on so that they can’t serve them any more apps or entrees? Do you give it to the guy at the end to turn his two courses into three? Or do you serve it to the girl with the sweet tooth who will tip more for it?\nI designed the game and did all the art. It is available as a free print and play here.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"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":{"114":{"fontFamily":"Lora","fontPostScriptName":"Lora-Regular","fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"113":{"fontFamily":"Lora","fontPostScriptName":"Lora-Regular","fontStyle":"Regular","hyperlink":{"type":"URL","url":"https://www.pnparcade.com/products/the-lucky-penny-diner?_pos=1&_sid=fc5fe7177&_ss=r","openInNewTab":true},"boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"textDecoration":"UNDERLINE","fontSize":20.0,"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"335:277":{"type":"FRAME","id":"335:277","name":"p","absoluteBoundingBox":{"x":11201.0,"y":-7318.0,"width":600.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":11201.0,"y":-7318.0,"width":600.0,"height":60.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,594.0]],"size":{"x":600.0,"y":60.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:278"]},"335:369":{"type":"FRAME","id":"335:369","name":"images container","absoluteBoundingBox":{"x":12256.0,"y":-6667.0,"width":698.0,"height":245.0},"isolatedAbsoluteRenderBounds":{"x":12252.0,"y":-6667.0,"width":706.0,"height":253.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":698.0,"y":245.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:370"]},"335:370":{"type":"RECTANGLE","id":"335:370","name":"IMG_1942 1","absoluteBoundingBox":{"x":12256.0,"y":-6748.5,"width":698.0,"height":408.0},"targetAspectRatio":{"x":698.0,"y":408.0},"isolatedAbsoluteRenderBounds":{"x":12256.0,"y":-6748.5,"width":698.0,"height":408.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-81.5]],"size":{"x":698.0,"y":408.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","originalImageWidth":2118,"originalImageHeight":744,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:351":{"type":"FRAME","id":"335:351","name":"content area","absoluteBoundingBox":{"x":12255.0,"y":-7852.0,"width":700.0,"height":2022.0},"isolatedAbsoluteRenderBounds":{"x":12251.0,"y":-7852.0,"width":734.0,"height":2022.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,228.0]],"size":{"x":700.0,"y":2022.0},"fills":[{"opacity":0.0,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.793213725090027,"g":0.870192289352417,"b":0.581522762775421,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":20.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:352","335:354","335:356","349:280","335:359","335:360","335:362","335:364","335:366","335:368","335:371","335:373","335:375","335:378","335:380","335:382","335:384","349:293","335:386","335:388","335:390","335:392","335:394","335:397","335:400","335:403","335:405","335:407","335:410","335:413","335:414","335:416","335:419","349:273","335:421","335:423","335:426","335:428"]},"335:366":{"type":"FRAME","id":"335:366","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-6527.0,"width":700.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6527.0,"width":700.0,"height":360.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1325.0]],"size":{"x":700.0,"y":360.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:367"]},"335:465":{"type":"FRAME","id":"335:465","name":"p here","absoluteBoundingBox":{"x":13303.0,"y":-7544.123046875,"width":700.0,"height":345.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-7544.123046875,"width":700.0,"height":345.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,270.0]],"size":{"x":700.0,"y":345.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":287.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","children":["335:466"]},"335:289":{"type":"FRAME","id":"335:289","name":"p","absoluteBoundingBox":{"x":11101.0,"y":-6322.0,"width":800.0,"height":100.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-6322.0,"width":800.0,"height":100.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1590.0]],"size":{"x":800.0,"y":100.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:290"]},"335:365":{"type":"TEXT","id":"335:365","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7487.0,"width":700.0,"height":46.0},"isolatedAbsoluteRenderBounds":{"x":12256.2197265625,"y":-7483.7001953125,"width":684.6025390625,"height":42.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":46.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Work Sans","fontPostScriptName":"WorkSans-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.4599990844727,"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":{}},"335:454":{"type":"TEXT","id":"335:454","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-5903.123046875,"width":287.0,"height":200.0},"isolatedAbsoluteRenderBounds":{"x":13113.49609375,"y":-5900.22705078125,"width":284.6806640625,"height":196.9921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":200.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once that was done, it was time to flip every page over to dark mode and check for any problems. If I saw areas of low contrast I would either adjust the primitive value or assign a different primitive to the semantic color and run a test. Since this is a live document, and I’m always adding pages and features, I continue to adjust and check.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:428":{"type":"FRAME","id":"335:428","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-5783.00927734375,"width":700.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-5783.00927734375,"width":700.0,"height":60.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2068.99072265625]],"size":{"x":700.0,"y":60.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:429"]},"335:362":{"type":"FRAME","id":"335:362","name":"p here","absoluteBoundingBox":{"x":12445.0,"y":-7582.0,"width":700.0,"height":345.0},"isolatedAbsoluteRenderBounds":{"x":12445.0,"y":-7582.0,"width":700.0,"height":345.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,270.0]],"size":{"x":700.0,"y":345.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":700.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:363"]},"335:374":{"type":"TEXT","id":"335:374","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-6322.0,"width":700.0,"height":80.0},"isolatedAbsoluteRenderBounds":{"x":12255.4638671875,"y":-6319.248046875,"width":675.109375,"height":77.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":80.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once that was done, it was time to flip every page over to dark mode and check for any problems. If I saw areas of low contrast I would either adjust the primitive value or assign a different primitive to the semantic color and run a test. Since this is a live document, and I’m always adding pages and features, I continue to adjust and check.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:363":{"type":"TEXT","id":"335:363","name":"Featured","absoluteBoundingBox":{"x":12445.0,"y":-7582.0,"width":700.0,"height":391.0},"isolatedAbsoluteRenderBounds":{"x":12445.0,"y":-7578.60009765625,"width":696.69921875,"height":386.89990234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":391.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47],"characters":"The Lucky Penny Diner is a card game wherein the players are the waitstaff in a 24-hour diner, serving orders to guests, and trying to collect the most in tips. Cards are drafted into players’ hands, then served to guests by laying the cards in an overlapping fashion beside them, representing how full they are getting. Pennies are used as markers to show the passage of time and courses served for end-of-game scoring.\n\nWhat you serve, when, and to whom factor into how well you are rewarded. Do you serve dessert to a guest that your opponent is waiting on so that they can’t serve them any more apps or entrees? Do you give it to the guy at the end to turn his two courses into three? Or do you serve it to the girl with the sweet tooth who will tip more for it?\n\nI designed the game and did all the art. It is available as a free print and play here.","lineIndentations":[0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"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":{"48":{"fontFamily":"Work Sans","fontPostScriptName":"WorkSans-Regular","fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"47":{"fontFamily":"Work Sans","fontPostScriptName":"WorkSans-Regular","fontStyle":"Regular","hyperlink":{"type":"URL","url":"https://www.pnparcade.com/products/the-lucky-penny-diner?_pos=1&_sid=fc5fe7177&_ss=r","openInNewTab":true},"boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"textDecoration":"UNDERLINE","fontSize":20.0,"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"335:359":{"type":"TEXT","id":"335:359","name":"Featured","absoluteBoundingBox":{"x":12305.0,"y":-7264.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12305.0,"y":-7264.0,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,588.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Room that’s available versus a room that is currently reserved for an ad hoc meeting","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:269":{"type":"TEXT","id":"335:269","name":"Featured","absoluteBoundingBox":{"x":11101.0,"y":-7912.0,"width":800.0,"height":325.0},"isolatedAbsoluteRenderBounds":{"x":11100.82421875,"y":-7909.423828125,"width":799.9931640625,"height":322.74365234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":325.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Many apps and websites have a dark mode – it’s not exactly a unique challenge to design one, but it is a challenge, nonetheless. It would be nice if you could just flip-flop every color in the UI: that orange with a brightness value of 90%? Now it’s 10%. Whites are now black and vice-versa. But the fact is there’s a lot of adjustment and tailoring that needs to be done to ensure the interface remains functional, legible, and that the different elements maintain the correct amount of attention.\nThe first step I took was to experiment with a few pages that I already designed out for light mode. I tried to pick ones that had good examples of color, complexity, and diverse elements. I was not checking contrast ratios or running anything through a color-blindness simulation at this point – I just wanted to see roughly what was working and what was not.\nI was able to tell fairly quickly what would not work. Cards that were darker than the page background receded too much and looked like cut-outs of the page. My brief experiment with keeping cards and buttons white was also a mistake – they bring way too much attention to themselves and feel out of place.\nThe key was to iterate quickly through these and “fail fast.”","lineIndentations":[0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:356":{"type":"FRAME","id":"335:356","name":"row2","absoluteBoundingBox":{"x":12255.0,"y":-7447.0,"width":700.0,"height":445.0},"isolatedAbsoluteRenderBounds":{"x":12251.0,"y":-7447.0,"width":708.0,"height":453.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,405.0]],"size":{"x":700.0,"y":445.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:357"]},"335:424":{"type":"FRAME","id":"335:424","name":"images container","absoluteBoundingBox":{"x":12258.0,"y":-6120.75146484375,"width":694.0,"height":217.742492675781},"targetAspectRatio":{"x":800.0,"y":251.0},"isolatedAbsoluteRenderBounds":{"x":12254.0,"y":-6120.75146484375,"width":702.0,"height":225.74267578125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":694.0,"y":217.742492675781},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":251.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","imageThumbnail":"b695c6b123f1e6275e24b57a01fef032c588cf35","animatedImage":null,"altText":"","originalImageHeight":1208,"originalImageWidth":3852,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","imageThumbnail":"b695c6b123f1e6275e24b57a01fef032c588cf35","animatedImage":null,"altText":"","originalImageHeight":1208,"originalImageWidth":3852,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:425"]},"335:358":{"type":"RECTANGLE","id":"335:358","name":"IMG_1942 1","absoluteBoundingBox":{"x":12258.0,"y":-7446.580078125,"width":694.0,"height":444.160003662109},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":12258.0,"y":-7446.580078125,"width":694.0,"height":444.16015625},"relativeTransform":[[1.0,0.0,3.0],[0.0,1.0,0.419998168945312]],"size":{"x":694.0,"y":444.160003662109},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","originalImageWidth":2866,"originalImageHeight":1882,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:354":{"type":"FRAME","id":"335:354","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7852.0,"width":700.0,"height":385.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-7852.0,"width":700.1123046875,"height":385.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":385.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:355"]},"335:315":{"type":"FRAME","id":"335:315","name":"p","absoluteBoundingBox":{"x":11201.0,"y":-5865.0,"width":600.0,"height":80.0},"isolatedAbsoluteRenderBounds":{"x":11201.0,"y":-5865.0,"width":600.0,"height":80.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,2047.0]],"size":{"x":600.0,"y":80.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:316"]},"335:350":{"type":"TEXT","id":"335:350","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-8002.0,"width":700.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":12284.244140625,"y":-7993.81591796875,"width":641.7021484375,"height":119.4560546875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,20.0]],"size":{"x":700.0,"y":120.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Creating a Dark Theme for a Web App","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":64.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":60.0,"lineHeightPercent":74.4047622680664,"lineHeightPercentFontSize":93.75,"lineHeightUnit":"PIXELS","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"335:349":{"type":"FRAME","id":"335:349","name":"header area","absoluteBoundingBox":{"x":12255.0,"y":-8022.0,"width":700.0,"height":170.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-8022.0,"width":700.0,"height":170.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,58.0]],"size":{"x":700.0,"y":170.0},"fills":[{"opacity":0.0,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.870192289352417,"g":0.581522762775421,"b":0.581522762775421,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":20.0,"paddingBottom":30.0,"clipsContent":true,"layoutMode":"HORIZONTAL","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:350"]},"335:285":{"type":"FRAME","id":"335:285","name":"images container","absoluteBoundingBox":{"x":11201.0,"y":-6356.0,"width":800.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":11197.0,"y":-6356.0,"width":808.0,"height":476.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":468.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"2ec03fbc17177670a4f4908ae05d70424ab664af","imageThumbnail":"f7553913875da8cfd6d58235a441ae68af1de47d","animatedImage":null,"altText":"","originalImageHeight":756,"originalImageWidth":1293,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"2ec03fbc17177670a4f4908ae05d70424ab664af","imageThumbnail":"f7553913875da8cfd6d58235a441ae68af1de47d","animatedImage":null,"altText":"","originalImageHeight":756,"originalImageWidth":1293,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:286"]},"335:294":{"type":"FRAME","id":"335:294","name":"p","absoluteBoundingBox":{"x":11201.0,"y":-5953.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":11201.0,"y":-5953.0,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,1959.0]],"size":{"x":600.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:295"]},"335:346":{"type":"FRAME","id":"335:346","name":"title","absoluteBoundingBox":{"x":12255.0,"y":-8080.0,"width":700.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-8080.0,"width":700.0,"height":58.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":58.0},"fills":[{"opacity":0.0,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.749913334846497,"g":0.581522762775421,"b":0.870192289352417,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":9.0,"clipsContent":true,"layoutMode":"HORIZONTAL","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["335:347","335:348"]},"335:386":{"type":"FRAME","id":"335:386","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7472.0,"width":700.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7472.0,"width":700.0,"height":360.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,380.0]],"size":{"x":700.0,"y":360.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:387"]},"335:348":{"type":"TEXT","id":"335:348","name":"Featured","absoluteBoundingBox":{"x":12697.0,"y":-8071.0,"width":258.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12699.2080078125,"y":-8062.56005859375,"width":254.0546875,"height":24.38427734375},"relativeTransform":[[1.0,0.0,442.0],[0.0,1.0,9.0]],"size":{"x":258.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0745098069310188,"g":0.631372570991516,"b":0.772549033164978,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Back to Projects","ariaAttributes":{},"interactions":[{"id":{"sessionID":76,"localID":89},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":324,"localID":1522},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/ux"}],"isDeleted":false,"stateManagementVersion":1}],"characterStyleOverrides":[],"characters":"< Back to Case Studies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.3199996948242,"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":{}},"335:478":{"type":"TEXT","id":"335:478","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-6531.123046875,"width":287.0,"height":854.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-6528.37109375,"width":284.6181640625,"height":851.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":287.0,"y":854.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:360":{"type":"FRAME","id":"335:360","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-6922.0,"width":700.0,"height":235.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6922.0,"width":700.0,"height":235.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,930.0]],"size":{"x":700.0,"y":235.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:361"]},"335:258":{"type":"FRAME","id":"335:258","name":"Desktop","absoluteBoundingBox":{"x":10861.0,"y":-8130.0,"width":1280.0,"height":2410.0},"isolatedAbsoluteRenderBounds":{"x":10861.0,"y":-8130.0,"width":1280.0,"height":2410.0},"relativeTransform":[[1.0,0.0,64.0],[0.0,1.0,100.0]],"size":{"x":1280.0,"y":2410.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"TILE","imageRef":"6fd8b44436414c52674e1afb551332cda78c7a68","scalingFactor":0.5,"originalImageWidth":2800,"originalImageHeight":2833,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":50.0,"paddingBottom":80.0,"clipsContent":true,"overflowDirection":"VERTICAL_SCROLLING","layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","isBreakpointFrame":true,"children":["335:259"]},"335:399":{"type":"RECTANGLE","id":"335:399","name":"IMG_1942 1","absoluteBoundingBox":{"x":12169.0,"y":-6880.55859375,"width":872.0,"height":653.886413574219},"targetAspectRatio":{"x":1919.0,"y":1439.0},"isolatedAbsoluteRenderBounds":{"x":12169.0,"y":-6880.55859375,"width":872.0,"height":653.88623046875},"relativeTransform":[[1.0,0.0,-86.0],[0.0,1.0,-63.9944763183594]],"size":{"x":872.0,"y":653.886413574219},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"fffa0fbd5a17f82936e942e09af8211be703f5a1","imageTransform":[[0.999826312065125,0.0,0.00153421878349036],[0.0,1.0,0.0250920709222555]],"originalImageWidth":1919,"originalImageHeight":1439,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"349:273":{"type":"FRAME","id":"349:273","name":"p","absoluteBoundingBox":{"x":12305.0,"y":-6360.75146484375,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12305.0,"y":-6360.75146484375,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,1491.24853515625]],"size":{"x":600.0,"y":40.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["349:274"]},"335:288":{"type":"TEXT","id":"335:288","name":"Featured","absoluteBoundingBox":{"x":11201.0,"y":-6402.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":11235.5283203125,"y":-6399.248046875,"width":530.7294921875,"height":37.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color variables in Figma. Primitive colors on the left are assigned to variables with semantic names on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:297":{"type":"TEXT","id":"335:297","name":"Featured","absoluteBoundingBox":{"x":11101.0,"y":-6127.0,"width":800.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":11100.8876953125,"y":-6124.248046875,"width":790.6337890625,"height":117.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":120.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I designed this a few years ago and was able to build out the initial web app that ran on the panel, as I had recently taught myself HTML, CSS, and a bit of JavaScript. Part of my reason for doing it myself was so that I could show how it was meant to animate between the default signage screen and the detail view. Nowadays I would build it out in Figma. So I decided I would take the above wireframe and give it a modern-day, interactive facelift. I also updated and changed a few small things that bother me about the design in hindsight. Click below to view the prototype.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:259":{"type":"FRAME","id":"335:259","name":"whole","absoluteBoundingBox":{"x":10861.0,"y":-8080.0,"width":1280.0,"height":2280.0},"isolatedAbsoluteRenderBounds":{"x":10861.0,"y":-8080.0,"width":1280.0,"height":2280.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,50.0]],"size":{"x":1280.0,"y":2280.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":50.0,"paddingLeft":50.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:260","335:263","335:265"]},"335:342":{"type":"FRAME","id":"335:342","name":"p","absoluteBoundingBox":{"x":10911.0,"y":-5843.00927734375,"width":700.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-5843.00927734375,"width":700.0,"height":60.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,2068.99072265625]],"size":{"x":700.0,"y":60.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:343"]},"335:343":{"type":"TEXT","id":"335:343","name":"Featured","absoluteBoundingBox":{"x":10911.0,"y":-5843.00927734375,"width":700.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":10911.49609375,"y":-5840.11328125,"width":681.0927734375,"height":37.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"In this case, the client was receptive to the changes we were proposing and were happy for the guidance.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:423":{"type":"FRAME","id":"335:423","name":"row2","absoluteBoundingBox":{"x":12258.0,"y":-6120.75146484375,"width":694.0,"height":217.742492675781},"targetAspectRatio":{"x":800.0,"y":251.0},"isolatedAbsoluteRenderBounds":{"x":12258.0,"y":-6120.75146484375,"width":694.0,"height":217.742492675781},"relativeTransform":[[1.0,0.0,3.0],[0.0,1.0,1731.24853515625]],"size":{"x":694.0,"y":217.742492675781},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:424"]},"335:415":{"type":"TEXT","id":"335:415","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-6926.87646484375,"width":700.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-6924.12451171875,"width":695.7275390625,"height":353.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":360.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This was great for me – they had a clear idea of what they wanted and communicated it well. I began working on it and found a few problems, however.\nThe first issue was that while red was an appropriate color for an alert coming in on the employee panel, I felt that it would be indicating that something was wrong on the guest panels. As a guest, if I pressed a button requesting a waiter to come for a food order, I would expect positive confirmation, not a color typically used to indicate concern, an error, or danger. The second issue concerned the employee panel, and was more critical. The client provided a visual of how they wanted the buttons to look: red or yellow icons on a gray button. This relied completely on the icon color to communicate its status which could be a problem for certain types of color-blindness.\nFor the first issue I decided to use blue as the active color on the button when a request was first sent, and green when the request was acknowledged on the employee panel. Blue is the active color on the other buttons in the interface, and felt appropriate as an initial confirmation of the request. Green seemed like the right choice to then show that someone was on their way to help. I also added explanatory text on each button state to emphasize where they were in the process and avoid any color-blindness issues. This was mainly a concern between the blue and green color, as previous testing had shown sufficient contrast between the blue active state and black inactive state.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:291":{"type":"FRAME","id":"335:291","name":"row2","absoluteBoundingBox":{"x":11101.0,"y":-6202.0,"width":800.0,"height":229.0},"isolatedAbsoluteRenderBounds":{"x":11097.0,"y":-6202.0,"width":808.0,"height":237.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1710.0]],"size":{"x":800.0,"y":229.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:292"]},"335:340":{"type":"FRAME","id":"335:340","name":"p","absoluteBoundingBox":{"x":10961.0,"y":-5943.00927734375,"width":600.0,"height":80.0},"isolatedAbsoluteRenderBounds":{"x":10961.0,"y":-5943.00927734375,"width":600.0,"height":80.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,1968.99072265625]],"size":{"x":600.0,"y":80.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:341"]},"349:292":{"type":"TEXT","id":"349:292","name":"Featured","absoluteBoundingBox":{"x":11201.0,"y":-7018.0,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":11412.955078125,"y":-7015.10400390625,"width":176.3935546875,"height":17.087890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Early experimentation","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:403":{"type":"FRAME","id":"335:403","name":"p","absoluteBoundingBox":{"x":12445.0,"y":-5455.0,"width":700.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":12445.0,"y":-5455.0,"width":700.0,"height":50.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,2397.0]],"size":{"x":700.0,"y":50.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":700.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:404"]},"335:341":{"type":"TEXT","id":"335:341","name":"Featured","absoluteBoundingBox":{"x":10961.0,"y":-5943.00927734375,"width":600.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":10972.6728515625,"y":-5940.25732421875,"width":577.0830078125,"height":37.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Final concierge panel on the left, and a version on the right showing what the buttons look like with all color stripped away and no secondary icon.\n","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:337":{"type":"FRAME","id":"335:337","name":"row2","absoluteBoundingBox":{"x":10914.0,"y":-6180.75146484375,"width":694.0,"height":217.742492675781},"targetAspectRatio":{"x":800.0,"y":251.0},"isolatedAbsoluteRenderBounds":{"x":10914.0,"y":-6180.75146484375,"width":694.0,"height":217.742492675781},"relativeTransform":[[1.0,0.0,3.0],[0.0,1.0,1731.24853515625]],"size":{"x":694.0,"y":217.742492675781},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:338"]},"349:272":{"type":"TEXT","id":"349:272","name":"Featured","absoluteBoundingBox":{"x":10961.0,"y":-6430.75146484375,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":10995.5283203125,"y":-6427.99951171875,"width":530.7294921875,"height":37.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-10.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color variables in Figma. Primitive colors on the left are assigned to variables with semantic names on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:333":{"type":"FRAME","id":"335:333","name":"p","absoluteBoundingBox":{"x":10961.0,"y":-6420.75146484375,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":10961.0,"y":-6420.75146484375,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,1491.24853515625]],"size":{"x":600.0,"y":40.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:334"]},"349:280":{"type":"FRAME","id":"349:280","name":"p","absoluteBoundingBox":{"x":12305.0,"y":-6982.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12305.0,"y":-6982.0,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,870.0]],"size":{"x":600.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["349:281"]},"335:426":{"type":"FRAME","id":"335:426","name":"p","absoluteBoundingBox":{"x":12305.0,"y":-5883.00927734375,"width":600.0,"height":80.0},"isolatedAbsoluteRenderBounds":{"x":12305.0,"y":-5883.00927734375,"width":600.0,"height":80.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,1968.99072265625]],"size":{"x":600.0,"y":80.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:427"]},"335:409":{"mainComponentId":"329:4050","type":"INSTANCE","id":"335:409","name":"button return","absoluteBoundingBox":{"x":12669.0,"y":-5923.0,"width":316.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":12669.0,"y":-5923.0,"width":316.0,"height":93.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":316.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["I335:409;329:4048","I335:409;329:4049"],"componentProperties":{},"overrides":[]},"335:325":{"type":"FRAME","id":"335:325","name":"images container","absoluteBoundingBox":{"x":10911.0,"y":-7531.87646484375,"width":700.0,"height":445.375},"targetAspectRatio":{"x":800.0,"y":509.0},"isolatedAbsoluteRenderBounds":{"x":10907.0,"y":-7531.87646484375,"width":708.0,"height":453.375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":445.375},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"a46b964ed9c838e61ee38375709206cfd52fc7e3","imageThumbnail":"930d7ca673bbd8c9fce905aafb6a032a5f01bd58","animatedImage":null,"altText":"","originalImageHeight":850,"originalImageWidth":1334,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"a46b964ed9c838e61ee38375709206cfd52fc7e3","imageThumbnail":"930d7ca673bbd8c9fce905aafb6a032a5f01bd58","animatedImage":null,"altText":"","originalImageHeight":850,"originalImageWidth":1334,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:326"]},"335:381":{"type":"TEXT","id":"335:381","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-6157.0,"width":700.0,"height":140.0},"isolatedAbsoluteRenderBounds":{"x":12255.49609375,"y":-6154.248046875,"width":698.1025390625,"height":137.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":140.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I designed this a few years ago and was able to build out the initial web app that ran on the panel, as I had recently taught myself HTML, CSS, and a bit of JavaScript. Part of my reason for doing it myself was so that I could show how it was meant to animate between the default signage screen and the detail view. Nowadays I would build it out in Figma. So I decided I would take the above wireframe and give it a modern-day, interactive facelift. I also updated and changed a few small things that bother me about the design in hindsight. Click below to view the prototype.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:422":{"type":"TEXT","id":"335:422","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-6300.75146484375,"width":700.0,"height":140.0},"isolatedAbsoluteRenderBounds":{"x":12255.49609375,"y":-6297.99951171875,"width":697.541015625,"height":137.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":140.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I solved the second issue (concerning only having the color communicate the state on the employee panel) by including a secondary icon on the buttons. An “!” when a request is first received, and a check when it’s been confirmed. On the submittal document I included a screenshot showing what it looked like with all the color information stripped away, showing how difficult it was to see the difference between the yellow and red colors. Admittedly this would be an edge case. Monochromacy is very rare, and the other types I tested for were not this dramatic.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:262":{"type":"TEXT","id":"335:262","name":"Featured","absoluteBoundingBox":{"x":11643.0,"y":-8071.0,"width":258.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":11645.2080078125,"y":-8062.56005859375,"width":254.0546875,"height":24.38427734375},"relativeTransform":[[1.0,0.0,542.0],[0.0,1.0,9.0]],"size":{"x":258.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0745098069310188,"g":0.631372570991516,"b":0.772549033164978,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Back to Projects","ariaAttributes":{},"interactions":[{"id":{"sessionID":76,"localID":89},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":324,"localID":1522},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/ux"}],"isDeleted":false,"stateManagementVersion":1}],"characterStyleOverrides":[],"characters":"< Back to Case Studies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.3199996948242,"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":{}},"335:331":{"type":"FRAME","id":"335:331","name":"images container","absoluteBoundingBox":{"x":10911.0,"y":-6586.87646484375,"width":700.0,"height":146.125},"targetAspectRatio":{"x":800.0,"y":167.0},"isolatedAbsoluteRenderBounds":{"x":10907.0,"y":-6586.87646484375,"width":708.0,"height":154.125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":146.125},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":167.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"7d715c7c7708ffea9aef270e99cf83630d332730","imageThumbnail":"60bc99c4ca389db1f38fd063c089b5ddb59695b0","animatedImage":null,"altText":"","originalImageHeight":408,"originalImageWidth":1936,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"7d715c7c7708ffea9aef270e99cf83630d332730","imageThumbnail":"60bc99c4ca389db1f38fd063c089b5ddb59695b0","animatedImage":null,"altText":"","originalImageHeight":408,"originalImageWidth":1936,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:332"]},"335:332":{"type":"RECTANGLE","id":"335:332","name":"IMG_1942 1","absoluteBoundingBox":{"x":10911.0,"y":-6737.81396484375,"width":700.0,"height":448.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-6737.81396484375,"width":700.0,"height":448.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-150.9375]],"size":{"x":700.0,"y":448.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"STRETCH","imageRef":"7d715c7c7708ffea9aef270e99cf83630d332730","imageTransform":[[1.0,0.0,0.0],[0.0,3.03686285018921,-1.0184314250946]],"originalImageWidth":1936,"originalImageHeight":408,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:447":{"type":"TEXT","id":"335:447","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-6719.123046875,"width":287.0,"height":535.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-6716.22705078125,"width":284.86328125,"height":532.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":535.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once I had some examples that showed promise, I started taking the colors I used in the tests and creating variables for them. This consists of a primitive group of colors that represents all the colors in the UI, and a semantic color set that references the primitives and is named based on the context it’s used in. This gives us a clear view of each different color value within the website and separates it from its usage.\nPrimitives are assigned to both a light and dark version of each semantic color. Sometimes the light and dark theme use the same color as in “icon-black” below, while other times different primitives are used for light and dark, such as “icon-contrast.” Referencing the primitive color variable instead of recreating it also has the advantage of creating a single place to update the value if it should ever need to change.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:345":{"type":"FRAME","id":"335:345","name":"whole","absoluteBoundingBox":{"x":12205.0,"y":-8080.0,"width":800.0,"height":2250.0},"isolatedAbsoluteRenderBounds":{"x":12205.0,"y":-8080.0,"width":800.0,"height":2250.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,50.0]],"size":{"x":800.0,"y":2250.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingRight":50.0,"paddingLeft":50.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:346","335:349","335:351"]},"335:327":{"type":"TEXT","id":"335:327","name":"Featured","absoluteBoundingBox":{"x":10911.0,"y":-7066.87646484375,"width":700.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-7066.87646484375,"width":700.0,"height":60.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,845.12353515625]],"size":{"x":700.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Client mockup of what they were thinking of for the employee panel, edited for anonymity. They mentioned early in the process that the floorplan should instead be a list of the rooms, despite what’s shown here.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:302":{"type":"FRAME","id":"335:302","name":"p","absoluteBoundingBox":{"x":10911.0,"y":-7547.0,"width":800.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-7547.0,"width":800.0,"height":52.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,365.0]],"size":{"x":800.0,"y":52.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:303"]},"335:407":{"type":"FRAME","id":"335:407","name":"footer","absoluteBoundingBox":{"x":12255.0,"y":-5923.0,"width":700.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-5923.0,"width":730.0,"height":93.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1929.0]],"size":{"x":700.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"MAX","counterAxisSizingMode":"FIXED","children":["335:408"]},"335:352":{"type":"FRAME","id":"335:352","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7852.0,"width":700.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7852.0,"width":700.0,"height":182.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":182.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":700.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:353"]},"335:320":{"type":"FRAME","id":"335:320","name":"p","absoluteBoundingBox":{"x":11101.0,"y":-5765.0,"width":800.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-5765.0,"width":800.0,"height":60.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,2147.0]],"size":{"x":800.0,"y":60.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:321"]},"335:504":{"type":"TEXT","id":"335:504","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7804.123046875,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-7804.123046875,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,10.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Room that’s available versus a room that is currently reserved for an ad hoc meeting","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:321":{"type":"TEXT","id":"335:321","name":"Featured","absoluteBoundingBox":{"x":11101.0,"y":-5805.0,"width":800.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":11100.8876953125,"y":-5802.248046875,"width":792.2421875,"height":117.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-40.0]],"size":{"x":800.0,"y":120.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I designed this a few years ago and was even able to build out the initial web app that ran on the panel, as I had recently taught myself HTML, CSS, and a bit of JavaScript. Part of my reason for doing it myself was so that I could show how it was meant to animate between the default signage screen and the detail view. Nowadays I would build it out in Figma. So I decided I would take the above wireframe and give it a modern-day, interactive facelift. I also updated and changed a few small things that bother me about the design in hindsight. Click below to view the prototype.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"150:272":{"type":"TEXT","id":"150:272","name":"navigation links mobile","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":35.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":0.920000076293945,"y":13.0799989700317,"width":31.8318767547607,"height":33.3600006103516},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":35.0,"y":50.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":50.4000015258789,"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":{}},"335:317":{"type":"TEXT","id":"335:317","name":"Featured","absoluteBoundingBox":{"x":10911.0,"y":-7902.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-7902.0,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,10.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Room that’s available versus a room that is currently reserved for an ad hoc meeting","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:260":{"type":"FRAME","id":"335:260","name":"title","absoluteBoundingBox":{"x":11101.0,"y":-8080.0,"width":800.0,"height":58.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-8080.0,"width":800.0,"height":58.0},"relativeTransform":[[1.0,0.0,240.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":58.0},"fills":[{"opacity":0.0,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.749913334846497,"g":0.581522762775421,"b":0.870192289352417,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":9.0,"clipsContent":true,"layoutMode":"HORIZONTAL","primaryAxisAlignItems":"SPACE_BETWEEN","primaryAxisSizingMode":"FIXED","children":["335:261","335:262"]},"335:433":{"type":"RECTANGLE","id":"335:433","name":"title 1","absoluteBoundingBox":{"x":13113.0,"y":-8071.0,"width":287.0,"height":46.8766670227051},"targetAspectRatio":{"x":300.0,"y":49.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-8071.0,"width":287.0,"height":46.87646484375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,9.0]],"size":{"x":287.0,"y":46.8766670227051},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"ec194cbdb2c6d25ef032903d6e0b21b75aefbb92","originalImageWidth":549,"originalImageHeight":89,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.956666648387909,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Stephen B Davies","ariaAttributes":{},"interactions":[{"id":{"sessionID":76,"localID":92},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}]},"335:271":{"type":"FRAME","id":"335:271","name":"images container","absoluteBoundingBox":{"x":11101.0,"y":-7547.0,"width":800.0,"height":509.0},"isolatedAbsoluteRenderBounds":{"x":11097.0,"y":-7547.0,"width":808.0,"height":517.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":509.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:272"]},"335:312":{"type":"FRAME","id":"335:312","name":"row2","absoluteBoundingBox":{"x":11101.0,"y":-6136.0,"width":800.0,"height":251.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-6136.0,"width":800.0,"height":251.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1776.0]],"size":{"x":800.0,"y":251.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:313"]},"335:305":{"type":"FRAME","id":"335:305","name":"Frame 4","absoluteBoundingBox":{"x":11615.0,"y":-5893.0,"width":286.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":11615.0,"y":-5893.0,"width":316.0,"height":93.0},"relativeTransform":[[1.0,0.0,514.0],[0.0,1.0,0.0]],"size":{"x":286.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[{"id":{"sessionID":329,"localID":5003},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":324,"localID":1522},"transitionType":"SMART_ANIMATE","connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/ux"}],"isDeleted":false,"stateManagementVersion":1}],"layoutMode":"VERTICAL","counterAxisSizingMode":"FIXED","children":["335:306"]},"91:1173":{"type":"TEXT","id":"91:1173","name":"body mobile","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":21.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":-0.208000004291534,"y":4.01599979400635,"width":20.8381252288818,"height":16.3040008544922},"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,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:296":{"type":"FRAME","id":"335:296","name":"p","absoluteBoundingBox":{"x":11101.0,"y":-6127.0,"width":800.0,"height":140.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-6127.0,"width":800.0,"height":140.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1785.0]],"size":{"x":800.0,"y":140.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:297"]},"335:311":{"type":"TEXT","id":"335:311","name":"Featured","absoluteBoundingBox":{"x":11201.0,"y":-6356.0,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":11290.650390625,"y":-6353.248046875,"width":421.01953125,"height":17.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Detail view once a user taps the right side of the panel","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:314":{"type":"RECTANGLE","id":"335:314","name":"IMG_1942 1","absoluteBoundingBox":{"x":11101.0,"y":-6266.5,"width":800.0,"height":512.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-6266.5,"width":800.0,"height":512.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-130.5]],"size":{"x":800.0,"y":512.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","originalImageWidth":3852,"originalImageHeight":1208,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"349:282":{"type":"FRAME","id":"349:282","name":"p","absoluteBoundingBox":{"x":11201.0,"y":-6356.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":11201.0,"y":-6356.0,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,1556.0]],"size":{"x":600.0,"y":40.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["349:283"]},"335:436":{"type":"TEXT","id":"335:436","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7964.12353515625,"width":287.0,"height":120.0},"isolatedAbsoluteRenderBounds":{"x":13138.8076171875,"y":-7957.6435546875,"width":233.8525390625,"height":116.919921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,20.0]],"size":{"x":287.0,"y":120.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Creating a Dark Theme for a Web App","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.0,"lineHeightPercent":79.3650741577148,"lineHeightPercentFontSize":100.0,"lineHeightUnit":"PIXELS","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"349:283":{"type":"TEXT","id":"349:283","name":"Featured","absoluteBoundingBox":{"x":11201.0,"y":-6356.0,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":11290.650390625,"y":-6353.248046875,"width":421.01953125,"height":17.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Detail view once a user taps the right side of the panel","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:273":{"type":"FRAME","id":"335:273","name":"p here","absoluteBoundingBox":{"x":11101.0,"y":-7642.0,"width":800.0,"height":345.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-7642.0,"width":800.0,"height":345.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,270.0]],"size":{"x":800.0,"y":345.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:274"]},"335:419":{"type":"FRAME","id":"335:419","name":"p","absoluteBoundingBox":{"x":12305.0,"y":-6360.75146484375,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12305.0,"y":-6360.75146484375,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,1491.24853515625]],"size":{"x":600.0,"y":40.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:420"]},"335:310":{"type":"FRAME","id":"335:310","name":"p","absoluteBoundingBox":{"x":11201.0,"y":-6356.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":11201.0,"y":-6356.0,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,1556.0]],"size":{"x":600.0,"y":40.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:311"]},"91:1178":{"type":"TEXT","id":"91:1178","name":"body link","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":22.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":-0.272000014781952,"y":4.04799938201904,"width":21.3303756713867,"height":16.2719993591309},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":22.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:282":{"type":"FRAME","id":"335:282","name":"images container","absoluteBoundingBox":{"x":11101.0,"y":-6703.0,"width":800.0,"height":281.0},"isolatedAbsoluteRenderBounds":{"x":11097.0,"y":-6703.0,"width":808.0,"height":289.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":281.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","imageThumbnail":"122af9891cfb9a862bb031b959839438e816cebd","animatedImage":null,"altText":"","originalImageHeight":744,"originalImageWidth":2118,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:283"]},"335:307":{"type":"FRAME","id":"335:307","name":"row2","absoluteBoundingBox":{"x":11101.0,"y":-7532.0,"width":800.0,"height":509.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-7532.0,"width":800.0,"height":509.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,380.0]],"size":{"x":800.0,"y":509.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:308"]},"335:414":{"type":"FRAME","id":"335:414","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-6926.87646484375,"width":700.0,"height":380.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6926.87646484375,"width":700.0,"height":380.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,925.12353515625]],"size":{"x":700.0,"y":380.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:415"]},"335:319":{"type":"TEXT","id":"335:319","name":"Featured","absoluteBoundingBox":{"x":11101.0,"y":-6276.0,"width":800.0,"height":80.0},"isolatedAbsoluteRenderBounds":{"x":11101.49609375,"y":-6273.248046875,"width":784.009765625,"height":77.13623046875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,20.0]],"size":{"x":800.0,"y":80.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once that was done, it was time to flip every page over to dark mode and check for any problems. If I saw areas of low contrast I would either adjust the primitive value or assign a different primitive to the semantic color and run a test. Since this is a live document, and I’m always adding pages and features, I continue to adjust and check.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:387":{"type":"TEXT","id":"335:387","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7499.0,"width":700.0,"height":394.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-7496.248046875,"width":698.50390625,"height":391.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":700.0,"y":394.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:441":{"type":"TEXT","id":"335:441","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7814.123046875,"width":287.0,"height":785.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-7811.22705078125,"width":285.2060546875,"height":782.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":785.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Many apps and websites have a dark mode – it’s not exactly a unique challenge to design one, but it is a challenge, nonetheless. It would be nice if you could just flip-flop every color in the UI: that orange with a brightness value of 90%? Now it’s 10%. Whites are now black and vice-versa. But the fact is there’s a lot of adjustment and tailoring that needs to be done to ensure the interface remains functional, legible, and that the different elements maintain the correct amount of attention.\nThe first step I took was to experiment with a few pages that I already designed out for light mode. I tried to pick ones that had good examples of color, complexity, and diverse elements. I was not checking contrast ratios or running anything through a color-blindness simulation at this point – I just wanted to see roughly what was working and what was not.\nI was able to tell fairly quickly what would not work. Cards that were darker than the page background receded too much and looked like cut-outs of the page. My brief experiment with keeping cards and buttons white was also a mistake – they bring way too much attention to themselves and feel out of place.\nThe key was to iterate quickly through these and “fail fast.”","lineIndentations":[0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"3:1201":{"key":"4c2ffa91b9bb1ae0ba5651840bf38f409f71798f","name":"navigation desktop","styleType":"TEXT","remote":false,"description":"","id":"3:1201","assetId":"StyleId:3:1201","type":"STYLE","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":50.4000015258789,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%"}},"335:304":{"type":"FRAME","id":"335:304","name":"footer","absoluteBoundingBox":{"x":11101.0,"y":-5893.0,"width":800.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-5893.0,"width":830.0,"height":93.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,2019.0]],"size":{"x":800.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","counterAxisAlignItems":"MAX","counterAxisSizingMode":"FIXED","children":["335:305"]},"335:377":{"type":"RECTANGLE","id":"335:377","name":"IMG_1942 1","absoluteBoundingBox":{"x":12258.0,"y":-6202.5,"width":694.0,"height":200.0},"isolatedAbsoluteRenderBounds":{"x":12258.0,"y":-6202.5,"width":694.0,"height":200.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-0.5]],"size":{"x":694.0,"y":200.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"9e573684a598858eb5017cf239a8205a98cfea63","originalImageWidth":2954,"originalImageHeight":846,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:306":{"mainComponentId":"329:4050","type":"INSTANCE","id":"335:306","name":"button return","absoluteBoundingBox":{"x":11615.0,"y":-5893.0,"width":316.0,"height":93.0},"isolatedAbsoluteRenderBounds":{"x":11615.0,"y":-5893.0,"width":316.0,"height":93.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":316.0,"y":93.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"children":["I335:306;329:4048","I335:306;329:4049"],"componentProperties":{},"overrides":[]},"335:411":{"type":"FRAME","id":"335:411","name":"images container","absoluteBoundingBox":{"x":12255.0,"y":-7471.87646484375,"width":700.0,"height":445.375},"targetAspectRatio":{"x":800.0,"y":509.0},"isolatedAbsoluteRenderBounds":{"x":12251.0,"y":-7471.87646484375,"width":708.0,"height":453.375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":445.375},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"a46b964ed9c838e61ee38375709206cfd52fc7e3","imageThumbnail":"930d7ca673bbd8c9fce905aafb6a032a5f01bd58","animatedImage":null,"altText":"","originalImageHeight":850,"originalImageWidth":1334,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"a46b964ed9c838e61ee38375709206cfd52fc7e3","imageThumbnail":"930d7ca673bbd8c9fce905aafb6a032a5f01bd58","animatedImage":null,"altText":"","originalImageHeight":850,"originalImageWidth":1334,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:412"]},"335:338":{"type":"FRAME","id":"335:338","name":"images container","absoluteBoundingBox":{"x":10914.0,"y":-6180.75146484375,"width":694.0,"height":217.742492675781},"targetAspectRatio":{"x":800.0,"y":251.0},"isolatedAbsoluteRenderBounds":{"x":10910.0,"y":-6180.75146484375,"width":702.0,"height":225.74267578125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":694.0,"y":217.742492675781},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":251.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","imageThumbnail":"b695c6b123f1e6275e24b57a01fef032c588cf35","animatedImage":null,"altText":"","originalImageHeight":1208,"originalImageWidth":3852,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","imageThumbnail":"b695c6b123f1e6275e24b57a01fef032c588cf35","animatedImage":null,"altText":"","originalImageHeight":1208,"originalImageWidth":3852,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:339"]},"335:400":{"type":"FRAME","id":"335:400","name":"row2","absoluteBoundingBox":{"x":12255.0,"y":-6541.1279296875,"width":700.0,"height":525.8974609375},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6541.1279296875,"width":700.0,"height":525.8974609375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1310.8720703125]],"size":{"x":700.0,"y":525.8974609375},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:401"]},"335:309":{"type":"RECTANGLE","id":"335:309","name":"IMG_1942 1","absoluteBoundingBox":{"x":11101.0,"y":-7533.5,"width":800.0,"height":512.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-7533.5,"width":800.0,"height":512.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-1.5]],"size":{"x":800.0,"y":512.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"a46b964ed9c838e61ee38375709206cfd52fc7e3","originalImageWidth":1334,"originalImageHeight":850,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:500":{"type":"FRAME","id":"335:500","name":"images container","absoluteBoundingBox":{"x":13303.0,"y":-6038.123046875,"width":800.0,"height":251.0},"isolatedAbsoluteRenderBounds":{"x":13299.0,"y":-6038.123046875,"width":808.0,"height":259.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":251.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","imageThumbnail":"b695c6b123f1e6275e24b57a01fef032c588cf35","animatedImage":null,"altText":"","originalImageHeight":1208,"originalImageWidth":3852,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","imageThumbnail":"b695c6b123f1e6275e24b57a01fef032c588cf35","animatedImage":null,"altText":"","originalImageHeight":1208,"originalImageWidth":3852,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:501"]},"335:445":{"type":"TEXT","id":"335:445","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-6908.123046875,"width":287.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6908.123046875,"width":287.0,"height":60.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,906.0]],"size":{"x":287.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"visible":false,"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Room that’s available versus a room that is currently reserved for an ad hoc meeting","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:265":{"type":"FRAME","id":"335:265","name":"content area","absoluteBoundingBox":{"x":10911.0,"y":-7912.0,"width":1180.0,"height":2112.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-7912.0,"width":1180.0,"height":2112.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,168.0]],"size":{"x":1180.0,"y":2112.0},"fills":[{"opacity":0.0,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.793213725090027,"g":0.870192289352417,"b":0.581522762775421,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"VERTICAL","itemSpacing":20.0,"counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:266","335:268","335:270","349:291","335:273","335:275","335:277","335:279","335:281","335:284","335:287","335:289","335:291","335:294","335:296","335:298","335:300","335:302","335:304","335:307","335:310","349:282","335:312","335:315","335:317","335:318","335:320","335:322","335:324","335:327","335:328","335:330","335:333","349:271","335:335","335:337","335:340","335:342"]},"335:334":{"type":"TEXT","id":"335:334","name":"Featured","absoluteBoundingBox":{"x":10961.0,"y":-6430.75146484375,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":10995.5283203125,"y":-6427.99951171875,"width":530.7294921875,"height":37.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-10.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color variables in Figma. Primitive colors on the left are assigned to variables with semantic names on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:274":{"type":"TEXT","id":"335:274","name":"Featured","absoluteBoundingBox":{"x":11101.0,"y":-7642.0,"width":800.0,"height":345.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-7638.7001953125,"width":797.89453125,"height":340.2001953125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":345.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,48,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47,47],"characters":"The Lucky Penny Diner is a card game wherein the players are the waitstaff in a 24-hour diner, serving orders to guests, and trying to collect the most in tips. Cards are drafted into players’ hands, then served to guests by laying the cards in an overlapping fashion beside them, representing how full they are getting. Pennies are used as markers to show the passage of time and courses served for end-of-game scoring.\n\nWhat you serve, when, and to whom factor into how well you are rewarded. Do you serve dessert to a guest that your opponent is waiting on so that they can’t serve them any more apps or entrees? Do you give it to the guy at the end to turn his two courses into three? Or do you serve it to the girl with the sweet tooth who will tip more for it?\n\nI designed the game and did all the art. It is available as a free print and play here.","lineIndentations":[0,0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"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":{"48":{"fontFamily":"Work Sans","fontPostScriptName":"WorkSans-Regular","fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"47":{"fontFamily":"Work Sans","fontPostScriptName":"WorkSans-Regular","fontStyle":"Regular","hyperlink":{"type":"URL","url":"https://www.pnparcade.com/products/the-lucky-penny-diner?_pos=1&_sid=fc5fe7177&_ss=r","openInNewTab":true},"boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"textDecoration":"UNDERLINE","fontSize":20.0,"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"335:372":{"type":"TEXT","id":"335:372","name":"Featured","absoluteBoundingBox":{"x":12305.0,"y":-6402.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12339.5283203125,"y":-6399.248046875,"width":530.7294921875,"height":37.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Color variables in Figma. Primitive colors on the left are assigned to variables with semantic names on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:364":{"type":"FRAME","id":"335:364","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-7487.0,"width":700.0,"height":46.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7487.0,"width":700.0,"height":46.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,365.0]],"size":{"x":700.0,"y":46.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":700.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:365"]},"335:336":{"type":"TEXT","id":"335:336","name":"Featured","absoluteBoundingBox":{"x":10911.0,"y":-6360.75146484375,"width":700.0,"height":140.0},"isolatedAbsoluteRenderBounds":{"x":10911.49609375,"y":-6357.99951171875,"width":697.541015625,"height":137.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":140.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"I solved the second issue (concerning only having the color communicate the state on the employee panel) by including a secondary icon on the buttons. An “!” when a request is first received, and a check when it’s been confirmed. On the submittal document I included a screenshot showing what it looked like with all the color information stripped away, showing how difficult it was to see the difference between the yellow and red colors. Admittedly this would be an edge case. Monochromacy is very rare, and the other types I tested for were not this dramatic.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:300":{"type":"FRAME","id":"335:300","name":"p","absoluteBoundingBox":{"x":11101.0,"y":-5515.0,"width":800.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-5515.0,"width":800.0,"height":50.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,2397.0]],"size":{"x":800.0,"y":50.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:301"]},"335:298":{"type":"FRAME","id":"335:298","name":"Frame 5","absoluteBoundingBox":{"x":11378.0,"y":-6127.0,"width":246.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":11378.0,"y":-6127.0,"width":246.0,"height":60.0},"relativeTransform":[[1.0,0.0,467.0],[0.0,1.0,1785.0]],"size":{"x":246.0,"y":60.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","children":["335:299"]},"335:299":{"type":"TEXT","id":"335:299","name":"Featured","absoluteBoundingBox":{"x":11378.0,"y":-6127.0,"width":246.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":11378.3515625,"y":-6118.0478515625,"width":243.6591796875,"height":29.7919921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":246.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0745098069310188,"g":0.631372570991516,"b":0.772549033164978,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Back to Projects","ariaAttributes":{},"interactions":[{"id":{"sessionID":76,"localID":89},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.figma.com/proto/mTO23R78bxhHj6tuuByt5g/Connect?page-id=2%3A2&node-id=3-43&p=f&viewport=306%2C330%2C0.32&t=JAETRqdMMx0UkRdh-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=3%3A43","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"characterStyleOverrides":[],"characters":"View Figma Prototype","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.3199996948242,"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":{}},"335:330":{"type":"FRAME","id":"335:330","name":"row2","absoluteBoundingBox":{"x":10911.0,"y":-6586.87646484375,"width":700.0,"height":146.125},"targetAspectRatio":{"x":800.0,"y":167.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-6586.87646484375,"width":700.0,"height":146.125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1325.12353515625]],"size":{"x":700.0,"y":146.125},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:331"]},"91:1172":{"type":"TEXT","id":"91:1172","name":"body mobile italic","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":-1.05599999427795,"y":4.0959997177124,"width":20.0996246337891,"height":15.9040002822876},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:295":{"type":"TEXT","id":"335:295","name":"Featured","absoluteBoundingBox":{"x":11201.0,"y":-5953.0,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":11267.1533203125,"y":-5950.248046875,"width":467.2353515625,"height":17.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Original light mode on the left, new dark mode on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:303":{"type":"TEXT","id":"335:303","name":"Featured","absoluteBoundingBox":{"x":10911.0,"y":-7547.0,"width":800.0,"height":52.0},"isolatedAbsoluteRenderBounds":{"x":10911.4404296875,"y":-7542.2001953125,"width":788.4306640625,"height":46.6201171875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":52.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Lora","fontPostScriptName":"Lora-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.5999984741211,"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":{}},"335:279":{"type":"FRAME","id":"335:279","name":"p","absoluteBoundingBox":{"x":11101.0,"y":-6958.0,"width":800.0,"height":235.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-6958.0,"width":800.0,"height":235.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,954.0]],"size":{"x":800.0,"y":235.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:280"]},"335:471":{"type":"FRAME","id":"335:471","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6974.123046875,"width":287.0,"height":820.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,840.0]],"size":{"x":287.0,"y":820.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"VERTICAL","counterAxisAlignItems":"CENTER","counterAxisSizingMode":"FIXED","children":["335:472"]},"335:361":{"type":"TEXT","id":"335:361","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-6922.0,"width":700.0,"height":215.0},"isolatedAbsoluteRenderBounds":{"x":12255.49609375,"y":-6919.10400390625,"width":698.4716796875,"height":212.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":215.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once I had some examples that showed promise, I started taking the colors I used in the tests and creating variables for them. This consists of a primitive group of colors that represents all the colors in the UI, and a semantic color set that references the primitives and is named based on the context it’s used in. This gives us a clear view of each different color value within the website and separates it from its usage.\nPrimitives are assigned to both a light and dark version of each semantic color. Sometimes the light and dark theme use the same color as in “icon-black” below, while other times different primitives are used for light and dark, such as “icon-contrast.” Referencing the primitive color variable instead of recreating it also has the advantage of creating a single place to update the value if it should ever need to change.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:357":{"type":"FRAME","id":"335:357","name":"images container","absoluteBoundingBox":{"x":12255.0,"y":-7447.0,"width":700.0,"height":445.0},"isolatedAbsoluteRenderBounds":{"x":12251.0,"y":-7447.0,"width":708.0,"height":453.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":445.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"rectangleCornerRadii":[10.0,10.0,10.0,10.0],"cornerRadius":10.0,"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:358"]},"335:280":{"type":"TEXT","id":"335:280","name":"Featured","absoluteBoundingBox":{"x":11101.0,"y":-6958.0,"width":800.0,"height":215.0},"isolatedAbsoluteRenderBounds":{"x":11101.49609375,"y":-6955.10400390625,"width":792.400390625,"height":212.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":215.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Once I had some examples that showed promise, I started taking the colors I used in the tests and creating variables for them. This consists of a primitive group of colors that represents all the colors in the UI, and a semantic color set that references the primitives and is named based on the context it’s used in. This gives us a clear view of each different color value within the website and separates it from its usage.\nPrimitives are assigned to both a light and dark version of each semantic color. Sometimes the light and dark theme use the same color as in “icon-black” below, while other times different primitives are used for light and dark, such as “icon-contrast.” Referencing the primitive color variable instead of recreating it also has the advantage of creating a single place to update the value if it should ever need to change.","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"349:271":{"type":"FRAME","id":"349:271","name":"p","absoluteBoundingBox":{"x":10961.0,"y":-6420.75146484375,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":10961.0,"y":-6420.75146484375,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,1491.24853515625]],"size":{"x":600.0,"y":40.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["349:272"]},"335:380":{"type":"FRAME","id":"335:380","name":"p","absoluteBoundingBox":{"x":12255.0,"y":-6157.0,"width":700.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-6157.0,"width":700.0,"height":160.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1695.0]],"size":{"x":700.0,"y":160.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:381"]},"335:283":{"type":"RECTANGLE","id":"335:283","name":"IMG_1942 1","absoluteBoundingBox":{"x":11101.0,"y":-6818.5,"width":800.0,"height":512.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-6818.5,"width":800.0,"height":512.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-115.5]],"size":{"x":800.0,"y":512.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686","originalImageWidth":2118,"originalImageHeight":744,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:286":{"type":"RECTANGLE","id":"335:286","name":"IMG_1942 1","absoluteBoundingBox":{"x":11201.0,"y":-6378.0,"width":800.0,"height":512.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":11201.0,"y":-6378.0,"width":800.0,"height":512.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-22.0]],"size":{"x":800.0,"y":512.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"2ec03fbc17177670a4f4908ae05d70424ab664af","originalImageWidth":1293,"originalImageHeight":756,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:456":{"type":"FRAME","id":"335:456","name":"images container","absoluteBoundingBox":{"x":13403.0,"y":-6258.123046875,"width":800.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":13399.0,"y":-6258.123046875,"width":808.0,"height":476.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":468.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"2ec03fbc17177670a4f4908ae05d70424ab664af","imageThumbnail":"f7553913875da8cfd6d58235a441ae68af1de47d","animatedImage":null,"altText":"","originalImageHeight":756,"originalImageWidth":1293,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"2ec03fbc17177670a4f4908ae05d70424ab664af","imageThumbnail":"f7553913875da8cfd6d58235a441ae68af1de47d","animatedImage":null,"altText":"","originalImageHeight":756,"originalImageWidth":1293,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:457"]},"158:568":{"key":"952cde08208a4f60dbadaf01feab4fce78ff6d2e","name":"navigation mobile","styleType":"TEXT","remote":false,"description":"","id":"158:568","assetId":"StyleId:158:568","type":"STYLE","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontSize":30.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":37.7999992370605,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%"}},"335:326":{"type":"RECTANGLE","id":"335:326","name":"IMG_1942 1","absoluteBoundingBox":{"x":10914.0,"y":-7531.26904296875,"width":694.0,"height":444.160003662109},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":10914.0,"y":-7531.26904296875,"width":694.0,"height":444.16015625},"relativeTransform":[[1.0,0.0,3.0],[0.0,1.0,0.607498168945312]],"size":{"x":694.0,"y":444.160003662109},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"a46b964ed9c838e61ee38375709206cfd52fc7e3","originalImageWidth":1334,"originalImageHeight":850,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:383":{"type":"TEXT","id":"335:383","name":"Featured","absoluteBoundingBox":{"x":12482.0,"y":-6157.0,"width":246.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":12482.3515625,"y":-6148.0478515625,"width":243.6591796875,"height":29.7919921875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":246.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0745098069310188,"g":0.631372570991516,"b":0.772549033164978,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Back to Projects","ariaAttributes":{},"interactions":[{"id":{"sessionID":76,"localID":89},"event":{"interactionType":"ON_CLICK"},"actions":[{"connectionType":"URL","connectionURL":"https://www.figma.com/proto/mTO23R78bxhHj6tuuByt5g/Connect?page-id=2%3A2&node-id=3-43&p=f&viewport=306%2C330%2C0.32&t=JAETRqdMMx0UkRdh-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=3%3A43","openUrlInNewTab":true}],"isDeleted":false,"stateManagementVersion":1}],"characterStyleOverrides":[],"characters":"View Figma Prototype","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"fontVariantPosition":"NORMAL","fontSize":32.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":40.3199996948242,"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":{}},"335:263":{"type":"FRAME","id":"335:263","name":"header area","absoluteBoundingBox":{"x":10911.0,"y":-8022.0,"width":1180.0,"height":110.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-8022.0,"width":1180.0,"height":110.0},"relativeTransform":[[1.0,0.0,50.0],[0.0,1.0,58.0]],"size":{"x":1180.0,"y":110.0},"fills":[{"opacity":0.0,"blendMode":"NORMAL","type":"SOLID","color":{"r":0.870192289352417,"g":0.581522762775421,"b":0.581522762775421,"a":1.0},"visible":true}],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingTop":20.0,"paddingBottom":30.0,"clipsContent":true,"layoutMode":"HORIZONTAL","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:264"]},"335:462":{"type":"TEXT","id":"335:462","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-5562.123046875,"width":287.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":13117.1064453125,"y":-5559.37109375,"width":279.5576171875,"height":37.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Original light mode on the left, new dark mode on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:353":{"type":"TEXT","id":"335:353","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7852.0,"width":700.0,"height":312.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-7847.2001953125,"width":700.9658203125,"height":306.6201171875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":312.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113],"characters":"The Lucky Penny Diner is a card game wherein the players are the waitstaff in a 24-hour diner, serving orders to guests, and trying to collect the most in tips. Cards are drafted into players’ hands, then served to guests by laying the cards in an overlapping fashion beside them, representing how full they are getting.\nWhat you serve, when, and to whom factor into how well you are rewarded. Do you serve dessert to a guest that your opponent is waiting on so that they can’t serve them any more apps or entrees? Do you give it to the guy at the end to turn his two courses into three? Or do you serve it to the girl with the sweet tooth who will tip more for it?\nI designed the game and did all the art. It is available as a free print and play here.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"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":{"114":{"fontFamily":"Lora","fontPostScriptName":"Lora-Regular","fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"113":{"fontFamily":"Lora","fontPostScriptName":"Lora-Regular","fontStyle":"Regular","hyperlink":{"type":"URL","url":"https://www.pnparcade.com/products/the-lucky-penny-diner?_pos=1&_sid=fc5fe7177&_ss=r","openInNewTab":true},"boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"textDecoration":"UNDERLINE","fontSize":20.0,"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"335:472":{"type":"TEXT","id":"335:472","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7001.123046875,"width":287.0,"height":854.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-6998.37109375,"width":284.6181640625,"height":851.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":287.0,"y":854.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:278":{"type":"TEXT","id":"335:278","name":"Featured","absoluteBoundingBox":{"x":11201.0,"y":-7318.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":11204.837890625,"y":-7315.423828125,"width":592.3935546875,"height":37.74365234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":40.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Room that’s available versus a room that is currently reserved for an ad hoc meeting","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:275":{"type":"FRAME","id":"335:275","name":"p","absoluteBoundingBox":{"x":10911.0,"y":-7547.0,"width":800.0,"height":46.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-7547.0,"width":800.0,"height":46.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,365.0]],"size":{"x":800.0,"y":46.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:276"]},"335:276":{"type":"TEXT","id":"335:276","name":"Featured","absoluteBoundingBox":{"x":10911.0,"y":-7547.0,"width":800.0,"height":46.0},"isolatedAbsoluteRenderBounds":{"x":10911.240234375,"y":-7543.7001953125,"width":791.431640625,"height":42.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":46.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Work Sans","fontPostScriptName":"WorkSans-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":23.4599990844727,"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":{}},"335:339":{"type":"RECTANGLE","id":"335:339","name":"IMG_1942 1","absoluteBoundingBox":{"x":10914.0,"y":-6293.88037109375,"width":694.0,"height":444.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":10914.0,"y":-6293.88037109375,"width":694.0,"height":444.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-113.128753662109]],"size":{"x":694.0,"y":444.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","originalImageWidth":3852,"originalImageHeight":1208,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:318":{"type":"FRAME","id":"335:318","name":"p","absoluteBoundingBox":{"x":11101.0,"y":-6296.0,"width":800.0,"height":140.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-6296.0,"width":800.0,"height":140.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1616.0]],"size":{"x":800.0,"y":140.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:319"]},"335:261":{"type":"RECTANGLE","id":"335:261","name":"title 1","absoluteBoundingBox":{"x":11101.0,"y":-8071.0,"width":300.0,"height":49.0},"targetAspectRatio":{"x":549.0,"y":89.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-8071.0,"width":300.0,"height":49.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,9.0]],"size":{"x":300.0,"y":49.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"ec194cbdb2c6d25ef032903d6e0b21b75aefbb92","originalImageWidth":549,"originalImageHeight":89,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Stephen B Davies","ariaAttributes":{},"interactions":[{"id":{"sessionID":76,"localID":92},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}]},"349:291":{"type":"FRAME","id":"349:291","name":"p","absoluteBoundingBox":{"x":11201.0,"y":-7018.0,"width":600.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":11201.0,"y":-7018.0,"width":600.0,"height":40.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,894.0]],"size":{"x":600.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["349:292"]},"335:347":{"type":"RECTANGLE","id":"335:347","name":"title 1","absoluteBoundingBox":{"x":12255.0,"y":-8071.0,"width":300.0,"height":49.0},"targetAspectRatio":{"x":549.0,"y":89.0},"isolatedAbsoluteRenderBounds":{"x":12255.0,"y":-8071.0,"width":300.0,"height":49.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,9.0]],"size":{"x":300.0,"y":49.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"ec194cbdb2c6d25ef032903d6e0b21b75aefbb92","originalImageWidth":549,"originalImageHeight":89,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Stephen B Davies","ariaAttributes":{},"interactions":[{"id":{"sessionID":76,"localID":92},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":0,"localID":3},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/"}],"isDeleted":false,"stateManagementVersion":1}]},"335:272":{"type":"RECTANGLE","id":"335:272","name":"IMG_1942 1","absoluteBoundingBox":{"x":11101.0,"y":-7548.5,"width":800.0,"height":512.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-7548.5,"width":800.0,"height":512.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-1.5]],"size":{"x":800.0,"y":512.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","originalImageWidth":2866,"originalImageHeight":1882,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"335:284":{"type":"FRAME","id":"335:284","name":"row2","absoluteBoundingBox":{"x":11201.0,"y":-6356.0,"width":800.0,"height":468.0},"isolatedAbsoluteRenderBounds":{"x":11201.0,"y":-6356.0,"width":800.0,"height":468.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,1556.0]],"size":{"x":800.0,"y":468.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:285"]},"335:268":{"type":"FRAME","id":"335:268","name":"p","absoluteBoundingBox":{"x":11101.0,"y":-7912.0,"width":800.0,"height":345.0},"isolatedAbsoluteRenderBounds":{"x":11100.82421875,"y":-7912.0,"width":800.17578125,"height":345.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":345.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:269"]},"335:292":{"type":"FRAME","id":"335:292","name":"images container","absoluteBoundingBox":{"x":11101.0,"y":-6202.0,"width":800.0,"height":229.0},"isolatedAbsoluteRenderBounds":{"x":11097.0,"y":-6202.0,"width":808.0,"height":237.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":229.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"9e573684a598858eb5017cf239a8205a98cfea63","imageThumbnail":"2374028eb6131e42f218d3be14298cd2fa00b691","animatedImage":null,"altText":"","originalImageHeight":846,"originalImageWidth":2954,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:293"]},"335:270":{"type":"FRAME","id":"335:270","name":"row2","absoluteBoundingBox":{"x":11101.0,"y":-7547.0,"width":800.0,"height":509.0},"isolatedAbsoluteRenderBounds":{"x":11097.0,"y":-7547.0,"width":808.0,"height":517.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,365.0]],"size":{"x":800.0,"y":509.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:271"]},"349:269":{"type":"FRAME","id":"349:269","name":"p","absoluteBoundingBox":{"x":13113.0,"y":-6779.123046875,"width":287.0,"height":40.0},"isolatedAbsoluteRenderBounds":{"x":13113.0,"y":-6779.123046875,"width":287.0,"height":40.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1035.0]],"size":{"x":287.0,"y":40.0},"fills":[],"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["349:270"]},"335:427":{"type":"TEXT","id":"335:427","name":"Featured","absoluteBoundingBox":{"x":12305.0,"y":-5883.00927734375,"width":600.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":12316.6728515625,"y":-5880.25732421875,"width":577.0830078125,"height":37.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Final concierge panel on the left, and a version on the right showing what the buttons look like with all color stripped away and no secondary icon.\n","lineIndentations":[0,0],"lineTypes":["NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"335:293":{"type":"RECTANGLE","id":"335:293","name":"IMG_1942 1","absoluteBoundingBox":{"x":11101.0,"y":-6343.5,"width":800.0,"height":512.0},"targetAspectRatio":{"x":800.0,"y":512.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-6343.5,"width":800.0,"height":512.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-141.5]],"size":{"x":800.0,"y":512.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FIT","imageRef":"9e573684a598858eb5017cf239a8205a98cfea63","originalImageWidth":2954,"originalImageHeight":846,"visible":true,"opacity":1.0,"rotation":0.0}],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"The Lucky Penny Diner Example","ariaAttributes":{},"interactions":[],"behaviors":{"code":[]}},"329:4048":{"type":"RECTANGLE","id":"329:4048","name":"contact-button 1","absoluteBoundingBox":{"x":-1837.0,"y":-2327.0,"width":293.0,"height":86.0},"targetAspectRatio":{"x":453.0,"y":133.0},"isolatedAbsoluteRenderBounds":{"x":-1837.0,"y":-2327.0,"width":293.0,"height":86.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":293.0,"y":86.0},"fills":[{"blendMode":"NORMAL","type":"IMAGE","scaleMode":"FILL","imageRef":"5212b1616f1ab07daba6267028147feca80c7d06","originalImageWidth":453,"originalImageHeight":133,"visible":true,"opacity":1.0,"rotation":0.0}],"constraints":{"vertical":"CENTER","horizontal":"LEFT_RIGHT"},"constraintValues":{"left":{"pixelOffset":0.0,"sizeFraction":0.0},"right":{"pixelOffset":-23.0,"sizeFraction":1.0},"top":{"pixelOffset":-46.5,"sizeFraction":0.5},"bottom":{"pixelOffset":39.5,"sizeFraction":0.5}},"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"About/Contact","ariaAttributes":{},"interactions":[]},"335:322":{"type":"FRAME","id":"335:322","name":"p","absoluteBoundingBox":{"x":11101.0,"y":-6903.0,"width":800.0,"height":340.0},"isolatedAbsoluteRenderBounds":{"x":11101.0,"y":-6903.0,"width":800.0,"height":340.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1009.0]],"size":{"x":800.0,"y":340.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:323"]},"335:287":{"type":"FRAME","id":"335:287","name":"p","absoluteBoundingBox":{"x":11201.0,"y":-6402.0,"width":600.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":11201.0,"y":-6402.0,"width":600.0,"height":60.0},"relativeTransform":[[1.0,0.0,290.0],[0.0,1.0,1510.0]],"size":{"x":600.0,"y":60.0},"fills":[],"strokeAlign":"INSIDE","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:288"]},"335:385":{"type":"TEXT","id":"335:385","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7499.0,"width":700.0,"height":394.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-7496.248046875,"width":698.50390625,"height":391.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":700.0,"y":394.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:355":{"type":"TEXT","id":"335:355","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-7852.0,"width":700.0,"height":365.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-7849.423828125,"width":697.3203125,"height":362.74365234375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":365.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Many apps and websites have a dark mode – it’s not exactly a unique challenge to design one, but it is a challenge, nonetheless. It would be nice if you could just flip-flop every color in the UI: that orange with a brightness value of 90%? Now it’s 10%. Whites are now black and vice-versa. But the fact is there’s a lot of adjustment and tailoring that needs to be done to ensure the interface remains functional, legible, and that the different elements maintain the correct amount of attention.\nThe first step I took was to experiment with a few pages that I already designed out for light mode. I tried to pick ones that had good examples of color, complexity, and diverse elements. I was not checking contrast ratios or running anything through a color-blindness simulation at this point – I just wanted to see roughly what was working and what was not.\nI was able to tell fairly quickly what would not work. Cards that were darker than the page background receded too much and looked like cut-outs of the page. My brief experiment with keeping cards and buttons white was also a mistake – they bring way too much attention to themselves and feel out of place.\nThe key was to iterate quickly through these and “fail fast.”","lineIndentations":[0,0,0,0],"lineTypes":["NONE","NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:499":{"type":"FRAME","id":"335:499","name":"row2","absoluteBoundingBox":{"x":13303.0,"y":-6038.123046875,"width":800.0,"height":251.0},"isolatedAbsoluteRenderBounds":{"x":13303.0,"y":-6038.123046875,"width":800.0,"height":251.0},"relativeTransform":[[1.0,0.0,190.0],[0.0,1.0,1776.0]],"size":{"x":800.0,"y":251.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","children":["335:500"]},"335:267":{"type":"TEXT","id":"335:267","name":"Featured","absoluteBoundingBox":{"x":10911.0,"y":-7912.0,"width":1180.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":10911.1396484375,"y":-7907.2001953125,"width":1170.60546875,"height":176.6201171875},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1180.0,"y":182.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,114,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113,113],"characters":"The Lucky Penny Diner is a card game wherein the players are the waitstaff in a 24-hour diner, serving orders to guests, and trying to collect the most in tips. Cards are drafted into players’ hands, then served to guests by laying the cards in an overlapping fashion beside them, representing how full they are getting.\nWhat you serve, when, and to whom factor into how well you are rewarded. Do you serve dessert to a guest that your opponent is waiting on so that they can’t serve them any more apps or entrees? Do you give it to the guy at the end to turn his two courses into three? Or do you serve it to the girl with the sweet tooth who will tip more for it?\nI designed the game and did all the art. It is available as a free print and play here.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"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":{"114":{"fontFamily":"Lora","fontPostScriptName":"Lora-Regular","fontStyle":"Regular","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100},"113":{"fontFamily":"Lora","fontPostScriptName":"Lora-Regular","fontStyle":"Regular","hyperlink":{"type":"URL","url":"https://www.pnparcade.com/products/the-lucky-penny-diner?_pos=1&_sid=fc5fe7177&_ss=r","openInNewTab":true},"boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"textDecoration":"UNDERLINE","fontSize":20.0,"paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationSkipInk":false,"textDecorationStyle":"solid","textAutoResize":"NONE","textTruncation":"DISABLED","lineHeightPercent":100,"lineHeightPercentFontSize":100}}},"335:367":{"type":"TEXT","id":"335:367","name":"Featured","absoluteBoundingBox":{"x":12255.0,"y":-6554.0,"width":700.0,"height":394.0},"isolatedAbsoluteRenderBounds":{"x":12254.8876953125,"y":-6551.248046875,"width":698.50390625,"height":391.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":700.0,"y":394.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:476":{"type":"TEXT","id":"335:476","name":"Featured","absoluteBoundingBox":{"x":13113.0,"y":-7001.123046875,"width":287.0,"height":854.0},"isolatedAbsoluteRenderBounds":{"x":13112.8876953125,"y":-6998.37109375,"width":284.6181640625,"height":851.23193359375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,-27.0]],"size":{"x":287.0,"y":854.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"One of our clients approached us to create two touchpanel interfaces: the first type: smaller panels that will be installed throughout an event space, and the second type: a single, larger panel that will be in a centralized location. The smaller panels will be used by guests to adjust lights and shades in the area, but also will be used to request help (I will refer to these as the “guest panels”). The larger, central panel will be used by the concierge and employees to receive and manage those help requests (henceforth known as the “employee panel”). The client sent us a brief proposal and some guidelines:\n\nThe guests can request three types of help: Food service, AV or technical support, or “something else.”\nWhen a guest presses the corresponding help button, the icon on the button should turn red on both the guest panel and the employee panel.\nThe employees will tap the red button to acknowledge the request, which will turn the icon yellow on both panels.\nOnce the request is satisfied by the employee, they can tap again to return the button to its default state on both panels. Guests can also dismiss the request on their panel, and the employees should have a way to dismiss all requests on the employee panel.","lineIndentations":[0,0,1,1,1,1],"lineTypes":["NONE","NONE","UNORDERED","UNORDERED","UNORDERED","UNORDERED"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0,0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:264":{"type":"TEXT","id":"335:264","name":"Featured","absoluteBoundingBox":{"x":10911.0,"y":-8002.0,"width":1180.0,"height":60.0},"isolatedAbsoluteRenderBounds":{"x":11076.869140625,"y":-7995.86376953125,"width":848.9306640625,"height":61.50390625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,20.0]],"size":{"x":1180.0,"y":60.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.00784313771873713,"g":0.0666666701436043,"b":0.20392157137394,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Creating a Dark Theme for a Web App","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1197"}]},"fontVariantPosition":"NORMAL","fontSize":64.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":60.0,"lineHeightPercent":74.4047622680664,"lineHeightPercentFontSize":93.75,"lineHeightUnit":"PIXELS","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED"},"styleOverrideTable":{}},"335:329":{"type":"TEXT","id":"335:329","name":"Featured","absoluteBoundingBox":{"x":10911.0,"y":-6986.87646484375,"width":700.0,"height":360.0},"isolatedAbsoluteRenderBounds":{"x":10910.8876953125,"y":-6984.12451171875,"width":695.7275390625,"height":353.423828125},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":700.0,"y":360.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"This was great for me – they had a clear idea of what they wanted and communicated it well. I began working on it and found a few problems, however.\nThe first issue was that while red was an appropriate color for an alert coming in on the employee panel, I felt that it would be indicating that something was wrong on the guest panels. As a guest, if I pressed a button requesting a waiter to come for a food order, I would expect positive confirmation, not a color typically used to indicate concern, an error, or danger. The second issue concerned the employee panel, and was more critical. The client provided a visual of how they wanted the buttons to look: red or yellow icons on a gray button. This relied completely on the icon color to communicate its status which could be a problem for certain types of color-blindness.\nFor the first issue I decided to use blue as the active color on the button when a request was first sent, and green when the request was acknowledged on the employee panel. Blue is the active color on the other buttons in the interface, and felt appropriate as an initial confirmation of the request. Green seemed like the right choice to then show that someone was on their way to help. I also added explanatory text on each button state to emphasize where they were in the process and avoid any color-blindness issues. This was mainly a concern between the blue and green color, as previous testing had shown sufficient contrast between the blue active state and black inactive state.","lineIndentations":[0,0,0],"lineTypes":["NONE","NONE","NONE"],"listStartOffsets":[],"lineStyleOverrides":[0,0,0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignVertical":"CENTER","style":{"styleIdForText":"StyleId:a8a56322f5b621966565719fce558a1cc2475a5d/230:218","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","textAutoResize":"HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:54632ed68c7b89d77adc4a74ff9c2c47e9bc8074/29:1991"}]},"fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"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":{}},"91:1174":{"type":"TEXT","id":"91:1174","name":"body italic","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":20.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":-1.05599999427795,"y":4.0959997177124,"width":20.0996246337891,"height":15.9040002822876},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":20.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Italic","fontStyle":"Italic","italic":true,"textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:434":{"type":"TEXT","id":"335:434","name":"Featured","absoluteBoundingBox":{"x":13160.0,"y":-8014.12353515625,"width":193.0,"height":30.0},"isolatedAbsoluteRenderBounds":{"x":13161.65625,"y":-8008.04345703125,"width":190.541015625,"height":18.2880859375},"relativeTransform":[[1.0,0.0,47.0],[0.0,1.0,65.8766632080078]],"size":{"x":193.0,"y":30.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0745098069310188,"g":0.631372570991516,"b":0.772549033164978,"a":1.0},"boundVariables":{"color":{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","strokes":[],"effects":[],"boundVariables":{"fills":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"accessibleLabel":"Back to Projects","ariaAttributes":{},"interactions":[{"id":{"sessionID":76,"localID":89},"event":{"interactionType":"ON_CLICK"},"actions":[{"transitionNodeID":{"sessionID":324,"localID":1522},"connectionType":"INTERNAL_NODE","navigationType":"NAVIGATE","connectionURL":"/ux"}],"isDeleted":false,"stateManagementVersion":1}],"characterStyleOverrides":[],"characters":"< Back to Case Studies","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","textAlignVertical":"CENTER","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","boundVariables":{"paints":[{"type":"VARIABLE_ALIAS","id":"VariableID:3:1198"}]},"fontVariantPosition":"NORMAL","fontSize":24.0,"textAlignHorizontal":"LEFT","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":30.2399997711182,"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":{}},"335:266":{"type":"FRAME","id":"335:266","name":"p","absoluteBoundingBox":{"x":10911.0,"y":-7912.0,"width":1180.0,"height":182.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-7912.0,"width":1180.0,"height":182.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":1180.0,"y":182.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:267"]},"335:313":{"type":"FRAME","id":"335:313","name":"images container","absoluteBoundingBox":{"x":11101.0,"y":-6136.0,"width":800.0,"height":251.0},"isolatedAbsoluteRenderBounds":{"x":11097.0,"y":-6136.0,"width":808.0,"height":259.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":800.0,"y":251.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","imageThumbnail":"b695c6b123f1e6275e24b57a01fef032c588cf35","animatedImage":null,"altText":"","originalImageHeight":1208,"originalImageWidth":3852,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"3327def6245bd2a69b49f0830b5aefe4b322fb7b","imageThumbnail":"b695c6b123f1e6275e24b57a01fef032c588cf35","animatedImage":null,"altText":"","originalImageHeight":1208,"originalImageWidth":3852,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:314"]},"349:281":{"type":"TEXT","id":"349:281","name":"Featured","absoluteBoundingBox":{"x":12305.0,"y":-6982.0,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":12516.955078125,"y":-6979.10400390625,"width":176.3935546875,"height":17.087890625},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Early experimentation","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:443":{"type":"FRAME","id":"335:443","name":"images container","absoluteBoundingBox":{"x":13113.0,"y":-6989.123046875,"width":287.0,"height":190.0},"isolatedAbsoluteRenderBounds":{"x":13109.0,"y":-6989.123046875,"width":295.0,"height":198.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":287.0,"y":190.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","layoutGrow":1.0,"maxWidth":800.0,"maxHeight":509.0,"strokes":[],"effects":[{"type":"DROP_SHADOW","visible":true,"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.5},"blendMode":"MULTIPLY","offset":{"x":0.0,"y":4.0},"radius":4.0,"showShadowBehindNode":false,"spread":0.0}],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"behaviors":{"code":[{"codeComponentId":"CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3","assignments":{"imageContent":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0},"closeIcon":false,"close":"any","transition":"dissolve","background":"blur"},"assignmentDataById":{"183:0":{"type":14,"resolvedType":8,"value":{"image":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0","imageThumbnail":"37b445710a89764cef04440777364afa09b71021","animatedImage":null,"altText":"","originalImageHeight":1882,"originalImageWidth":2866,"animationFrame":0}},"65:0":{"type":0,"resolvedType":0,"value":false},"36:6":{"type":9,"resolvedType":7,"value":{"characters":"any"}},"183:1":{"type":9,"resolvedType":7,"value":{"characters":"dissolve"}},"36:5":{"type":9,"resolvedType":7,"value":{"characters":"blur"}}},"codeBehaviorData":{"category":"mouse","nodeTypes":[],"apiVersion":0},"behaviorType":"code"}]},"clipsContent":true,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:444"]},"335:328":{"type":"FRAME","id":"335:328","name":"p","absoluteBoundingBox":{"x":10911.0,"y":-6986.87646484375,"width":700.0,"height":380.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-6986.87646484375,"width":700.0,"height":380.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,925.12353515625]],"size":{"x":700.0,"y":380.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:329"]},"91:1176":{"type":"TEXT","id":"91:1176","name":"body link","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":27.0,"height":25.0},"isolatedAbsoluteRenderBounds":{"x":-0.340000033378601,"y":5.05999946594238,"width":26.6629695892334,"height":20.3400001525879},"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,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Bold","fontStyle":"Bold","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","textDecoration":"UNDERLINE","textDecorationSkipInk":true,"fontSize":20.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":25.1399993896484,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphSpacing":0,"paragraphIndent":0,"listSpacing":0,"italic":false,"textCase":"ORIGINAL","textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"335:335":{"type":"FRAME","id":"335:335","name":"p","absoluteBoundingBox":{"x":10911.0,"y":-6360.75146484375,"width":700.0,"height":160.0},"isolatedAbsoluteRenderBounds":{"x":10911.0,"y":-6360.75146484375,"width":700.0,"height":160.0},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,1551.24853515625]],"size":{"x":700.0,"y":160.0},"fills":[],"visible":false,"strokeAlign":"INSIDE","layoutAlign":"STRETCH","maxWidth":800.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"paddingBottom":20.0,"layoutMode":"HORIZONTAL","counterAxisAlignItems":"CENTER","primaryAxisAlignItems":"CENTER","primaryAxisSizingMode":"FIXED","children":["335:336"]},"335:375":{"type":"FRAME","id":"335:375","name":"row2","absoluteBoundingBox":{"x":12258.0,"y":-6202.0,"width":694.0,"height":199.0},"isolatedAbsoluteRenderBounds":{"x":12254.0,"y":-6202.0,"width":702.0,"height":207.0},"relativeTransform":[[1.0,0.0,3.0],[0.0,1.0,1650.0]],"size":{"x":694.0,"y":199.0},"fills":[],"strokeAlign":"INSIDE","strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"layoutMode":"HORIZONTAL","itemSpacing":20.0,"primaryAxisSizingMode":"FIXED","counterAxisSizingMode":"FIXED","children":["335:376"]},"335:316":{"type":"TEXT","id":"335:316","name":"Featured","absoluteBoundingBox":{"x":11201.0,"y":-5845.0,"width":600.0,"height":20.0},"isolatedAbsoluteRenderBounds":{"x":11267.1533203125,"y":-5842.248046875,"width":467.2353515625,"height":17.56787109375},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,20.0]],"size":{"x":600.0,"y":20.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.283653557300568,"g":0.283653557300568,"b":0.283653557300568,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"OUTSIDE","layoutGrow":1.0,"strokes":[],"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Original light mode on the left, new dark mode on the right.","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"HEIGHT","textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","paragraphSpacing":15.0,"listSpacing":8.0,"style":{"styleIdForText":"StyleId:91:1175","fontFamily":"Merriweather","fontPostScriptName":"Merriweather-Regular","fontStyle":"Regular","paragraphSpacing":15.0,"listSpacing":8.0,"textAutoResize":"HEIGHT","fontVariantPosition":"NORMAL","fontSize":16.0,"textAlignHorizontal":"CENTER","textAlignVertical":"CENTER","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":20.1119995117188,"lineHeightPercent":100.0,"lineHeightUnit":"INTRINSIC_%","paragraphIndent":0,"italic":false,"textCase":"ORIGINAL","textDecoration":"NONE","textDecorationSkipInk":false,"textDecorationStyle":"solid","textTruncation":"DISABLED","lineHeightPercentFontSize":100},"styleOverrideTable":{}},"140:689":{"type":"TEXT","id":"140:689","name":"navigation tablet","absoluteBoundingBox":{"x":0.0,"y":0.0,"width":35.0,"height":50.0},"isolatedAbsoluteRenderBounds":{"x":0.920000076293945,"y":13.0799989700317,"width":31.8318767547607,"height":33.3600006103516},"relativeTransform":[[1.0,0.0,0.0],[0.0,1.0,0.0]],"size":{"x":35.0,"y":50.0},"fills":[{"blendMode":"NORMAL","type":"SOLID","color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"visible":true,"opacity":1.0}],"strokeAlign":"INSIDE","strokes":[],"strokeWeight":0.0,"effects":[],"accessibleHTMLTag":"AUTO","isDecorativeImage":false,"ariaAttributes":{},"interactions":[],"characterStyleOverrides":[],"characters":"Ag","lineIndentations":[0],"lineTypes":["NONE"],"listStartOffsets":[],"lineStyleOverrides":[0],"lineTextDirections":null,"textAutoResize":"WIDTH_AND_HEIGHT","style":{"fontFamily":"Caveat Brush","fontPostScriptName":"CaveatBrush-Regular","fontStyle":"Regular","textAutoResize":"WIDTH_AND_HEIGHT","fontVariantPosition":"NORMAL","fontSize":40.0,"textAlignHorizontal":"LEFT","textAlignVertical":"TOP","letterSpacing":0.0,"letterSpacingValue":0.0,"letterSpacingUnit":"PERCENT","lineHeightPx":50.4000015258789,"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":{}}},"assetIdToGuid":{"VariableCollectionId:3:1196":"3:1196","VariableID:3:1197":"3:1197","VariableID:3:1198":"3:1198","CodeComponentId:045adb8739b257fb4317e6e163b75a55aec729e7/210:3":"230:239","StyleId:91:1175":"91:1175","StyleId:158:568":"158:568","StyleId:3:1201":"3:1201"},"guidToUrl":{"0:3":"/","329:3649":"/ux-1","297:222":"/ux-fs","119:2045":"/ore-the-mining-game","114:1642":"/leland-melvin","339:263":"/ux-4","335:257":"/ux-3","90:387":"/lucky-penny","90:759":"/camp-pinetop","129:107":"/homo-erectus","329:12214":"/ux-2","324:1522":"/ux","135:77":"/digital-games","207:226":"/about"},"fonts":{"Caveat Brush:Regular":{"id":"CaveatBrush-Regular_1","url":"/_woff/v2/CaveatBrush-Regular_1/CaveatBrush-Regular_1.woff2","source":1,"italic":false,"weight":400,"subsets":{"baseUrl":"/_woff/v2/CaveatBrush-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":"CaveatBrush-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":"CaveatBrush-Regular_1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"CaveatBrush-Regular_1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"CaveatBrush-Regular_1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"CaveatBrush-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":"CaveatBrush-Regular_1-rest.woff2"}]}},"Lora:Regular":{"id":"Lora_wght__2","url":"/_woff/v2/Lora_wght__2/Lora_wght__2.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/Lora_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":"Lora_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":"Lora_wght__2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Lora_wght__2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Lora_wght__2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Lora_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":"Lora_wght__2-rest.woff2"}]}},"Merriweather:Regular":{"id":"Merriweather_opsz_wdth_wght__1","url":"/_woff/v2/Merriweather_opsz_wdth_wght__1/Merriweather_opsz_wdth_wght__1.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"},{"tag":"wdth","value":100.0,"name":"Width"},{"tag":"opsz","value":18.0,"name":"OpticalSize"}],"subsets":{"baseUrl":"/_woff/v2/Merriweather_opsz_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":"Merriweather_opsz_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":"Merriweather_opsz_wdth_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Merriweather_opsz_wdth_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Merriweather_opsz_wdth_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Merriweather_opsz_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":"Merriweather_opsz_wdth_wght__1-rest.woff2"}]}},"Merriweather:Italic":{"id":"Merriweather-Italic_opsz_wdth_wght__1","url":"/_woff/v2/Merriweather-Italic_opsz_wdth_wght__1/Merriweather-Italic_opsz_wdth_wght__1.woff2","source":1,"italic":true,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"},{"tag":"wdth","value":100.0,"name":"Width"},{"tag":"opsz","value":18.0,"name":"OpticalSize"}],"subsets":{"baseUrl":"/_woff/v2/Merriweather-Italic_opsz_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":"Merriweather-Italic_opsz_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":"Merriweather-Italic_opsz_wdth_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Merriweather-Italic_opsz_wdth_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Merriweather-Italic_opsz_wdth_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Merriweather-Italic_opsz_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":"Merriweather-Italic_opsz_wdth_wght__1-rest.woff2"}]}},"Work Sans:Regular":{"id":"WorkSans_wght__2","url":"/_woff/v2/WorkSans_wght__2/WorkSans_wght__2.woff2","source":1,"italic":false,"weight":400,"variationAxes":[{"tag":"wght","value":400.0,"name":"Weight"}],"subsets":{"baseUrl":"/_woff/v2/WorkSans_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":"WorkSans_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":"WorkSans_wght__2-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"WorkSans_wght__2-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"WorkSans_wght__2-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"WorkSans_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":"WorkSans_wght__2-rest.woff2"}]}},"Merriweather:Bold":{"id":"Merriweather_opsz_wdth_wght__1","url":"/_woff/v2/Merriweather_opsz_wdth_wght__1/Merriweather_opsz_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"},{"tag":"opsz","value":18.0,"name":"OpticalSize"}],"subsets":{"baseUrl":"/_woff/v2/Merriweather_opsz_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":"Merriweather_opsz_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":"Merriweather_opsz_wdth_wght__1-rest-latin.woff2"},{"unicodeRange":"U+0100-0130,U+0132-0151,U+0154-017F","file":"Merriweather_opsz_wdth_wght__1-latin-extended-a.woff2"},{"unicodeRange":"U+0180-024F","file":"Merriweather_opsz_wdth_wght__1-latin-extended-b.woff2"},{"unicodeRange":"U+1E00-1EFF","file":"Merriweather_opsz_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":"Merriweather_opsz_wdth_wght__1-rest.woff2"}]}}},"assets":{"fffa0fbd5a17f82936e942e09af8211be703f5a1":{"type":"PAINT_ASSET","url":"fffa0fbd5a17f82936e942e09af8211be703f5a1.png","size":{"x":1919.0,"y":1439.0}},"3327def6245bd2a69b49f0830b5aefe4b322fb7b":{"type":"PAINT_ASSET","url":"3327def6245bd2a69b49f0830b5aefe4b322fb7b.png","size":{"x":3852.0,"y":1208.0}},"a46b964ed9c838e61ee38375709206cfd52fc7e3":{"type":"PAINT_ASSET","url":"a46b964ed9c838e61ee38375709206cfd52fc7e3.png","size":{"x":1334.0,"y":850.0}},"7d715c7c7708ffea9aef270e99cf83630d332730":{"type":"PAINT_ASSET","url":"7d715c7c7708ffea9aef270e99cf83630d332730.png","size":{"x":1936.0,"y":408.0}},"2ec03fbc17177670a4f4908ae05d70424ab664af":{"type":"PAINT_ASSET","url":"2ec03fbc17177670a4f4908ae05d70424ab664af.png","size":{"x":1293.0,"y":756.0}},"5212b1616f1ab07daba6267028147feca80c7d06":{"type":"PAINT_ASSET","url":"5212b1616f1ab07daba6267028147feca80c7d06.png","size":{"x":453.0,"y":133.0}},"9e573684a598858eb5017cf239a8205a98cfea63":{"type":"PAINT_ASSET","url":"9e573684a598858eb5017cf239a8205a98cfea63.png","size":{"x":2954.0,"y":846.0}},"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0":{"type":"PAINT_ASSET","url":"be9fd2f133cb3ff7c41acb38b7b6a063d88b79a0.png","size":{"x":2866.0,"y":1882.0}},"ec194cbdb2c6d25ef032903d6e0b21b75aefbb92":{"type":"PAINT_ASSET","url":"ec194cbdb2c6d25ef032903d6e0b21b75aefbb92.png","size":{"x":549.0,"y":89.0}},"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686":{"type":"PAINT_ASSET","url":"e88836c4e3ea2e4d0657c0fdd0d6ca5f0ca6f686.png","size":{"x":2118.0,"y":744.0}},"6fd8b44436414c52674e1afb551332cda78c7a68":{"type":"PAINT_ASSET","url":"6fd8b44436414c52674e1afb551332cda78c7a68.png","size":{"x":2800.0,"y":2833.0}},"8cf8885e311ea05db2e592868bec7235c6a2c5ab":{"type":"GENERATED_ASSET","url":"8cf8885e311ea05db2e592868bec7235c6a2c5ab.png","size":{"x":48.0,"y":48.0},"offsets":{"top":{"value":0,"unit":"PIXELS"},"right":{"value":0,"unit":"PIXELS"},"bottom":{"value":0,"unit":"PIXELS"},"left":{"value":0,"unit":"PIXELS"}},"format":"PNG"}},"stablePathToAssetInfo":{"367:269":{"hash":"8cf8885e311ea05db2e592868bec7235c6a2c5ab"}},"animateRootIds":[],"siteSettings":{"scalingMode":"REFLOW","blockSearchIndexing":true,"faviconFilename":"8cf8885e311ea05db2e592868bec7235c6a2c5ab.png","labs":{"E5FBBA911B2B7A09E649D4BE6CDF8591EAEFC881":false},"title":"stephenbdavies - Ux 3"},"sourceCodeHash":"cfc0aa007fc7d4309861d222f0bd30ea760fdc56"}