Libos
Yoqimli libosi
Moviy, yumşoq burçaklar, çiziqsiz — döstona messenjer kabi
Navbatda14 % tayyorMVP'dan keyin — Ustoz bilan birga köriladi
- RangOkean · #2563EB
- ŞaklMomiq
- ÇegaraÇiziqsiz
- SarlavhaGoogle Sans
- MatnGoogle Sans
Kod
<html data-fx-theme="ocean" data-fx-personality="soft" data-fx-edge="shadow" data-fx-body="google-sans">
Ranglar
Brend · 50–950
- 50
#F0F5FF - 100
#DFEAFF - 200
#C1D7FF - 300
#9CBEFE - 400
#71A1FE - 500
#4783FF - 600
#2563EB - 700
#2858BF - 800
#204799 - 900
#193674 - 950
#10244D
Neytral · 25–950 brend tusiga yengil böyalgan
- 25
#F9FBFF - 50
#F5F7FA - 100
#EEF0F4 - 200
#E3E5E8 - 300
#D0D4DC - 400
#9FA3AA - 500
#686C72 - 600
#51545A - 700
#3E4147 - 800
#25282D - 900
#171A1F - 950
#0F1217
Pastellar kategoriya va kartalar uçun
- Sariq
#F5D983 - Puşti
#F8BBE1 - Moviy
#BAD2FE - Marjon
#FEC0AD - Yaşil
#B4DFAA - Binafşa
#D5C7FE
Tipografiya
Bitta dizayn tizimi
Özbekça harflar: Ö, Ğ, ʻ — töğri
Matn şu şriftda öqiladi: interfeys, jadval, forma va çat bir xil ovozda gapiradi.
Sarlavha — Google Sans · matn — Google Sans
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 | 5.2 : 1 | 7.3 : 1 | AA |
| Asosiy matn — sahifada | 16.8 : 1 | 17.5 : 1 | AA |
| Brend rangli matn | 6.3 : 1 | 10.0 : 1 | AA |
| Ikkinçi darajali matn | 7.6 : 1 | 11.7 : 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.