Side Panel (Green)
The Side Panel contains the Assets repository, the Components list and the Content tree. Users can drag asset(s) or component(s) from here to the content area on the right and view the content structure on the page.
Action Bar (Orange)
Action Bar allows users to toggle the Side Panel, provides page-specific action in Page Information, and switches between Edit mode and Preview mode.
Edit bar (Yellow)
Edit bar activates when the user clicks on a component. It provides component-specific functions such as Rich Text Editor, Configure Panel, copy, paste, delete, etc.
Configured component (Red)
A configured component will display already authored content with pre-defined style.
Unconfigured component (Magenta)
An unconfigured component is grey and will only display in Edit mode.
A Parasys indicates an area where the user can insert components. Users can also double click on the Parasys to open the component list