Brend ilhomida
Stripe libosi
Binafşa-kök, soyali kartalar — fintex aniqligi
Navbatda14 % tayyorMVP'dan keyin — Ustoz bilan birga köriladi
- RangStripe · #635BFF
- ŞaklÖrta
- ÇegaraÇiziqsiz
- SarlavhaInter
- MatnInter
Kod
<link rel="stylesheet" href="foxui/themes/stripe.css"> <html data-fx-theme="stripe" data-fx-personality="medium" data-fx-edge="shadow" data-fx-body="inter">
Ranglar
Brend · 50–950
- 50
#F3F4FF - 100
#E4E8FF - 200
#CCD3FE - 300
#AEB7FF - 400
#8F97FE - 500
#7476FE - 600
#635BFF - 700
#4E4BC6 - 800
#3E3C9E - 900
#2F2E78 - 950
#1E1F50
Neytral · 25–950 brend tusiga yengil böyalgan
- 25
#FAFBFF - 50
#F6F6FA - 100
#EFF0F3 - 200
#E4E4E8 - 300
#D2D4DC - 400
#A1A2AA - 500
#6A6B72 - 600
#52535A - 700
#3F4147 - 800
#26272D - 900
#18191F - 950
#101116
Pastellar kategoriya va kartalar uçun
- Sariq
#F5D983 - Puşti
#F9BBE0 - Moviy
#B5D3FF - Marjon
#FEC0AD - Yaşil
#B4DFAA - Binafşa
#C6CDFF
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: bg.brand-subtle / bg.surface — 1.09 : 1 (çegara 1.07).
| Juft | Yoruğ | Qoronği | Holat |
|---|---|---|---|
| Tugma ustidagi matn | 4.7 : 1 | 7.2 : 1 | AA |
| Asosiy matn — sahifada | 17.0 : 1 | 17.5 : 1 | AA |
| Brend rangli matn | 6.5 : 1 | 9.9 : 1 | AA |
| Ikkinçi darajali matn | 7.7 : 1 | 11.8 : 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. - Bu libos — faqat uslub ilhomi: belgisi Simple Icons'dan (CC0; Uzum — logobank.uz) faqat tanitiş uçun; maskot va şrift fayli olinmaydi.