Inline Tools and Borders
The Tools
tools legendshadow
shadow
shadowshadowshadow
When logged in as an admin, you can see the above legend if you click the "Legend" label. You'll also see these tools inline throughout the page. The actions (add, edit, sort, delete, and security) in combination with context colors (gray, red, orange, blue, purple, and green) indicate the action you're applying to what type of object. For example, to add (+) content (blue), click a blue plus.

When adding objects, click the plus where you would like it to appear. Don't worry if it doesn't go where you intended, it can be sorted (arrows) or moved via its setup window.

For editing objects, click the triangle tool appearing directly below what you want to affect. Sort, delete, and security work the same way.
Borders
borders imageshadow
shadow
shadowshadowshadow
The above image shows gray borders surrounding an area, orange borders around containers, and dashed blue borders for content. Dashed lines are used to indicate spacing and column divisions.

The image shows an area named "body" with space set at left (gray dashes). The first container called "image_quote" has two columns indicated by the blue dashed boxes. There is space between them. Content resides within the container columns. The two containers, "quote" and "attribution," are nested within the "image_quote" container.

The [-] next to the area and container names can be clicked to hide everything within it. Once clicked, only the title bar of the area or container will show with a [+] next to the name, which reveals the contents when clicked. This is handy for speeding refreshes by hiding objects you're not working with.