CİBİM dizayn sistemi
Bütün dəyərlər css/tokens.css faylındadır. Komponent qaydalarında bir dənə də olsun
birbaşa rəng dəyəri yoxdur — tenant dəyişikliyi yalnız token qatını əvəz edir.
Brend mavisi mətn rəngi deyil
Ağ mətn --cyan-500 üzərində 2,26:1 — AA-dan keçmir.
--ink-900 mətn eyni fonda 6,88:1 — keçir.
Buna görə əsas düymə mavi fon + tünd mətndir; loqoda da qara söz nişanı mavi işarənin yanındadır.
1. Brend
2. Rəng
Kontrast nisbətləri WCAG düsturu ilə hesablanıb.
| Rəng | Token | Hex (CİBİM) | Ağ fonda mətn | ink-900 mətn |
|---|---|---|---|---|
--cyan-50 |
#F0FBFF | Keçmir 1.05 | AA 14.76 | |
--cyan-100 |
#D9F4FF | Keçmir 1.15 | AA 13.57 | |
--cyan-200 |
#ADE8FF | Keçmir 1.33 | AA 11.66 | |
--cyan-300 |
#6BD6FF | Keçmir 1.66 | AA 9.39 | |
--cyan-400 |
#2EC5FF | Keçmir 1.99 | AA 7.80 | |
--cyan-500 |
#00B8FF | Keçmir 2.26 | AA 6.88 | |
--cyan-600 |
#00A2E3 | Keçmir 2.89 | AA 5.38 | |
--cyan-700 |
#008AC4 | Böyük mətn 3.87 | Böyük mətn 4.02 | |
--cyan-800 |
#00608B | AA 6.89 | Keçmir 2.25 | |
--cyan-900 |
#003750 | AA 12.63 | Keçmir 1.23 |
| Rəng | Token | Hex (CİBİM) | Ağ fonda mətn | ink-900 mətn |
|---|---|---|---|---|
--ink-900 |
#0A2540 | AA 15.54 | Keçmir 1.00 | |
--ink-800 |
#16324F | AA 13.10 | Keçmir 1.19 | |
--ink-700 |
#2B4763 | AA 9.61 | Keçmir 1.62 | |
--ink-600 |
#47617C | AA 6.42 | Keçmir 2.42 | |
--ink-500 |
#6B8299 | Böyük mətn 3.98 | Böyük mətn 3.91 | |
--ink-400 |
#9AACBE | Keçmir 2.33 | AA 6.67 | |
--ink-300 |
#C4D0DC | Keçmir 1.57 | AA 9.92 | |
--ink-200 |
#DFE6EE | Keçmir 1.26 | AA 12.35 | |
--ink-100 |
#EEF2F7 | Keçmir 1.12 | AA 13.82 | |
--ink-50 |
#F7FAFC | Keçmir 1.05 | AA 14.82 |
3. Tipoqrafiya — Onest
Azərbaycan dili
Əə Ğğ Iı İi Öö Şş Üü Çç
Əməliyyatınız təsdiqlənir — nəticə məlum olan kimi bildiriş göndərəcəyik.
Русский
Ваш перевод обрабатывается — мы сообщим о результате.
English
Your transfer is being confirmed — we will notify you.
| Nümunə | Token | Ölçü | İstifadə |
|---|---|---|---|
| Əməliyyat 1.234,56 ₼ | --t-display | 40/44 · 700 | Yalnız balans hero |
| Əməliyyat 1.234,56 ₼ | --t-h1 | 30/36 · 700 | Səhifə başlığı |
| Əməliyyat 1.234,56 ₼ | --t-h2 | 22/28 · 600 | Bölmə başlığı |
| Əməliyyat 1.234,56 ₼ | --t-h3 | 18/24 · 600 | Kart başlığı |
| Əməliyyat 1.234,56 ₼ | --t-body-lg | 16/24 · 400 | Giriş mətni |
| Əməliyyat 1.234,56 ₼ | --t-body | 14/21 · 400 | Standart |
| Əməliyyat 1.234,56 ₼ | --t-sm | 13/19 · 400 | İkinci dərəcəli |
| Əməliyyat 1.234,56 ₼ | --t-xs | 12/16 · 500 | Etiket, nişan |
Cədvəl rəqəmləri (tnum) — düzgün
1.111,11 ₼
8.888,88 ₼
3.847,20 ₼
8.888,88 ₼
3.847,20 ₼
Proporsional rəqəmlər — sütun titrəyir
1.111,11 ₼
8.888,88 ₼
3.847,20 ₼
8.888,88 ₼
3.847,20 ₼
4. Məsafə, künc, kölgə
1
2
3
4
6
8
12
16
sm
md
lg
xl
full
e-1
e-2
e-3
5. Düymələr
6. Status nişanları
Tamamlandı Təsdiqlənir Mübahisəli İmtina edildi Geri qaytarıldı Qaralama
"Təsdiqlənir" heç vaxt xəta kimi göstərilmir
Ödəniş şəbəkəsi bəzən nəticəni dərhal bildirmir. Bunu "uğursuz" kimi göstərmək istifadəçiyə
pulunun təhlükəsiz olduğunu deyir — halbuki bu doğru olmaya bilər. Ayrıca rəng və ayrıca mətn.7. Formalar
Seçim
Bildirişlər
8. Pul və IBAN
IBAN · Rəşad Nəzərli
AZ21 NABZ 0000 0000 1370 1000 1944
| Dil | Format | Nümunə |
|---|---|---|
| az-AZ | nöqtə qrup, vergül onluq, simvol sonda | 1.234.567,89 ₼ |
| ru-RU | boşluq qrup, vergül onluq | 1 234 567,89 ₼ |
| en-US | vergül qrup, nöqtə onluq, simvol öndə | ₼1,234,567.89 |
Mənfi məbləğ üçün əsl minus işarəsi (−, U+2212) istifadə olunur. İstiqamət yalnız rənglə göstərilmir.