Brending studiyasi · 2026-10-18 ölçovi
RedFox
Wow-dizayn: tizim şablon sifatida, öziga xos animatsiyalar — yetim
- 2 % ota
- 96 % şablon
- 2 % yetim
1 Otadan nima meros oladi?
57 ta UI bölagidan 56 tasi FoxUI'da bor komponentga töğri keladi: 2 % allaqaçon ota (fx-*), 96 % şablon orqali oladi — brend qatlami bilan, otani nusxalamasdan.
| Bölak | Ota komponent | Ota | Şablon |
|---|---|---|---|
| Tugma | fx-button | 1 | 15 |
| Video | fx-videoplayer | — | 10 |
| Nişon / chip | fx-badge | — | 8 |
| Belgilaş / almaştirgiç | fx-check | — | 6 |
| Maydon | fx-input | — | 4 |
| Navigatsiya | fx-nav | — | 4 |
| Karta | fx-card | — | 3 |
| Tanlov | fx-select | — | 1 |
| Forma maydoni | fx-field | — | 1 |
| Sayt sarlavhasi | fx-site-header | — | 1 |
| Sayt pastki qismi | fx-site-footer | — | 1 |
| Yuguruvçi qator | fx-marquee | — | 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.
- Canvas / WebGL sahna
canvas.hero-live__canvas1440×900
Şablon taklifi
- Brend rangi
- #FF632B
- Eng yaqin mavzu
- Şafaq
- Uslub
- Qattiq (yoy 0px)
- Sarlavha şrifti
- Plus Jakarta Sans Variable
- Matn şrifti
- Martian Mono Variable
<html data-fx-template="redfox" data-fx-theme="sunset" data-fx-personality="hard" 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="redfox"— brend qatlami - KomponentlarŞablondagi bölaklar ota komponentga almaşadi
- YetimlarRöyxatda; 2+ loyiha sörasa — otaga