Apple (España)
Katedrala belega prostora s komaj slišnimi naslovi. Prostrana, svetla dvorana, kjer v zraku visijo ogromne pisave z gostoto 700, ki jih držijo skupaj le pastelne barve in ena sama modra nit.
Applov jezik strani izdelkov je študija tipografske velikodušnosti: ogromni naslovi SF Pro Display lebdijo na umazano belem ozadju, obdani z ogromnim belim prostorom, zaradi katerega se zdi, da je vsaka beseda premišljena. Paleta je skoraj enobarvna – besedilo v #1d1d1f, platno, ki se izmenjuje med #ffffff in #f5f5f7 – z enim samim modrim poudarkom (#0071e3), ki je rezerviran izključno za interaktivne trenutke. Barva je prisotna v samih slikah izdelkov (pastelni toni), nikoli kot dekorativni elementi uporabniškega vmesnika. Komponente so brez okvirja: zaobljene kartice s polmerom 28px, gumbi v obliki tablet se skoraj dotikajo robov strani, brez vidnih vsebnikov ali padajočih senc. Ritem ustvarjajo izmenjujoče se bele in sive črte, ne pa razdelilniki ali obrobe.
Razdelki zavzemajo celotno širino strani in se raztezajo od roba do roba z obilnim odmikom (približno 40–100 stranic). Največja širina vsebine je učinkovito centrirana znotraj vsakega traku. Glavni element je sredinski sklad: nalepka v obliki obrvi, povečan naslov, en sam gumb s pozivom k dejanju, vrstica s ceno in nato slika izdelka, ki zapolnjuje spodnji del vidnega polja. Razdelki sledijo ponavljajočemu se vzorcu: levo poravnan naslov znotraj traku, ki mu sledi bodisi dvostolpčna postavitev z opisi izdelkov (besedilo na levi/slika na desni ali izmenično), tristolpčna mreža kartic ali centrirana vizualna predstavitev. Ritem vsebine v celoti nadzorujejo izmenična bela in tribarvna ozadja z navpičnimi vrzeli 100–100 cm – brez razdelilnikov, brez kartic z elementi. Globalna navigacija je ena sama, fiksna vrstica. Razdelki s specifikacijami izdelkov uporabljajo pasove polne širine z obilnim odmikom, kjer je besedilo centrirano v ozkih stolpcih (~560 slikovnih pik) glede na širše vizualno območje.
Applov vizualni jezik je predvsem fotografija izdelkov: bližnji posnetki strojne opreme na čisto belem ali barvnem ozadju, brez konteksta življenjskega sloga ali uprizorjenih prizorov. Glavna slika prikazuje roke, ki držijo pastelno zelen MacBook Neo – človeški element je drugotnega pomena, saj prikazuje velikost in teksturo, ne pa čustev. V razdelkih z različicami izdelkov sta dve napravi predstavljeni druga ob drugi na ozadju ujemajočih se barv obrob (roza, zelena, srebrna, nebesno modra), vsaka kartica pa je ravno barvno polje z izdelkom v središču. Podrobni posnetki uporabljajo ekstremne bližnje posnetke (tečaj prenosnika, modul kamere) na nevtralnem ozadju. Ni ilustracij, abstraktne grafike, dekorativnih slik – vizualni element je sam izdelek. Ikonografija je povsod – enobarvne črtne ikone v slogu SF Symbols, debele 1,5–2 slikovnih pik, vzete iz nabora ikon sistema Apple. Fotografija je vedno narejena v visokokakovostnem načinu: enakomerna osvetlitev brez senc, ki izdelek reducira na grafično obliko in ne na tridimenzionalni objekt.
Paleta
Blagovna znamka
- Electric Blue
#0071e3— Zapolnjeni akcijski gumbi so edini barvni poudarek v uporabniškem vmesniku, redko se uporabljajo za pozive k dejanju. - Link Blue
#0066cc— Vgrajene besedilne povezave, povezave s puščicami in ševronskimi črkami. - Citrus Gradient
#3b3b23— Alternativna obdelava, ki je postala značilnost izdelka, je temna osnova, ki se preliva v rumeno-zelene poudarke.
Nevtralno
- Primary Ink
#1d1d1f— Naslovi, besedilo v telesu in oznake gumbov so prevladujoči ton ospredja na vseh površinah; ozadje glavne slike izdelka gladko prehaja iz enobarvne barve #1d1d1f na vrhu v kromatično modro. - Mid Gray
#707070— Sekundarno besedilo, neaktivno stanje navigacije, utišane oznake uporabniškega vmesnika - Deep Gray
#474747— Navigacijsko besedilo in ikonografija sta v srednje veliki pisavi. - Hairline
#d6d6d6— Tanke meje med razdelki in elementi uporabniškega vmesnika. - Canvas
#f5f5f7— Izmenična ozadja odsekov - siva črta, ki ločuje bela območja. - Paper
#ffffff— Površina kartice, ozadje glavne strani, besedilo gumba na temnem ozadju.
Tipografija
od 12 do 96 slikovnih pik · 10 korakov
- SF Pro Display — zamenjava: Inter · obrisi 600, 700 · Glavni naslovi in podnaslovi za prikaz – teža 700 pri 80–96 slikovnih pikah z negativnim razmikom med črkami -1,44 slikovne pike ustvarjajo Applov značilen»masiven naslov, ki lebdi v beli barvi«. Nadomestki: Inter, system-ui
- SF Pro Display — zamenjava: Inter · obrisi 600 · Naslovi razdelkov, naslovi kartic, podnaslovi – pisava velikosti 600 z rahlo pozitivnim razmikom med črkami pri srednjih velikostih deluje toplo in prijazno, za razliko od zgornjih kratkih naslovov.
- SF Pro Text — zamenjava: Inter · obrisi 400, 500, 600 · Za glavno besedilo, navigacijo, podporne odstavke in kratke podnapise je glavna pisava pisava z indeksom 400 pri 17px. Negativni razmik med črkami omogoča bolj jedrnato glavno besedilo na straneh, ki so polne informacij.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 8-10px |
| Polmer gumba | 980px |
| Polmer kartice | 28px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 100-120px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Apple (España) in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Airbnb — Mirna bela galerijska stena z enim samim koralno rdečim zaznamkom
- Peak Design — Galerijska stena, delno osvetljena
- Ramp — Uredniški finančni oddelek, črno-bele strani z enim samim neonskim markerjem. Praktično enobarvna površina publikacije, kjer ena sama svetlo limetino zelena poteza vsako interakcijo spremeni v denarni signal.
- 099 SUPPLY — Galerijska stena, polna črno-belih predmetov
- Orderful — Nadzorna plošča industrijske logistike - Natisnjen kontrolni seznam za logističnega dispečerja, napisan s črnim črnilom in kirurško rdečo barvo, vsaka stran je dovolj diskretna, da lahko en operater pove nekaj pomembnega.
- Apple (España) — bela galerijska vitrina
- teenage engineering — Industrijski katalog studijske razsvetljave - izdelek je edini pomemben predmet na strani, vse ostalo pa se obravnava okoli njega
- Apple (España) — Okno galerije v jutranji megli
- Lightship — Kinematografska diorama odprte ceste. Tople kremne galerijske stene, okrašene z velikimi pokrajinskimi fotografijami, nameščenimi v tesnih presledkih, tanke črne črke, komaj vidne na okvirjih, in en sam živo oranžen poudarek, ki prekinja enobarvnost kot kres na travniku.
- Custo — Galerija v barvi bronaste kovine z monolitno pisavo. Razstavni prostor v umirjenih sivo-zelenih tonih, kjer en sam temen predmet in pisava velikosti 57px govorita sama zase.
- Silencio — Bela soba z lebdečimi artefakti. Galerijska razstava iz toplega papirja, kjer vsak element zaseda svoje mesto na ozadju negativnega volumna, tišina pa je namerna oblikovalska odločitev.
- ORYZO AI — Foto esej o temnici. Osamljen predmet, ki lebdi v topli temi, kremna pisava kot edina dekoracija.