Libos
FoxUI libosi
Standart — iliq qoğoz, bitta binafşa urğu, aylana tugmalar
Işlanmoqda · MVP57 % tayyorMVP libosi — hozir ustida işlanmoqda. 21.10: gibridda maydonlar çiziqsiz, oq bloklar, chevron
- RangSiyoh · #8A5CF5
- ŞaklAylana
- ÇegaraGibrid
- SarlavhaInter
- MatnInter
Kod
<html data-fx-theme="siyoh" data-fx-personality="round" data-fx-edge="hybrid" data-fx-body="inter">
Ranglar
Brend · 50–950
- 50
#F5F0FE - 100
#ECE3FD - 200
#D5CFFE - 300
#C4ADFA - 400
#AC8CF8 - 500
#8A5CF5 - 600
#7C49F4 - 700
#6E36F3 - 800
#50359A - 900
#3D2976 - 950
#281B4E
Neytral · 25–950 brend tusiga yengil böyalgan
- 25
#FCFBFA - 50
#F9F8F7 - 100
#F0EFED - 200
#E6E5E3 - 300
#D4D3CF - 400
#ADA9A3 - 500
#6F6C67 - 600
#5F5E59 - 700
#4A4945 - 800
#383836 - 900
#202020 - 950
#191919
Pastellar kategoriya va kartalar uçun
- Sariq
#F5D983 - Puşti
#FABBDF - Moviy
#B6D3FF - Marjon
#FEC0AD - Yaşil
#B4DFAA - Binafşa
#D0C9FE
Tipografiya
Bitta dizayn tizimi
Özbekça harflar: Ö, Ğ, ʻ — töğri
Matn şu şriftda öqiladi: interfeys, jadval, forma va çat bir xil ovozda gapiradi.
Sarlavha — Inter · matn — Inter
Jonli namuna
Haqiqiy FoxUI komponentlari — yoruğ va qoronği rejimda yonma-yon.
TölanganKutilmoqdaHammasiYangi
MIJOZ312
ARIZA48
TölanganKutilmoqdaHammasiYangi
MIJOZ312
ARIZA48
Kontrast va qoidalar
Qöriqçi bu libosni yoruğ va qoronği rejimda 90 ta juft böyiça ölçagan — hammasi WCAG AA'dan ötdi; eng tiğizi: text.brand / bg.brand-subtle — 4.52 : 1 (çegara 4.5).
| Juft | Yoruğ | Qoronği | Holat |
|---|---|---|---|
| Tugma ustidagi matn | 5.1 : 1 | 5.1 : 1 | AA |
| Asosiy matn — sahifada | 15.8 : 1 | 16.6 : 1 | AA |
| Brend rangli matn | 4.9 : 1 | 6.6 : 1 | AA |
| Ikkinçi darajali matn | 6.5 : 1 | 10.9 : 1 | AA |
- Brend rangi — faqat asosiy amalda: bitta ekranda bitta asosiy tugma.
- Pastel — kategoriya va kartalar foni; matn rangi emas.
- Rang qölda yozilmaydi — faqat
--fx-*tokenlar; libos almaşsa hammasi birga almaşadi.