Apple
Bela soba z enim samim modrim stikalom
Applov dizajn je zgled zadržanosti: skoraj belo platno, veliko belega prostora in en sam, živahen moder poudarek, zaradi katerega se vsako dejanje zdi premišljeno. Glavni poudarek je na tipografiji – SF Pro, z negativnim razmikom med črkami, ki se zmanjšuje z naraščajočo velikostjo, kar daje naslovom arhitekturno jasnost, ne da bi bili pretirano težki. Izdelek JE dizajn: prevladujejo velike fotografije izdelkov in slike življenjskega sloga, medtem ko se kromirani elementi umikajo v tanke okvirje, prosojno navigacijo in subtilne črte. Odseki se izmenjujejo na svetlo sivem ozadju z barvnimi bloki za promocijske materiale, kar ustvarja ritem s spremembami v merilu in ne z dekorativnimi elementi.
Postavitev strani je polne širine brez fiksne največje širine vsebnika – razdelki se raztezajo od roba do roba, bloki besedila pa so centrirani znotraj pri približno 980 slikovnih pik. Navigacija je ena sama, fiksna globalna vrstica z dodatno podmapo za vsak izdelek, ki se prikaže med pomikanjem. Glavna postavitev je vedno centrirana: veliko ime izdelka, enovrstični slogan, dva gumba za tablete in nato slika izdelka, ki zapolni preostalo vidno polje. Razdelki so navpično zloženi z velikodušnim navpičnim ritmom (64 slikovnih pik+ med razdelki), pri čemer se izmenjujejo #f5f5f7 in barvna ozadja. Spodnja stran je ena sama vodoravna vrsta kartic storitev polne širine (Apple TV+, Fitness+, Glasba, Arkade), vsaka s fotografijo, prekrivnim besedilom in gumbom za tablete. Brez stranskih vrstic, brez večstolpčnih postavitev vsebine, brez asimetričnih kompozicij – vse je centrirano, naloženo in simetrično.
Fotografija je prevladujoči vizualni jezik. Fotografije izdelkov so posnete na čisto belem ali mehko sivem ozadju, brez konteksta – naprava JE zvezda, izolirana in osvetljena. Fotografije življenjskega sloga so prikazane v pasicah polne širine, pogosto z ozko obrezanimi predmeti. Barvni prelivi (pastelno modra, roza, zelena) služijo kot ozadje za razdelke izdelkov, ne kot dekoracija. Ikonografija je minimalistična in temelji na črtah, debela 1–2 slikovnih pik, v isti sivini kot besedilo. Brez ilustracij, brez abstraktne grafike, brez 3D-upodobitev, razen samih fotografij izdelkov.
Paleta
Blagovna znamka
- Apple Blue
#0071e3— Zapolnjeni akcijski gumbi, izbrana stanja - edina interaktivna kromatska barva, ki se uporablja redko, da je vsak videz smiseln. - Link Blue
#0066cc— Označeni robovi dejanj, vdelane povezave - tam, kjer bi bila napolnjena tablica preveč kričeča, se uporablja bolj nasičena barva kot Apple Blue. - Signal Blue
#2997ff— Dekorativni okvirji, obrisi slik, robovi ikon - najsvetlejša modra barva v sistemu, uporabljena za vzdušje in ne za interakcijo z uporabnikom.
Nevtralno
- Carbon
#1d1d1f— Glavno besedilo, obrobe naslovov, navigacijske vrstice, obrobe kartic - prevladujoča barva črnila je skoraj črna z rahlim pridihom topline. - Frost
#f5f5f7— Platno strani, ozadje glavnega besedila in površina podnožja so v značilni svetlo sivi barvi Apple, ki je nekoliko hladnejša od čiste bele. - Ice
#f4f8fb— Izrazite polnila površin, subtilni odtenki, besedilo gumbov na temnem ozadju – subtilen moder odtenek, ki poživi odsek, ne da bi ga izstopal. - Smoke
#333333— Sekundarno besedilo, polnilo za navigacijo, obrobe gumbov - Vsestranska nevtralna barva za obrobe in ikone, ki potrebujejo več poudarka kot srednje siva. - Graphite
#474747— Navigacijsko besedilo, navigacijski robovi, robovi povezav - v hierarhiji elementov zaseda vmesni položaj med ogljikom in dimom. - Ash
#707070— Besedilo noge, obrobe seznama, obrobe navigacije, utišano besedilo telesa – srednje siva barva za vsebino, ki mora biti prisotna, vendar ne izstopajoča.
Tipografija
od 12 do 56 slikovnih pik · 8 korakov
- SF Pro Display — zamenjava: Inter · obrisi 400, 600, 700 · Naslovi in veliko besedilo – velikosti 40 slikovnih pik in več uporabljajo format prikaza za ožjo odprtino in močnejše negativno sledenje; 700 je rezerviranih za oglasne postavitve, 400 pa za imena izdelkov v uredniški vsebini.
- SF Pro Text — zamenjava: Inter · obrisi 300, 400, 600 · Telo besedila, navigacija, gumbi, podnaslovi – delovna pisava; 400 za telo besedila, 300 za podnaslove in kvalificirane oznake, 600 za navigacijske elemente in besedilo gumbov; negativni razmik med črkami se zmanjšuje sorazmerno z velikostjo (od -0,022 em do 12px do -0,01 em do 44px).
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 12px |
| Polmer gumba | 980px |
| Polmer kartice | 8px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 64px |
| Širina strani | 1440px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Apple 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
- Ui — klinični načrt na mat papirju
- ElevenLabs — Foto esej v toplih kremnih tonih z nežnimi naslovi. Zvezek v slogu Bauhausa – papir barve jajčne lupine, črno črnilo in en sam vijolično-oranžen poudarek za predstavitev izdelka.
- monopo saigon — Tekoči, mavrični sij za uredniško tišino – enobarvna uredniška galerija, ki lebdi na staljeni svetlobi
- Awesomic — Uredniška cinkova mreža z oranžnimi ločili, ki spominjajo na konfete
- Monad — uredniška tehnična revija na toplem pergamentu
- Dub — Linkova nadzorna plošča z mat riževim papirjem
- Seline Analytics — Tiha analitična miza na toplem papirju
- Ventriloc — Uredniški observatorij podatkov na toplem papirju - ena sama oranžna žerjavica, ki poudarja enobarvno natančnost
- Duolingo — Igriva maskota razreda na belem papirju
- Stripe — Računovodska knjiga, napisana z indigo črnilom na matiranem steklu
- Notion — Topel papirnat zvezek na opoldanskem soncu
- Hyer Aviation — Mrak v pilotski kabini nad pergamentom. Bledo nebo ob zori se sreča z logotipom serif v velikosti trupa, en sam topel glinasti poudarek pa prekine enobarvno zadržanost.