Captured 5mo ago · 8.0k views
Transactions

Laptop · 1440 × 900 · original design · scroll inside the frame

What this screen does

Umbra uses a dark treatment for a productivity audience. The data table leads with data table 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

Related components

Net revenue
£184,220
+12.4%
Active users
9,318
+4.1%
Conversion
3.42%
-0.3%
Avg. order
£62.10
+2.8%
Stat cards
Umbra · component
1.5k saves
Net revenue
£184,220
+12.4%
Active users
9,318
+4.1%
Conversion
3.42%
-0.3%
Avg. order
£62.10
+2.8%
Stat cards
Quarry · component
1.8k saves
Transactions
Data table
Quarry · component
613 saves
Umbra
Overview
Reports
Customers
Transactions
Automations
Team
Settings
Overview
Net revenue
£184,220
+12.4%
Active users
9,318
+4.1%
Conversion
3.42%
-0.3%
Avg. order
£62.10
+2.8%
Revenue
7d
30d
90d
Recent activity
Transactions
Token library
Umbra
181 saves
PRODUCTIVITY · NEW
Design systems, versioned
Start free
Book a demo
48.2k
3.1%
912
Hero
Umbra · component
1.3k saves
Net revenue
£184,220
+12.4%
Active users
9,318
+4.1%
Conversion
3.42%
-0.3%
Avg. order
£62.10
+2.8%
Metrics band
Umbra · component
2.3k saves