states

Summary

What the app shows when there is nothing yet, while it loads, when it is read-only, and when something is wrong.

Raw wireframes

• .context/designs/web/states/404.html and 500.html
• .context/designs/web/northwind/northwind-emails/main/<journey|pages|components|styles>/view/*-empty.html
• .context/designs/web/northwind/northwind-web/main/pages/view/design-loading.html and design-locked.html

Why it is drawn this way

• Empty is drawn on Northwind Emails the day it was started blank (v0.0.1): each section says what to do first, and nothing else.
• Loading keeps the shell and greys out only what is coming; no menus open.
• Locked is a read-only company after the free month: one line under the bar, Edit struck through, Billing one click away.
• 404 says a product open only to chosen people looks the same as one that is not there, so it gives nothing away. 500 says the draft is safe, and gives an error code.