Metrics
⌕All domains
24hLast 15 days30d
Delivered
12,480
98.2% delivery
Bounced
214
1.7% bounce
Complaints
6
0.04%
Delivered · last 15 days
DomainRegionStatus
mail.acme.cous-east-1Verified⋯
notify.acme.cous-east-1Pending⋯
send.roastery.ioeu-west-1Failed⋯
API keys
Table-first product surface: frost pane, radius 24, border-ice dividers.
NameTokenPermission
productionre_8Kd2⋯a91fFull access
stagingre_Qp7v⋯c30bSending only
ci-botre_Lm4x⋯77deSending only
Controls · variants and states
All states below are rendered statically, no interaction required.
Primary
default
hover
not captured
disabled
Ghost
default
hover · frost brightens
disabled
Nav row
default
Domains
hover / active · frost fill
Domains
disabled
not captured
Input
default
⌕All domains
focus · blue-fill ring
⌕All domains
disabled
⌕ All domains
Disabled recipe is not captured. Shown as the captured control at reduced opacity.
Segmented control, chips and status badges
Selected segment uses the translucent blue-fill wash. Pills carry status hue only.
segmented control · radius 12, selected = blue-fill
24hLast 15 days30d
status badges · radius 999
Delivered Pending Bounced
Typography · specimens
Inter only in-app. Hierarchy from size and a light 500 weight, never heavy.
Page heading
Inter · 28px / 34 · 500
Metrics
Body / table cell
Inter · 16px · 400
Delivered to mail.acme.co in us-east-1.
Nav item / control / input
Inter · 14px / 20 · 400
Broadcasts, Automations, Templates
Button label / account
Inter · 14px · 600
+ Add domain
Palette · every captured token
No solid-gray cards: every surface is surface-frost over black with a border-ice hairline.
Text
text-primary
#f0f0f0
text-secondary
#a1a4a5
text-faint
rgba(253,254,255,.65)
Surfaces and borders
bg
#000000
surface-frost
rgba(24,25,28,.88) ≈ #18191c
border-ice
rgba(176,199,217,.145) ≈ #b0c7d9
btn-primary · §4
#ededed
Accent and semantic
blue-text
#7eb8ff
blue-fill
rgba(31,118,255,.22)
green
#30a46c
amber
#ad6200
red
#ce2c31
Depth, radius and motion
Elevation comes from alpha layering and light, not shadow.
radius scale
12pxcontrols, nav, inputs
24pxcards and panels
999pxstatus pills
elevation recipes · box-shadow is none at every level
Level 0 · canvas
background: #000000
border: none
box-shadow: none
Level 1 · frosted pane
background: rgba(24,25,28,.88)
border: 1px rgba(176,199,217,.145)
box-shadow: none
Active · blue wash
background: rgba(31,118,255,.22)
border: 1px rgba(176,199,217,.145)
box-shadow: none
Motion: 120ms to 160ms ease on hover fills, input focus and row hovers. Charts animate in softly on load. Instant response over spectacle.