Anyone who has used Adobe XD or Sketch will feel at home here. You add and arrange components, such as sliders, buttons, labels, shapes, to build up an interface. Because all the standard components and shapes are vector based, everything is scalable.
We're in edit mode here, as indicated by the grey padlock on the toolbar, hence the opaque checkerboard pattern behind the labels and the selection indicator on the slider.
The components also have quite a lot of style parameters, allowing a wide range of styles to be applied. In the screenshot, both the sliders in the transport area and the bars in the variation group are instances of the slider component, despite their wildly different appearance.
You can also see the scales list in the top right. Architect comes with a big list of built-in scales, but you can also create your own custom scales, as shown by the user icon. Here, I've imported an Algerian scale, as well as a few other custom scales.
The debug module in the graph view (on the left) is a handy module that passes events through in debug mode, but stops them when debugging is disabled. This means you can leave debug tracing in your preset without worrying about it slowing down the finished contraption.
I guess the only other interesting observation from the screenshot is that the grid randomizer produces a huge array. However, because some values - including low ordinal numbers - are 'interned', all the 0's and all the 1's are actually references to the same object. The memory usage on such as an array is actually very small.
