Apple
Ýeke gök açarly ak otag
Apple-iň dizaýny çäklendirmegiň nusgasydyr: diýen ýaly ak reňkli tuwal, giň ak boşluk we her bir hereketiň maksatly ýaly görünmegini üpjün edýän ýeke-täk, janly gök reňk. Esasy üns berilýän zat tipografiýadyr - SF Pro, ölçegi ulaldygyça azalýan negatiw harp aralygy bilen, aşa agyr bolmazdan, baş sahypalara arhitektura aýdyňlygyny berýär. Önüm dizaýndyr: uly önüm suratlary we durmuş keşbi agdyklyk edýär, hrom elementleri bolsa inçe çarçuwalara, şeffaf nawigasiýa we inçe çyzyklara öwrülýär. Bölekler açyk çal fonda üýtgeýär we mahabat materiallary üçin doly reňkli bloklar bilen bezeg elementleriniň ýerine ölçegiň üýtgemegi arkaly ritm döredýär.
Sahypanyň düzülişi konteýneriň iň ýokary ini kesgitlenmedik doly giňlikdäki sahypadyr — bölümler çetden çetine çenli uzalyp gidýär, tekst bloklary takmynan 980 pikselde merkezleşdirilen. Nawigasiýa her bir önüm üçin goşmaça kiçi papkasy bolan ýeke-täk, üýtgewsiz global çyzykdyr, ol skrollingde peýda bolýar. Esasy düzüliş hemişe merkezleşdirilendir: uly önümiň ady, bir setirlik şygar, iki düwme, soňra galan görnüş portuny doldurýan önümiň suraty. Bölümler giň dik ritm (bölümleriň arasynda 64 piksel+) bilen dikligine ýerleşdirilip, #f5f5f7 we reňkli fonlary çalyşýar. Aşakdaky sahypa doly giňlikdäki hyzmat kartlarynyň (Apple TV+, Fitness+, Music, Arcade) ýeke-täk gorizontal hatarydyr, her biri üst-üst teksti we düwmesi bolan surat blokydyr. Gapdal paneller ýok, köp sütünli mazmun düzülişleri ýok, asimmetrik kompozisiýalar ýok — hemme zat merkezleşdirilen, üst-üst edilen we simmetrikdir.
Fotografiýa esasy wizual dildir. Önümiň suratlary arassa ak ýa-da ýumşak çal reňkli fonda, hiç hili kontekstsiz düşürilýär - enjam ýyldyzdyr, izolýasiýa edilen we ýagtylandyrylan. Durmuş suratlary doly giňlikdäki bannerlerde, köplenç berk kesilen obýektler bilen görkezilýär. Reňk gradientleri (pastel gök, gülgüne, ýaşyl) önüm bölümleri üçin bezeg hökmünde däl-de, fon hökmünde hyzmat edýär. Ikonografiýa minimalist we çyzyk esasynda, 1-2 piksel galyňlykda, tekst bilen birmeňzeş çal reňkde. Önümiň suratlaryndan başga hiç hili suratlar, abstrakt grafika, 3D şekillendirmeler ýok.
Palitra
Brend
- Apple Blue
#0071e3— Doldurylan hereket düwmeleri, saýlanan ýagdaýlar - her bir görnüşi manyly etmek üçin seýrek ulanylýan ýeke-täk interaktiw hromatik reňk. - Link Blue
#0066cc— Aýratynlaşdyrylan hereket çäkleri, içine goýlan baglanyşyklar - doldurylan planşetiň gaty ýalpyldawuk boljak ýerinde Apple Blue ulanylandan has doýgun reňk. - Signal Blue
#2997ff— Bezeg çarçuwalary, surat konturlary, nyşanlaryň çäkleri - ulgamdaky iň açyk gök reňk, ulanyjy bilen özara gatnaşyk üçin däl-de, atmosfera üçin ulanylýar.
Neýtral
- Carbon
#1d1d1f— Esasy tekst, sözbaşy çäkleri, nawigasiýa setirleri, kart çäkleri - agdyklyk edýän syýa reňki gara reňkde we azajyk ýylylyk alamaty bilen. - Frost
#f5f5f7— Sahypanyň kanwasy, esasy tekst fony we aşaky kolonkanyň ýüzi Apple-iň özboluşly açyk çal reňkinde, arassa ak reňkden biraz sowukrak. - Ice
#f4f8fb— Ýüziň beýanly dolduryşlary, inçe reňkler, garaňky fonda düwme teksti — bölegi tapawutlandyrman, janlandyrýan inçe gök reňk. - Smoke
#333333— Ikinji derejeli tekst, nawigasiýa doldurylyşy, düwme çäkleri - Ortaça çal reňkden has köp çukurlygy talap edýän çäkler we nyşanlar üçin köpugurly neýtral reňk. - Graphite
#474747— Nawigasiýa teksti, nawigasiýa serhetleri, baglanyşyk serhetleri - element iýerarhiýasynda Uglerod bilen Tüsseniň arasynda aralyk orny eýeleýär. - Ash
#707070— Aşaky tekst, sanaw çäkleri, nawigasiýa çäkleri, sessiz esasy tekst - Bar bolmagy zerur bolan, ýöne belli bolmadyk mazmun üçin orta çal reňk.
Tipografiýa
12-den 56 piksele çenli · 8 ädim
- SF Pro Display — çalyşmak: Inter · konturlar 400, 600, 700 · Sözbaşylar we uly tekst — 40px+ ölçegler has dar diafragma we has güýçli negatiw yzarlama üçin görkeziliş formatyny ulanýar; 700 reklama dizaýnlary üçin, 400 bolsa redaksiýa mazmunyndaky önüm atlary üçin saklanýar.
- SF Pro Text — çalyşmak: Inter · konturlar 300, 400, 600 · Esasy tekst, nawigasiýa, düwmeler, kiçi sözbaşylar — işleýän şrift; Esasy tekst üçin 400, kiçi sözbaşylar we degişli ýazgylar üçin 300, nawigasiýa elementleri we düwme teksti üçin 600; negatiw harp aralygy ölçege proporsional taýdan azalýar (-0.022em-den 12px-e çenli -0.01em-den 44px-e çenli).
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 12px |
| Düwme radiusy | 980px |
| Kart radiusy | 8px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 64px |
| Sahypanyň giňligi | 1440px |
Süni intellekt web sahypaňyzy Apple stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Ui — mat kagyzda kliniki meýilnama
- ElevenLabs — Ýumşak krem reňkli we inçe sözbaşyly suratly esse. Bauhaus stilindäki depderçe — ýumurtga gabygy reňkli kagyz, gara syýa we önümi görkezmek üçin ýekeje gyrmyzy we mämişi reňkli bezeg.
- monopo saigon — Redaksiýa dymmagynyň arkasyndaky suwuk, ýalpyldawuk şöhle — ereýän ýagtylykda ýüzýän monohrom redaksiýa galereýasy
- Awesomic — Konfeti ýadyňa salýan mämişi punktuasiýa belgileri bolan redaksiýa sink tor
- Monad — ýyly pergamentde redaksiýa tehniki žurnaly
- Dub — Link-iň mat tüwi kagyzynyň dolandyryş paneli
- Seline Analytics — Ýyly kagyzyň üstünde sessiz analitiki stol
- Ventriloc — Ýyly kagyzdaky maglumatlaryň redaksiýa gözegçisi - monohrom takyklygy görkezýän ýekeje mämişi köz
- Duolingo — Ak kagyzda oýnawaç synp maskoty
- Stripe — Buzly aýnanyň üstüne indigo syýa bilen ýazylan hasap kitaby
- Notion — Günortan güneşinde ýyly kagyz depder
- Hyer Aviation — Kabinadaky garaňkylyk pergament kagyzynyň üstünde görünýär. Solgun şapagyň asmany fýuzeleýiň ölçegindäki serif logotipi bilen gabat gelýär we ýekeje ýyly palçyk reňkli aksent monohrom saklaýyşy bozýar.