Brend ilhomida
Airbnb libosi
Iliq qizil, katta burçak, mehmondöst
Navbatda14 % tayyorMVP'dan keyin — Ustoz bilan birga köriladi
- RangAirbnb · #E61E4D
- ŞaklMomiq
- ÇegaraÇiziqsiz
- SarlavhaInter
- MatnInter
Kod
<link rel="stylesheet" href="foxui/themes/airbnb.css"> <html data-fx-theme="airbnb" data-fx-personality="soft" data-fx-edge="shadow" data-fx-body="inter">
Ranglar
Brend · 50–950
- 50
#FEF2F2 - 100
#FEE1E2 - 200
#FEC5C7 - 300
#FE9FA4 - 400
#FD6D7B - 500
#EF3F5C - 600
#E61E4D - 700
#AE1C3B - 800
#8C192F - 900
#6B1524 - 950
#470F17
Neytral · 25–950 brend tusiga yengil böyalgan
- 25
#FEFAFA - 50
#FAF5F5 - 100
#F3EFEF - 200
#E8E3E3 - 300
#DBD1D2 - 400
#AAA0A0 - 500
#726969 - 600
#5A5252 - 700
#473F3F - 800
#2D2626 - 900
#1E1718 - 950
#161010
Pastellar kategoriya va kartalar uçun
- Sariq
#FDD583 - Puşti
#FEBAD6 - Moviy
#B3D4FE - Marjon
#FEBEC0 - Yaşil
#B4DFAA - Binafşa
#E0C3FD
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.on-brand / bg.brand-solid — 4.51 : 1 (çegara 4.5).
| Juft | Yoruğ | Qoronği | Holat |
|---|---|---|---|
| Tugma ustidagi matn | 4.5 : 1 | 6.9 : 1 | AA |
| Asosiy matn — sahifada | 17.0 : 1 | 17.4 : 1 | AA |
| Brend rangli matn | 6.7 : 1 | 9.6 : 1 | AA |
| Ikkinçi darajali matn | 7.6 : 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.