What this screen does

Umbra uses a dark treatment for a productivity audience. The hero leads with hero and resolves in 1 distinct sections — a structure you can reuse directly from the Breakdown tab.

• · Accent used sparingly, on primary actions only.
• · Type hierarchy carried by size and weight rather than colour.
• · Designed for laptop; adapted down to tablet and mobile — switch device above.

Palette