Libos
Zamonaviy libosi
Texnologik — tiniq çiziqlar, qattiq burçak, Space Grotesk sarlavha
Navbatda14 % tayyorMVP'dan keyin — Ustoz bilan birga köriladi
- RangAmetist · #7C3AED
- ŞaklQattiq
- ÇegaraÇiziqli
- SarlavhaGrotesk
- MatnInter
Kod
<html data-fx-theme="amethyst" data-fx-personality="hard" data-fx-edge="line" data-fx-font="grotesk" data-fx-body="inter">
Ranglar
Brend · 50–950
- 50
#F5F3FF - 100
#EAE6FF - 200
#D7CEFE - 300
#C0B0FF - 400
#A88DFE - 500
#9466FF - 600
#7C3AED - 700
#693DC2 - 800
#54329B - 900
#402676 - 950
#2A1A4E
Neytral · 25–950 brend tusiga yengil böyalgan
- 25
#FBFAFE - 50
#F7F6FA - 100
#F0EFF3 - 200
#E4E4E8 - 300
#D4D3DB - 400
#A3A2A9 - 500
#6C6B72 - 600
#54535A - 700
#414047 - 800
#28272D - 900
#19191E - 950
#121116
Pastellar kategoriya va kartalar uçun
- Sariq
#F5D983 - Puşti
#FABBDE - Moviy
#B6D3FF - Marjon
#FEC0AD - Yaşil
#B4DFAA - Binafşa
#D2C8FF
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.10 : 1 (çegara 1.07).
| Juft | Yoruğ | Qoronği | Holat |
|---|---|---|---|
| Tugma ustidagi matn | 5.7 : 1 | 7.1 : 1 | AA |
| Asosiy matn — sahifada | 16.9 : 1 | 17.5 : 1 | AA |
| Brend rangli matn | 6.6 : 1 | 9.8 : 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.