Libos
Jiddiy libosi
Oq-qora, toza, soyalar bilan — heç narsa ortiqça emas
Navbatda14 % tayyorMVP'dan keyin — Ustoz bilan birga köriladi
- RangGrafit · #475467
- ŞaklÖrta
- ÇegaraÇiziqsiz
- SarlavhaInter
- MatnInter
Kod
<html data-fx-theme="graphite" data-fx-personality="medium" data-fx-edge="shadow" data-fx-body="inter">
Ranglar
Brend · 50–950
- 50
#F9FAFB - 100
#F2F4F7 - 200
#E4E7EC - 300
#D0D5DD - 400
#98A2B3 - 500
#667085 - 600
#475467 - 700
#344054 - 800
#1D2939 - 900
#101828 - 950
#0C111D
Neytral · 25–950 brend tusiga yengil böyalgan
- 25
#FCFCFD - 50
#F9FAFB - 100
#F2F4F7 - 200
#E4E7EC - 300
#D0D5DD - 400
#98A2B3 - 500
#667085 - 600
#475467 - 700
#344054 - 800
#1D2939 - 900
#101828 - 950
#0C111D
Pastellar kategoriya va kartalar uçun
- Sariq
#F5D77E - Puşti
#F3BBD4 - Moviy
#AECBF2 - Marjon
#F4A688 - Yaşil
#BEDDB2 - Binafşa
#CFC0F3
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.10 : 1 (çegara 1.07).
| Juft | Yoruğ | Qoronği | Holat |
|---|---|---|---|
| Tugma ustidagi matn | 17.8 : 1 | 17.0 : 1 | AA |
| Asosiy matn — sahifada | 17.3 : 1 | 18.1 : 1 | AA |
| Brend rangli matn | 17.3 : 1 | 18.1 : 1 | AA |
| Ikkinçi darajali matn | 7.7 : 1 | 12.0 : 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.