Apple (España)
Katedrala bijelog prostora s jedva čujnim naslovima. Prostrana, svijetla dvorana u kojoj ogromni fontovi gustoće 700 vise u zraku, na okupu ih drže samo pastelne boje i jedna plava nit.
Appleov jezik stranice proizvoda studija je tipografske velikodušnosti: ogromni naslovi SF Pro Displaya lebde na prljavo bijeloj pozadini, okruženi ogromnim bijelim prostorom koji svaku riječ čini namjernom. Paleta je gotovo monokromatska - tekst u #1d1d1f, platno koje se izmjenjuje između #ffffff i #f5f5f7 - s jednim plavim naglaskom (#0071e3) rezerviranim isključivo za interaktivne trenutke. Boja je prisutna u samim slikama proizvoda (pastelni tonovi), nikada kao dekorativni elementi korisničkog sučelja. Komponente su bez okvira: zaobljene kartice s radijusom od 28px, gumbi u obliku tableta gotovo dodiruju rubove stranice, bez vidljivih spremnika ili sjena. Ritam se stvara izmjenom bijelih i sivih pruga, a ne razdjelnicima ili obrubima.
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 učinkovito centrirana unutar svake trake. Glavni element je centriran stog: oznaka u obliku obrve, uvećani naslov, jedan gumb za poziv na akciju, redak s cijenom, a zatim slika proizvoda koja ispunjava dno prikaznog polja. Odjeljci slijede ponavljajući uzorak: naslov poravnat lijevo unutar trake, nakon čega slijedi raspored s dva stupca s opisima proizvoda (tekst s lijeve strane/slika s desne strane ili naizmjenično), mreža kartica s tri stupca ili centrirani vizualni prikaz. Ritam sadržaja u potpunosti je kontroliran naizmjeničnim bijelim i trobojnim pozadinama s okomitim 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 stupcima (~560px) naspram šireg vizualnog područja.
Appleov vizualni jezik prvenstveno je 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 sporedan, demonstrirajući razmjer i teksturu, a ne emocije. U odjeljcima s varijantama proizvoda, dva uređaja su predstavljena jedan pored drugog na pozadini odgovarajućih boja ukrasa (ružičasta, zelena, srebrna, nebesko plava), a svaka kartica je ravno polje u boji s proizvodom u središtu. Detaljni snimci koriste ekstremne krupne planove (šarke prijenosnog računala, modul kamere) na neutralnoj pozadini. Nema ilustracija, nema apstraktne grafike, nema dekorativnih slika - sam proizvod je vizualni element. Ikonografija je posvuda - monokromatske linijske ikone u stilu SF Symbols, debljine 1,5-2px, preuzete iz Appleovog seta ikona sustava. Fotografija je uvijek napravljena na visokokvalitetan način: ujednačeno osvjetljenje bez sjena koje proizvod svodi na grafički oblik, a ne na trodimenzionalni objekt.
Paleta
Robna marka
- Electric Blue
#0071e3— Ispunjeni gumbi za akcije jedini su naglasak boje u korisničkom sučelju, rijetko se koriste za pozive na akciju. - Link Blue
#0066cc— Ugrađene tekstualne poveznice, poveznice sa strelicama i ševronima. - Citrus Gradient
#3b3b23— Alternativna završna obrada koja je postala prepoznatljiva značajka proizvoda je tamna baza koja se blijedi u žuto-zelene naglaske.
Neutralno
- Primary Ink
#1d1d1f— Naslovi, tekst u tijelu i oznake gumba dominantni su ton prednjeg plana na svim površinama; pozadina glavne slike proizvoda glatko prelazi iz pune boje #1d1d1f na vrhu u kromatsku plavu. - Mid Gray
#707070— Sekundarni tekst, neaktivno stanje navigacije, utišane oznake korisničkog sučelja - Deep Gray
#474747— Navigacijski tekst i ikonografija su srednje veličine fonta. - Hairline
#d6d6d6— Tanke granice između odjeljaka i elemenata korisničkog sučelja. - Canvas
#f5f5f7— Izmjenjive pozadine odjeljaka - siva pruga koja odvaja bijela područja. - Paper
#ffffff— Površina kartice, pozadina glavne stranice, tekst gumba 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 s negativnim razmakom između slova od -1,44px stvara Appleov prepoznatljivi "masivni naslov koji pluta u bijelom". 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 odlomke i male opise, font s indeksom 400 na 17px je primarni font. Negativni razmak između slova omogućuje sažetiji glavni tekst na stranicama s puno informacija.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8-10px |
| Radijus gumba | 980px |
| Radijus kartice | 28px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 100-120px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Apple (España) stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Airbnb — Tihi bijeli galerijski zid s jednom koraljnocrvenom oznakom stranice
- Peak Design — Zid galerije, djelomično osvijetljen
- Ramp — Urednički financijski odjel, crno-bijele stranice s jednim neonskim markerom. Praktički monokromatska površina publikacije, gdje jedan jarko limetazeleni potez pretvara svaku interakciju u novčani signal.
- 099 SUPPLY — Zid galerije ispunjen crno-bijelim predmetima
- Orderful — Kontrolna ploča industrijske logistike - Tiskana kontrolna lista za logističkog dispečera, napisana crnom tintom i kirurški crvenom bojom, svaka stranica dovoljno diskretna da jedan operater može doviknuti nešto važno.
- Apple (España) — bijela galerijska vitrina
- 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 otvorene ceste. 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 naglasak koji prekida monokromatski prikaz 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 izrađen od toplog papira, gdje svaki element zauzima svoje mjesto na pozadini negativnog volumena, a tišina je namjerna dizajnerska odluka.
- ORYZO AI — Foto esej o mračnoj komori. Usamljeni predmet koji lebdi u toplom mraku, krem font jedini ukras.