Libos
PDP libosi
PDP EcoSystem — sof kulrang, yaşil töldirişda oq yozuv, aylana tugmalar, Space Grotesk sarlavha
Navbatda14 % tayyorMVP'dan keyin — Ustoz bilan birga köriladi
- RangPDP · #00B533
- ŞaklAylana
- ÇegaraGibrid
- SarlavhaGrotesk
- MatnInter
Kod
<html data-fx-theme="pdp" data-fx-personality="round" data-fx-edge="hybrid" data-fx-font="grotesk" data-fx-body="inter">
Ranglar
Brend · 50–950
- 50
#E7FFE4 - 100
#C6FFC0 - 200
#7EFA77 - 300
#63E95D - 400
#40D63C - 500
#00B533 - 600
#02A307 - 700
#028405 - 800
#026503 - 900
#014C02 - 950
#013A04
Neytral · 25–950 brend tusiga yengil böyalgan
- 25
#FBFBFB - 50
#F7F7F7 - 100
#F0F0F0 - 200
#E1E1E1 - 300
#C7C7C7 - 400
#9E9E9E - 500
#767676 - 600
#5B5B5B - 700
#424242 - 800
#2E2E2E - 900
#222222 - 950
#141414
Pastellar kategoriya va kartalar uçun
Tipografiya
Bitta dizayn tizimi
Özbekça harflar: Ö, Ğ, ʻ — töğri
Matn şu şriftda öqiladi: interfeys, jadval, forma va çat bir xil ovozda gapiradi.
Sarlavha — Grotesk · 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.06).
| Juft | Yoruğ | Qoronği | Holat |
|---|---|---|---|
| Tugma ustidagi matn | 2.7 : 1 | 15.3 : 1 | AA |
| Asosiy matn — sahifada | 16.9 : 1 | 17.2 : 1 | AA |
| Brend rangli matn | 3.0 : 1 | 15.3 : 1 | AA |
| Ikkinçi darajali matn | 10.1 : 1 | 12.2 : 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.