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
- AYOCIN — Sog'lomlikning quyoshli totemi. Issiq interyer fotosuratini eslatuvchi ekranlar yarating: monumental shrift, yumshoq xiralashgan me'moriy soyalar va tinch, kremsi makonda joylashgan bitta yoritilgan obyekt.
- AXEL ARIGATO — Axel Arigato - bu ochiqchasiga shaharcha fotoalbomi. Sahifalar oq rangli tahririyat maydonlari va ehtiyotkorlik bilan qirqilgan, ijtimoiy ahamiyatga ega moda fotosuratlari ketma-ketligi sifatida tuzilgan bo'lib, ixcham qora sarlavhalar bilan bezatilgan.
- Bose — Sohil bo'yidagi ovoz sahnasi. Shamol esayotgan reklama tasviri kadrni to'ldiradi, ayni paytda uning atrofida aniq qora-oq kampaniya boshqaruv elementlari aniq tafsilotlar kabi joylashtirilgan.
- AVNIER — AVNYE — tungi suratga olish joyi. Oq ishlab chiqarish belgilari va aniq panjara chiziqlari boshqaruv xonasining qora tasvirlarini kesib o'tadi.
- Bauhaus Clock — Bauhausdan ilhomlangan soatlar – firuza rangli mexanik lyuminestsentsiya. Tinch, yorug' sirtlarni qorong'u, kinematik soat tasviri bilan ramkaga soling va firuza rangini noyob yorqin detal sifatida foydalaning.
- 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.