Design System v4 · Payment

env: prod

Payment logos keep their original SVG colors on a light logo plate, so white marks stay readable in dark theme.

Logo plate

Default tone for payment brands on any page background.

ЮMoney
wallet
Bank card
card

Sizes

size=sm
size=md
size=lg

Dark surface check

FreeKassa stays visible because the component does not invert or recolor the asset.

Crypto asset

Лого стейблкоина с бейджем сети. Метаданные — payoutSystem(<ключ системы>).

USDT · BNB Smart Chain Сеть BSC
system=stable_usdt_bsc
USDC · Polygon Сеть POL
system=stable_usdc_pol
USDT (TRC-20) Сеть TRON
system=usdt
Telegram Wallet · USDT (TON) Сеть TON
system=telegram_usdt
Telegram Wallet · USDC (Solana) Сеть Solana
system=telegram_usdc
WebMoney
system=wm
USDC · Base USDC · Base USDC · Base

Wallet address

Края подсвечены только у криптоадресов: их сверяют глазами. Карта, ЮMoney и телефон — обычным текстом.

0x7346ff17542a5c10d6ed2c406fc63bf57917a68c UQBvW8Z5huBkMJYdnfAEM5JJ2yG0AQmA4Jd0MYQpQlKqLhTr 4276 3800 1234 5678 +79154525627

Payment method row

ЮMoney
Пополнение баланса
Bank card
Пополнение баланса