Apple (España)
Zo'rg'a eshitiladigan sarlavhalar bilan oq bo'shliqdan iborat sobor. Faqat pastel ranglar va bitta ko'k ip bilan birlashtirilgan, havoda osilgan ulkan, yorug 'zal zal.
Apple mahsulot sahifasi tili tipografik saxovatni o'rganishdir: ulkan SF Pro Display sarlavhalari oq fonda suzib yuradi, har bir so'zni ataylab ko'rsatadigan ulkan oq bo'shliq bilan o'ralgan. Palitra deyarli monoxromatik — #1d1d1f matni, #ffffff va #f5f5f7 orasida almashinib turadigan kanvas — faqat interaktiv lahzalar uchun ajratilgan bitta ko'k aksent (#0071e3) bilan. Rang mahsulot tasvirlarining o'zida mavjud (pastel ranglar), hech qachon dekorativ UI elementlari sifatida emas. Komponentlar ramkasiz: 28 piksel radiusli yumaloq kartochkalar, deyarli sahifaning chekkalariga tegib turadigan tabletka shaklidagi tugmalar, ko'rinadigan konteynerlar yoki soyalarsiz. Ritm ajratuvchilar yoki chegaralar emas, balki oq va kulrang chiziqlarning almashinishi orqali yaratiladi.
Bo'limlar sahifaning to'liq kengligini egallaydi, chekkadan chekkaga keng to'ldirish bilan cho'zilgan (taxminan 40-100 tomon). Maksimal kontent kengligi har bir chiziq ichida samarali ravishda markazlashtirilgan. Asosiy element markazlashtirilgan stekdir: qosh shaklidagi yorliq, kattalashtirilgan sarlavha, bitta harakatga chaqiruv tugmasi, narx qatori va keyin ko'rish maydonining pastki qismini to'ldiruvchi mahsulot tasviri. Bo'limlar takrorlanuvchi naqshga amal qiladi: chiziq ichida chapga tekislangan sarlavha, undan keyin mahsulot tavsiflari (chapdagi matn/o'ngdagi rasm yoki navbatma-navbat) bilan ikki ustunli maket, uch ustunli kartalar panjarasi yoki markazlashtirilgan vizual vitrina. Kontent ritmi butunlay oq va uch rangli fonlarning 100-100 sm vertikal bo'shliqlar bilan almashinishi orqali boshqariladi - ajratgichlar yo'q, elementlarni tashuvchi kartalar yo'q. Global navigatsiya - bu bitta, o'zgarmas satr. Mahsulot spetsifikatsiyasi bo'limlari keng to'ldirishli to'liq kenglikdagi chiziqlardan foydalanadi, bu yerda matn kengroq vizual maydonga nisbatan tor ustunlarda (~560px) markazlashtirilgan.
Apple’ning vizual tili asosan mahsulot fotografiyasidir: apparat vositalarining yaqindan suratga olingan suratlari sof oq yoki rangli fonda, turmush tarzi konteksti yoki sahnalashtirilgan sahnalarsiz. Asosiy tasvirda pastel yashil MacBook Neo’ni ushlab turgan qo‘llar ko‘rsatilgan — inson elementi ikkinchi darajali bo‘lib, hissiyot emas, balki masshtab va teksturani namoyish etadi. Mahsulot varianti bo‘limlarida ikkita qurilma mos keladigan bezak ranglari (pushti, yashil, kumush, osmon ko‘k) fonida yonma-yon ko‘rsatilgan, har biri mahsulot markazida bo‘lgan tekis rangli maydonni belgilaydi. Batafsil suratlarda neytral fonda o‘ta yaqin suratlar (noutbuk menteşesi, kamera moduli) qo‘llaniladi. Hech qanday illyustratsiya, mavhum grafika, dekorativ tasvirlar yo‘q — mahsulotning o‘zi vizual elementdir. Ikonografiya hamma joyda — Apple tizimining ikonkalar to‘plamidan olingan, qalinligi 1,5–2 piksel bo‘lgan SF Symbols uslubidagi monoxrom chiziqli ikonkalar. Suratga olish har doim yuqori darajadagi usulda amalga oshiriladi: mahsulotni uch o‘lchovli obyekt emas, balki grafik shaklga keltiradigan bir xil, soyasiz yorug‘lik.
Palitra
Brend
- Electric Blue
#0071e3— To'ldirilgan harakat tugmalari foydalanuvchi interfeysidagi yagona rang aksenti bo'lib, harakatga chaqiruvlar uchun kamdan-kam ishlatiladi. - Link Blue
#0066cc— Matn ichidagi havolalar, strelkalar va chevronlar bilan havolalar. - Citrus Gradient
#3b3b23— Mahsulotning o'ziga xos xususiyatiga aylangan muqobil qoplama - bu sariq-yashil ranglarga aylanib ketadigan to'q rangli asos.
Neytral
- Primary Ink
#1d1d1f— Sarlavhalar, asosiy matn va tugma yorliqlari barcha sirtlarda ustunlik qiladigan old fon ohangidir; asosiy mahsulot tasvirining orqa foni yuqoridagi bir xil #1d1d1f dan xromatik ko'k rangga silliq o'tadi. - Mid Gray
#707070— Ikkilamchi matn, nofaol navigatsiya holati, ovozsiz foydalanuvchi interfeysi yorliqlari - Deep Gray
#474747— Navigatsiya matni va ikonografiya o'rtacha shriftda. - Hairline
#d6d6d6— Bo'limlar va UI elementlari orasidagi yupqa chegaralar. - Canvas
#f5f5f7— Muqobil kesim fonlari - oq joylarni ajratib turuvchi kulrang chiziq. - Paper
#ffffff— Karta yuzasi, asosiy sahifa fon rasmi, qorong'i fonda tugma matni.
Tipografiya
12 dan 96 pikselgacha · 10 qadam
- SF Pro Display — almashtirish: Inter · konturlar 600, 700 · Ko'rsatish uchun qahramon sarlavhalari va kichik sarlavhalar — 80–96 piksel o'lchamda 700 piksel, salbiy harflar oralig'i -1.44 piksel bo'lib, Apple imzosini "oq rangda suzib yuradigan ulkan sarlavha" ni yaratadi. O'rinbosarlar: Inter, system-UI
- SF Pro Display — almashtirish: Inter · konturlar 600 · Bo'lim sarlavhalari, kartochka sarlavhalari, kichik sarlavhalar - yuqoridagi qisqa sarlavhalardan farqli o'laroq, o'rtacha o'lchamlarda harflar oralig'i biroz ijobiy bo'lgan 600 shrift iliq va do'stona tuyuladi.
- SF Pro Text — almashtirish: Inter · konturlar 400, 500, 600 · Asosiy matn, navigatsiya, qo'llab-quvvatlovchi paragraflar va kichik sarlavhalar uchun 17 pikselli 400 indeksli shrift asosiy shrift hisoblanadi. Manfiy harflar oralig'i ma'lumotlarga boy sahifalarda asosiy matnni yanada ixchamroq qilish imkonini beradi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 8-10px |
| Tugma radiusi | 980px |
| Karta radiusi | 28px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 100-120px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Apple (España) uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Airbnb — Bitta marjon qizil xatcho'pli sokin oq galereya devori
- Peak Design — Galereya devori qisman yoritilgan
- Ramp — Tahririyat moliya bo'limi, bitta neon markerli oq-qora sahifalar. Nashrning deyarli monoxrom yuzasi, bu yerda bitta yorqin och yashil chiziq har bir o'zaro ta'sirni pul signaliga aylantiradi.
- 099 SUPPLY — Qora va oq buyumlar bilan to'ldirilgan galereya devori
- Orderful — Sanoat logistika nazorati paneli - Qora siyoh va qizil rangda yozilgan bosma logistika dispetcherining nazorat ro'yxati, har bir sahifa bitta operator muhim narsani baqirib aytishi uchun yetarlicha yashirin.
- Apple (España) — oq galereya vitrinasi
- teenage engineering — Studiya yoritishidagi sanoat katalogi - mahsulot sahifadagi yagona muhim ob'ekt bo'lib, qolgan barcha narsalar uning atrofida muhokama qilinadi.
- Apple (España) — Ertalabki tuman ichida galereya oynasi
- Lightship — Ochiq yo'lning kinematografik dioramasi. Yaqin masofalarda o'rnatilgan katta landshaft fotosuratlari bilan bezatilgan issiq krem rangli galereya devorlari, ramkalarda zo'rg'a ko'rinadigan yupqa qora shrift va o'tloqdagi gulxan kabi monoxromni buzadigan bitta yorqin to'q sariq aksent.
- Custo — Monolit shriftga ega gunmetal rangli galereya. Xira kulrang-yashil tuslardagi ko'rgazma zali, bu yerda bitta to'q obyekt va 57 pikselli shrift o'zi uchun gapiradi.
- Silencio — Suzib yuruvchi artefaktlar bilan bezatilgan oq xona. Har bir element salbiy hajm fonida o'z o'rnini egallagan issiq qog'ozdan yasalgan galereya displeyi va sukunat ataylab qilingan dizayn qaroridir.
- ORYZO AI — Qorong'u xona haqida fotoinsho. Iliq zulmatda suzib yurgan yolg'iz buyum, krem rangli shrift esa yagona bezak.