Brend ilhomida
Spotify libosi
Yaşil urğu, töq kayfiyat, aylana tugmalar
Navbatda14 % tayyorMVP'dan keyin — Ustoz bilan birga köriladi
- RangSpotify · #1DB954
- ŞaklAylana
- ÇegaraÇiziqsiz
- SarlavhaInter
- MatnInter
Kod
<link rel="stylesheet" href="foxui/themes/spotify.css"> <html data-fx-theme="spotify" data-fx-personality="round" data-fx-edge="shadow" data-fx-body="inter">
Ranglar
Brend · 50–950
- 50
#E0FFE4 - 100
#CBF7D1 - 200
#ADE7B6 - 300
#87D394 - 400
#58BC6E - 500
#1DB954 - 600
#008C3A - 700
#027530 - 800
#005E25 - 900
#01481B - 950
#052F12
Neytral · 25–950 brend tusiga yengil böyalgan
- 25
#F9FCF9 - 50
#F5F8F5 - 100
#EEF1EE - 200
#E2E5E3 - 300
#CFD6D0 - 400
#9FA59F - 500
#686E68 - 600
#505651 - 700
#3D433E - 800
#242925 - 900
#161B17 - 950
#0E130F
Pastellar kategoriya va kartalar uçun
- Sariq
#EEDC84 - Puşti
#FDBBD9 - Moviy
#B3D4FE - Marjon
#FEC0AD - Yaşil
#AAE1B3 - Binafşa
#D9C6FF
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.07 : 1 (çegara 1.07).
| Juft | Yoruğ | Qoronği | Holat |
|---|---|---|---|
| Tugma ustidagi matn | 7.3 : 1 | 7.9 : 1 | AA |
| Asosiy matn — sahifada | 16.9 : 1 | 17.6 : 1 | AA |
| Brend rangli matn | 5.7 : 1 | 10.5 : 1 | AA |
| Ikkinçi darajali matn | 7.5 : 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.