Design System v23 (Phase A). Все UI-примитивы готовы к использованию в Phase B.

InBank Design System

Phase A — Foundation. Tailwind 4 + CSS-токены v23.

Buttons

Badges & Tags

DefaultPrimarySuccessWarningDestructiveOutlineDefault tagStateTier 1Live

Source Badges

MANUALVERIFIEDPARTNERSCRAPEDCANON

State Pills

ProdPilotPlanEoLDraftActive

Form fields

Полное юридическое название

До 500 символов

Email уже используется

Tabs

Контент вкладки «Обзор».

Table

БанкРегионTierСтатусИсточник
НБУUZTier 1ProdVERIFIED
HamkorbankUZTier 1PilotPARTNER
HalykKZTier 1ProdMANUAL
KICBKGTier 2PlanSCRAPED
Orient BankTJTier 2EoLCANON

KPI Tiles

Активные RFQVERIFIED
14
+3 за неделю
Сумма pipeline
$ 4.2M
−8% MoM
Покрытие ITMANUAL
78%
средн. по Tier-1
ПоставщикиCANON
22
+1

Empty States

Нет данных

Пока ничего не добавлено.

Не найдено

Попробуйте изменить фильтры.

+
Добавьте первую запись

Создайте RFQ для начала работы.

Pagination

Breadcrumbs

FilterSidebar (mockup)

UZ ×Tier 1VerifiedIslamic

Card v23 пример

Используйте Card для кабинетных и публичных секций.

Контент карточки. Поддерживает все примитивы: badge VERIFIED Prod

Gradients

grad-brand
grad-btn
grad-warm
grad-purple
grad-hero

Shadows

sh-xs
sh
sh-md
sh-lg
sh-btn

Heatmap

Домен
Q1
Q2
Q3
Q4
Total
CBS
4
16
28
40
52
Payments
16
28
40
52
64
Cards
28
40
52
64
4
Mobile
40
52
64
4
16
Data
52
64
4
16
28

Maturity bars

Core Banking
7.8 / 10
Payments
8.5 / 10
Cards / Issuing
6.2 / 10
Open API / BaaS
4.8 / 10

Live ticker

LIVE
RFQHamkorbank · mobile-bank redesign · 14:08PROFILESQB добавил Oracle FCCM · 12:18M&AOpenWay приобрёл финтех-стартап · вчераRFQHamkorbank · mobile-bank redesign · 14:08PROFILESQB добавил Oracle FCCM · 12:18M&AOpenWay приобрёл финтех-стартап · вчера