Lerian standard template
The brand foundation for every visual-explainer output. This page demonstrates
typography, color tokens, cards, badges, tables, and the standard page structure
that defines the Lerian Studio visual identity.
Card components
Standard card
The base card sits on var(--surface)
with a subtle shadow and zinc-200 border. Use this for most content blocks.
Elevated card
The elevated variant uses shadow-md
for elements that need to stand above the page, like popovers or featured sections.
1,247
Daily active users across all tenants
99.98%
Uptime over the last 90-day window
42ms
Median API response time (p50)
Badges & status
Pill-shaped indicators for status, severity, or categorical labels.
Healthy
Degraded
Critical
In progress
Featured
Archived
Data table
Clean, readable tables with hover highlight and consistent spacing.
| Service |
Status |
Latency (p99) |
Version |
| midaz-ledger |
Running |
124ms |
v2.14.0 |
| midaz-auth |
Running |
89ms |
v2.14.0 |
| midaz-transaction |
Degraded |
312ms |
v2.13.8 |
| midaz-console |
Running |
67ms |
v2.14.1 |
Extended palette
Available color tokens for diagram variety and semantic usage.
Brand & extended
#FDCB28
#EDAC05
sunglow-100
#5BCD86
#26934F
#E0F8E8
#FAA589
#F06E43
#FEE9E2
Semantic
#16A34A
#EAB308
#EF4444
#2563EB
Zinc scale
#F4F4F5
#E4E4E7
#D4D4D8
#A1A1AA
#71717A
#52525B
#3F3F46
#27272A