Apple (España)
Një katedrale me hapësirë të bardhë me tituj mezi të dëgjueshëm. Një sallë e gjerë dhe e ndritshme ku varen në ajër shkronja gjigante me dendësi 700, të mbajtura së bashku vetëm nga ngjyrat pastel dhe një fije e vetme blu.
Gjuha e faqeve të produkteve të Apple është një studim mbi bujarinë tipografike: tituj gjigantë të ekranit SF Pro që qëndrojnë pezull mbi një sfond të bardhë të zbehtë, të rrethuar nga një hapësirë e gjerë e bardhë që e bën çdo fjalë të duket e qëllimshme. Paleta është pothuajse monokromatike - teksti në #1d1d1f, kanavacë që alternohet midis #ffffff dhe #f5f5f7 - me një theks të vetëm blu (#0071e3) të rezervuar ekskluzivisht për momente interaktive. Ngjyra është e pranishme në vetë imazhet e produkteve (tone pastel), kurrë si elementë dekorativë të ndërfaqes së përdoruesit. Komponentët janë pa kornizë: karta të rrumbullakosura me një rreze prej 28px, butona në formë pilule që pothuajse prekin skajet e faqes, pa enë ose hije të dukshme. Ritmi krijohet duke alternuar vija të bardha dhe gri, jo ndarës ose kufij.
Seksionet zënë gjerësinë e plotë të faqes, duke u shtrirë nga njëra skaj në tjetrën me mbushje të bollshme (afërsisht 40-100 anë). Gjerësia maksimale e përmbajtjes është në mënyrë efektive e përqendruar brenda secilës shirit. Elementi kryesor është një pirg i përqendruar: një etiketë në formë vetullash, një titull i zmadhuar, një buton i vetëm thirrjeje për veprim, një rresht çmimesh dhe më pas një imazh produkti që mbush pjesën e poshtme të dritares së shikimit. Seksionet ndjekin një model përsëritës: një titull i rreshtuar majtas brenda shiritit, i ndjekur nga një paraqitje me dy kolona me përshkrime produktesh (teksti në të majtë/imazhi në të djathtë ose alternativ), një rrjetë kartash me tre kolona ose një vitrinë vizuale e përqendruar. Ritmi i përmbajtjes kontrollohet tërësisht nga sfonde alternative të bardha dhe trengjyrëshe me boshllëqe vertikale prej 100-100 cm - pa ndarës, pa karta që mbajnë elementë. Navigimi global është një shirit i vetëm, i fiksuar. Seksionet e specifikimeve të produktit përdorin breza me gjerësi të plotë me mbushje të bollshme, ku teksti është i përqendruar në kolona të ngushta (~560px) kundrejt një zone vizuale më të gjerë.
Gjuha vizuale e Apple është kryesisht fotografia e produkteve: pamje nga afër të pajisjeve në një sfond të bardhë të pastër ose me ngjyra, pa kontekst të stilit të jetesës ose skena të organizuara. Imazhi kryesor tregon duar që mbajnë një MacBook Neo jeshil pastel - elementi njerëzor është dytësor, duke demonstruar shkallë dhe teksturë në vend të emocioneve. Në seksionet e varianteve të produktit, dy pajisje paraqiten krah për krah në një sfond me ngjyra të përputhshme zbukurimi (rozë, jeshile, argjendtë, blu qielli), secila prej të cilave përfaqëson një fushë të sheshtë me ngjyra me produktin në qendër. Pamjet e detajuara përdorin pamje nga afër ekstreme (mentesha e laptopit, moduli i kamerës) në një sfond neutral. Nuk ka ilustrime, asnjë grafikë abstrakte, asnjë imazh dekorativ - vetë produkti është elementi vizual. Ikonografia është kudo - ikona të vijave monokrome në stilin SF Symbols, me trashësi 1.5–2px, të marra nga grupi i ikonave të sistemit Apple. Fotografimi bëhet gjithmonë në një mënyrë të theksuar: ndriçim uniform, pa hije që e redukton produktin në një formë grafike në vend të një objekti tre-dimensional.
Paletë
Markë
- Electric Blue
#0071e3— Butonat e mbushur të veprimit janë i vetmi theks me ngjyra në ndërfaqen e përdoruesit, të përdorur me kursim për thirrjet për veprim. - Link Blue
#0066cc— Lidhje teksti të integruara, lidhje me shigjeta dhe vija dalluese. - Citrus Gradient
#3b3b23— Një përfundim alternativ që është bërë tipari dallues i produktit është një bazë e errët që zbehet në nuanca të verdha-jeshile.
Neutral
- Primary Ink
#1d1d1f— Titujt, teksti i trupit dhe etiketat e butonave janë toni dominues i planit të parë në të gjitha sipërfaqet; sfondi i imazhit kryesor të produktit kalon pa probleme nga një #1d1d1f i ngurtë në krye në një blu kromatike. - Mid Gray
#707070— Tekst dytësor, gjendje navigimi joaktiv, etiketa të UI-t të heshtura - Deep Gray
#474747— Teksti i navigimit dhe ikonografia janë me font të mesëm. - Hairline
#d6d6d6— Kufij të hollë midis seksioneve dhe elementëve të ndërfaqes së përdoruesit. - Canvas
#f5f5f7— Sfonde alternative të seksionit - një shirit gri që ndan zonat e bardha. - Paper
#ffffff— Sipërfaqja e kartelës, sfondi i faqes kryesore, teksti i butonit në një sfond të errët.
Tipografi
nga 12 në 96px · 10 hapa
- SF Pro Display — zëvendësim: Inter · skica 600, 700 · Titujt dhe nëntitujt kryesorë për shfaqje — pesha 700 në 80–96px me hapësirë negative midis shkronjave prej -1.44px krijon "titullin masiv që noton në të bardhë" karakteristikë të Apple. Zëvendësuesit: Inter, system-ui
- SF Pro Display — zëvendësim: Inter · skica 600 · Titujt e seksioneve, titujt e kartave, nëntitujt - një font 600 me hapësirë paksa pozitive midis shkronjave ndihet i ngrohtë dhe miqësor në madhësi mesatare, ndryshe nga titujt e shkurtër më sipër.
- SF Pro Text — zëvendësim: Inter · skica 400, 500, 600 · Për tekstin kryesor, navigimin, paragrafët mbështetës dhe mbishkrimet e vogla, një font me indeks 400 në 17px është fonti kryesor. Hapësira negative midis shkronjave lejon një tekst kryesor më konciz në faqet me shumë informacion.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8-10px |
| Rrezja e butonit | 980px |
| Rrezja e kartës | 28px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 100-120px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Apple (España) dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Airbnb — Një mur galerie i bardhë dhe i qetë me një faqeshënues të vetëm të kuq korali
- Peak Design — Muri i galerisë, pjesërisht i ndriçuar
- Ramp — Departamenti i financave editoriale, faqe bardh e zi me një shënues të vetëm neoni. Sipërfaqja praktikisht monokrome e botimit, ku një vijë e vetme e ndritshme jeshile e limonit transformon çdo ndërveprim në një sinjal monetar.
- 099 SUPPLY — Një mur galerie i mbushur me objekte bardh e zi
- Orderful — Kuvertë Kontrolli e Logjistikës Industriale - Një listë kontrolli e dispeçerit të logjistikës e printuar, e bërë me bojë të zezë dhe të kuqe kirurgjikale, çdo faqe mjaftueshëm diskrete për të lejuar një operator të thotë me zë të lartë diçka të rëndësishme.
- Apple (España) — vitrinë e bardhë e galerisë
- teenage engineering — Katalogu industrial në ndriçimin e studios - produkti është objekti i vetëm i rëndësishëm në faqe, dhe gjithçka tjetër diskutohet rreth tij
- Apple (España) — Një dritare galerie në mjegullën e mëngjesit
- Lightship — Një dioramë kinematografike e rrugës së hapur. Muret e galerisë me ngjyrë krem të ngrohtë të zbukuruara me fotografi të mëdha peizazhesh të montuara në intervale të afërta, shkronja të holla të zeza mezi të dukshme në korniza dhe një theks i vetëm portokalli i ndritshëm që thyen monokromin si një zjarr i madh në një livadh.
- Custo — Një galeri me ngjyrë të artë metalike me një font monolit. Një sallë ekspozite me tone të zbehta gri-jeshile, ku një objekt i vetëm i errët dhe një font 57px flasin vetë.
- Silencio — Një dhomë e bardhë me objekte lundruese. Një ekspozitë galerie e bërë nga letër e ngrohtë, ku secili element zë vendin e tij në një sfond me vëllim negativ, dhe heshtja është një vendim i qëllimshëm dizajni.
- ORYZO AI — Një ese me foto rreth një dhome të errët. Një objekt i vetmuar që qëndron pezull në errësirën e ngrohtë, me një shkop krem si dekorimin e vetëm.