Apple (España)
Katedrala bijelog prostora s jedva čujnim naslovima. Ogromna, svijetla dvorana u kojoj ogromni fontovi gustoće 700 vise u zraku, na okupu samo pastelnim bojama i jednom plavom niti.
Jezik Appleove stranice proizvoda je studija tipografske velikodušnosti: ogromni naslovi SF Pro Display-a lebde na prljavo bijeloj pozadini, okruženi ogromnim bijelim prostorom koji svaku riječ čini namjernom. Paleta je gotovo monohromatska - tekst u #1d1d1f, platno koje se naizmjenično pojavljuje između #ffffff i #f5f5f7 - s jednim plavim akcentom (#0071e3) rezerviranim isključivo za interaktivne trenutke. Boja je prisutna u samim slikama proizvoda (pastelni tonovi), nikada kao dekorativni UI elementi. Komponente su bez okvira: zaobljene kartice s radijusom od 28px, dugmad u obliku tableta gotovo dodiruju rubove stranice, bez vidljivih spremnika ili sjena. Ritam se stvara naizmjeničnim bijelim i sivim prugama, a ne razdjelnicima ili okvirima.
Odjeljci zauzimaju punu širinu stranice, protežući se od ruba do ruba s obilnim padom (otprilike 40-100 stranica). Maksimalna širina sadržaja je efektivno centrirana unutar svake trake. Glavni element je centrirani stog: naljepnica u obliku obrve, uvećani naslov, jedno dugme za poziv na akciju, red s cijenom, a zatim slika proizvoda koja ispunjava dno prikaza. Odjeljci slijede ponavljajući obrazac: naslov poravnat lijevo unutar trake, nakon čega slijedi ili raspored s dvije kolone s opisima proizvoda (tekst s lijeve strane/slika s desne strane ili naizmjenično), mreža kartica s tri kolone ili centrirani vizualni prikaz. Ritam sadržaja u potpunosti je kontroliran naizmjeničnim bijelim i trobojnim pozadinama s vertikalnim razmacima od 100-100 cm - bez razdjelnika, bez kartica koje nose elemente. Globalna navigacija je jedna, fiksna traka. Odjeljci specifikacija proizvoda koriste trake pune širine s obilnim padom, gdje je tekst centriran u uskim kolonama (~560px) naspram šireg vizualnog područja.
Appleov vizualni jezik je prvenstveno fotografija proizvoda: krupni planovi hardvera na čisto bijeloj ili obojenoj pozadini, bez konteksta životnog stila ili insceniranih scena. Glavna slika prikazuje ruke koje drže pastelno zeleni MacBook Neo - ljudski element je sekundarni, demonstrirajući veličinu i teksturu, a ne emocije. U odjeljcima s varijantama proizvoda, dva uređaja su predstavljena jedan pored drugog na pozadini odgovarajućih boja (ružičasta, zelena, srebrna, nebesko plava), a svaka kartica je ravno polje u boji s proizvodom u centru. Detaljni snimci koriste ekstremne krupne planove (šarke laptopa, modul kamere) na neutralnoj pozadini. Nema ilustracija, nema apstraktne grafike, nema dekorativnih slika - sam proizvod je vizualni element. Ikonografija je svuda - monokromatske linijske ikone u stilu SF Symbols, debljine 1,5-2px, preuzete iz Appleovog seta sistemskih ikona. Fotografija je uvijek urađena na visokokvalitetan način: ujednačeno osvjetljenje bez sjena koje svodi proizvod na grafički oblik, a ne na trodimenzionalni objekt.
Paleta
Brend
- Electric Blue
#0071e3— Ispunjena dugmad za akciju su jedini akcenat boje u korisničkom interfejsu, koji se rijetko koriste za pozive na akciju. - Link Blue
#0066cc— Ugrađeni tekstualni linkovi, linkovi sa strelicama i ševronima. - Citrus Gradient
#3b3b23— Alternativna završna obrada koja je postala prepoznatljiva karakteristika proizvoda je tamna baza koja se postepeno pretvara u žuto-zelene detalje.
Neutralno
- Primary Ink
#1d1d1f— Naslovi, tekst i oznake dugmadi su dominantan ton prednjeg plana na svim površinama; pozadina glavne slike proizvoda glatko prelazi iz pune #1d1d1f na vrhu u hromatsku plavu. - Mid Gray
#707070— Sekundarni tekst, neaktivno stanje navigacije, isključene oznake korisničkog interfejsa - Deep Gray
#474747— Navigacijski tekst i ikonografija su srednje veličine fonta. - Hairline
#d6d6d6— Tanke granice između sekcija i UI elemenata. - Canvas
#f5f5f7— Naizmjenične pozadine sekcija - siva pruga koja odvaja bijele površine. - Paper
#ffffff— Površina kartice, pozadina glavne stranice, tekst dugmeta na tamnoj pozadini.
Tipografija
od 12 do 96px · 10 koraka
- SF Pro Display — zamjena: Inter · obrisi 600, 700 · Glavni naslovi i podnaslovi za prikaz — težina 700 na 80–96px sa negativnim razmakom između slova od -1,44px stvara Appleov prepoznatljivi "masivni naslov koji pluta u bijeloj boji". Zamjene: Inter, system-ui
- SF Pro Display — zamjena: Inter · obrisi 600 · Naslovi odjeljaka, naslovi kartica, podnaslovi - font veličine 600 s blago pozitivnim razmakom između slova djeluje toplo i ugodno pri srednjim veličinama, za razliku od kratkih naslova iznad.
- SF Pro Text — zamjena: Inter · obrisi 400, 500, 600 · Za glavni tekst, navigaciju, prateće paragrafe i male natpise, primarni font je font s indeksom 400 na 17px. Negativni razmak između slova omogućava koncizniji glavni tekst na stranicama s puno informacija.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8-10px |
| Radijus dugmeta | 980px |
| Radijus kartice | 28px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 100-120px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Apple (España) stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Airbnb — Tihi bijeli galerijski zid s jednom koraljno crvenom oznakom stranice
- Peak Design — Zid galerije, djelomično osvijetljen
- Ramp — Urednički financijski odjel, crno-bijele stranice s jednim neonskim markerom. Praktično monokromatska površina publikacije, gdje jedan jarko limeta zeleni potez pretvara svaku interakciju u novčani signal.
- 099 SUPPLY — Zid galerije ispunjen crno-bijelim predmetima
- Orderful — Kontrolna ploča industrijske logistike - Odštampana kontrolna lista za logističkog dispečera, urađena crnom tintom i hirurški crvenom bojom, svaka stranica dovoljno diskretna da jedan operater može doviknuti nešto važno.
- Apple (España) — bijela vitrina za galeriju
- teenage engineering — Industrijski katalog studijske rasvjete - proizvod je jedini značajan objekt na stranici, a sve ostalo se raspravlja oko njega
- Apple (España) — Prozor galerije u jutarnjoj magli
- Lightship — Kinematografska diorama otvorenog puta. Topli krem zidovi galerije ukrašeni velikim fotografijama pejzaža postavljenim u malim razmacima, tanki crni font jedva vidljiv na okvirima i jedan jarko narančasti akcenat koji prekida monohromat poput lomače na livadi.
- Custo — Galerija boje bronce s monolitnim fontom. Izložbeni prostor u prigušenim sivo-zelenim tonovima, gdje jedan tamni objekt i font od 57px govore sami za sebe.
- Silencio — Bijela soba s lebdećim artefaktima. Galerijski postav napravljen od toplog papira, gdje svaki element zauzima svoje mjesto nasuprot negativnoj volumenskoj pozadini, a tišina je namjerna dizajnerska odluka.
- ORYZO AI — Foto esej o mračnoj komori. Usamljeni predmet koji lebdi u toplom mraku, krem font kao jedini ukras.