Ink
No hue anywhere. Pure black, pure white, and the grey ladder between them — meaning comes from contrast, weight and shape.
bg--r-bg
surface--r-surface
surface-hover--r-surface-hover
surface-active--r-surface-active
border-subtle--r-border-subtle
border--r-border
border-strong--r-border-strong
fg-subtle--r-fg-subtle
fg-muted--r-fg-muted
fg--r-fg
Chart ladder
Six steps of the same ink replace a categorical palette.
ink-1
ink-2
ink-3
ink-4
ink-5
ink-6
Type scale
Inter, tight tracking on display sizes.
Referral infrastructure
Referral infrastructure
Referral infrastructure
Referral infrastructure
Body — the default 14px reading size used across dashboards.
Muted body — secondary information.
mono — pk_live_vuesax_8f2c1b7a
Eyebrow label
Icons
58 Iconsax glyphs, vendored inline — no icon font, no runtime dependency.
home
chart
link
users
wallet
settings
code
webhook
key
layers
grid
building
globe
credit-card
bell
mail
clock
search
filter
download
refresh
logout
sun
moon
plus
check
x
copy
edit
trash
eye
external
arrow-right
trending-up
alert-circle
check-circle
info
zap
shield
sparkles
dollar
gift
play
inbox
terminal
sidebar
upload
calendar
chevron-down
chevron-up
chevron-left
chevron-right
chevrons-up-down
arrow-left
arrow-down
more-vertical
minus
eye-off
Avatars & badges
MODFV
MODFPRTW +1
NeutralOutlineAccentSolidSolid dotHollow dotPulsingMuted
status treatments
Without colour, each state gets its own silhouette: settled states are filled, in-flight states pulse, waiting states are hollow, and terminal failures dim and carry an icon.
PaidApprovedPendingProcessingRefundedRejectedFailedNot connected