You asked for feedback so here are a couple of things:
The section element ( § ) does not immediately suggest a home button. Perhaps something else would work, or you could drop in a “home” text object beneath the section character that fades out.
Check the relative placement of objects. I resized the browser window and at some point the menu did not recognize a mouseOver. I also reduced the height of the window and the watermark overlapped the form. These are easy fixes.
I assume you are already well-versed in the following, but I’ll toss it in anyway…
One thing you can do is to create virtual blocks that scale to fit the window. Create a new scene and set it to scale vertically and horizontally, then drag your watermark onto the stage. Make sure that it is large enough so that it does not disappear when the browser window is narrowed. Select it and then select Group in the Arrange menu. This places the object inside a rectangular object. Set the object to shrink to fit, with the ratio unconstrained.
With the parent object (group) selected, stretch it to the desired size (full width is good), group it again, then adjust the outer group so that it matches the size of the stage. Set the master group to expand to fill / ratio unconstrained, Adjust the position of the inner group, moving it to the top. Set the watermark art to Shrink to Fit and with proportions constrained. Take that group and duplicate it and drag it to a position below the other group. Delete the watermark in this box and insert different content, making sure that the constraints and resizing are set to suit your design. Make sure that all groups are set to zoom contents.
I did one more thing: I duplicated the art in the bottom group and set the pins to the top, bottom and edge.
Check out the example.
Scaling.hype.zip (27.7 KB)