Dizayn tizimi · 2026-10-18 ölçovi
PDP Design System
FoxUI yadrosining manbasi — PDP ekotizimi uçun
- 0 % ota
- 96 % şablon
- 4 % yetim
1 Otadan nima meros oladi?
46 ta UI bölagidan 44 tasi FoxUI'da bor komponentga töğri keladi: 96 % şablon orqali oladi — brend qatlami bilan, otani nusxalamasdan.
| Bölak | Ota komponent | Ota | Şablon |
|---|---|---|---|
| Tugma | fx-button | — | 17 |
| Nişon / chip | fx-badge | — | 10 |
| Karta | fx-card | — | 9 |
| Belgilaş / almaştirgiç | fx-check | — | 3 |
| Maydon | fx-input | — | 2 |
| Navigatsiya | fx-nav | — | 1 |
| Sayt sarlavhasi | fx-site-header | — | 1 |
| Sayt pastki qismi | fx-site-footer | — | 1 |
2 Nima meros ololmaydi?
Bu bölaklar faqat şu saytga xos — loyihada yetim bölib qoladi va röyxatda turadi. Boşqa loyiha ham sörasa, brendsiz ota komponent bölib FoxUI'ga kötariladi.
- Maxsus SVG illyustratsiya
svg.ds-orbit462×167 - Maxsus SVG illyustratsiya
svg.zv-belt1016×479
Şablon taklifi
- Brend rangi
- #00B533
- Eng yaqin mavzu
- PDP
- Uslub
- Aylana (yoy 9999px)
- Sarlavha şrifti
- PDP Display
- Matn şrifti
- Inter
<html data-fx-template="pdp" data-fx-theme="pdp" data-fx-personality="round" data-fx-scheme="light">
Şablon faqat farqni yozadi: mavzu va uslub otaning özida bor, brend rangi va şrift — bir neça token. Ota yangilansa, şablon ham yangilanadi.
Yöl xaritasi
- TokenlarRang, ölçam, şrift — FoxUI tokenlaridan
- Şablon
data-fx-template="pdp"— brend qatlami - KomponentlarŞablondagi bölaklar ota komponentga almaşadi
- YetimlarRöyxatda; 2+ loyiha sörasa — otaga