Apple (España)
Katedrála bieleho priestoru s ledva počuteľnými titulkami. Rozľahlá, svetlá sála, kde vo vzduchu visia obrovské fonty s hustotou 700, držané pohromade len pastelovými farbami a jedinou modrou niťou.
Jazyk produktových stránok spoločnosti Apple je štúdiou typografickej štedrosti: obrovské titulky SF Pro Display vznášajúce sa na sivobielom pozadí, obklopené rozsiahlym bielym priestorom, vďaka ktorému každé slovo pôsobí zámerne. Paleta je takmer monochromatická – text je v odtieni #1d1d1f, plátno sa strieda medzi odtieňmi #ffffff a #f5f5f7 – s jediným modrým akcentom (#0071e3) vyhradeným výlučne pre interaktívne momenty. Farba je prítomná v samotných obrázkoch produktov (pastelové tóny), nikdy nie ako dekoratívne prvky používateľského rozhrania. Komponenty sú bez rámčeka: zaoblené karty s polomerom 28px, tlačidlá v tvare tabletky sa takmer dotýkajú okrajov stránky, bez viditeľných kontajnerov alebo vrhaných tieňov. Rytmus je vytvorený striedaním bielych a sivých pruhov, nie oddeľovačov alebo okrajov.
Sekcie zaberajú celú šírku stránky a tiahnu sa od okraja k okraju s veľkorysým odsadením (približne 40 – 100 strán). Maximálna šírka obsahu je v každom páse efektívne vycentrovaná. Hlavným prvkom je vycentrovaný zásobník: štítok v tvare obočia, zväčšený nadpis, jedno tlačidlo s výzvou na akciu, riadok s cenou a potom obrázok produktu vypĺňajúci spodnú časť zobrazovacej oblasti. Sekcie sa riadia opakujúcim sa vzorom: nadpis zarovnaný vľavo v páse, za ktorým nasleduje buď dvojstĺpcové rozloženie s popismi produktov (text vľavo/obrázok vpravo alebo striedavo), trojstĺpcová mriežka kariet alebo centrovaná vizuálna prezentácia. Rytmus obsahu je úplne riadený striedaním bieleho a trojfarebného pozadia so zvislými medzerami 100 – 100 cm – žiadne oddeľovače, žiadne karty s prvkami. Globálna navigácia je jeden pevný pruh. Sekcie so špecifikáciami produktov používajú pásy na celú šírku s veľkorysým odsadením, kde je text vycentrovaný v úzkych stĺpcoch (~560 px) oproti širšej vizuálnej oblasti.
Vizuálny jazyk spoločnosti Apple je primárne produktová fotografia: detailné zábery hardvéru na čisto bielom alebo farebnom pozadí, bez kontextu životného štýlu alebo inscenovaných scén. Hlavný obrázok zobrazuje ruky držiace pastelovo zelený MacBook Neo – ľudský prvok je druhoradé, demonštruje skôr mierku a textúru než emócie. V sekciách variantov produktu sú dve zariadenia prezentované vedľa seba na pozadí zodpovedajúcich farieb obloženia (ružová, zelená, strieborná, nebeská modrá), pričom každá karta je ploché farebné pole s produktom v strede. Detailné zábery používajú extrémne detailné zábery (pánt notebooku, modul fotoaparátu) na neutrálnom pozadí. Nie sú tam žiadne ilustrácie, žiadna abstraktná grafika, žiadne dekoratívne obrázky – vizuálnym prvkom je samotný produkt. Ikonografia je všade – monochromatické čiarové ikony v štýle SF Symbols, hrubé 1,5 – 2 pixely, prevzaté zo sady ikon systému Apple. Fotografia je vždy vyhotovená vo vysokom kľúčovom štýle: rovnomerné osvetlenie bez tieňov, ktoré redukuje produkt na grafickú formu, a nie na trojrozmerný objekt.
Paleta
Značka
- Electric Blue
#0071e3— Vyplnené akčné tlačidlá sú jediným farebným akcentom v používateľskom rozhraní a striedmo sa používajú na výzvy na akciu. - Link Blue
#0066cc— Vložené textové odkazy, odkazy so šípkami a šípkami. - Citrus Gradient
#3b3b23— Alternatívnou povrchovou úpravou, ktorá sa stala charakteristickým znakom produktu, je tmavý základ, ktorý prechádza do žltozelených odleskov.
Neutrálny
- Primary Ink
#1d1d1f— Nadpisy, text tela a popisy tlačidiel sú dominantným tónom popredia na všetkých povrchoch; pozadie hlavného obrázka produktu plynule prechádza z plnej farby #1d1d1f v hornej časti do chromatickej modrej. - Mid Gray
#707070— Sekundárny text, neaktívny stav navigácie, stlmené popisky používateľského rozhrania - Deep Gray
#474747— Navigačný text a ikonografia sú napísané stredným písmom. - Hairline
#d6d6d6— Tenké hranice medzi sekciami a prvkami používateľského rozhrania. - Canvas
#f5f5f7— Striedavé pozadia sekcií - sivý pruh, ktorý oddeľuje biele oblasti. - Paper
#ffffff— Povrch karty, pozadie hlavnej stránky, text tlačidla na tmavom pozadí.
Typografia
od 12 do 96px · 10 krokov
- SF Pro Display — náhrada: Inter · obrysy 600, 700 · Hlavné nadpisy a podnadpisy pre zobrazenie – váha 700 pri 80–96px s negatívnym rozstupom písmen -1,44px vytvárajú charakteristický znak spoločnosti Apple – „masívny nadpis plávajúci v bielom“. Náhrady: Inter, system-ui
- SF Pro Display — náhrada: Inter · obrysy 600 · Nadpisy sekcií, názvy kariet, podnadpisy – písmo s veľkosťou 600 a mierne pozitívnym rozstupom písmen pôsobí pri stredných veľkostiach príjemne a príjemne, na rozdiel od krátkych nadpisov uvedených vyššie.
- SF Pro Text — náhrada: Inter · obrysy 400, 500, 600 · Pre hlavný text, navigáciu, podporné odseky a krátke popisky je primárnym písmom písmo s indexom 400 a veľkosťou 17px. Negatívne rozstupy písmen umožňujú stručnejší hlavný text na stránkach s vysokým obsahom informácií.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 8-10px |
| Polomer tlačidla | 980px |
| Polomer karty | 28px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 100-120px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Apple (España) a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Airbnb — Tichá biela galerijná stena s jedinou koralovo červenou záložkou
- Peak Design — Galériová stena, čiastočne osvetlená
- Ramp — Finančné oddelenie redakcie, čiernobiele strany s jedinou neónovou fixkou. Prakticky monochromatický povrch publikácie, kde jediný jasne limetkovozelený ťah premieňa každú interakciu na peňažný signál.
- 099 SUPPLY — Stena galérie plná čiernobielych predmetov
- Orderful — Kontrolný zoznam pre priemyselnú logistiku – vytlačený kontrolný zoznam pre dispečera logistiky, vyhotovený čiernym atramentom a chirurgicky červenou farbou, pričom každá strana je dostatočne diskrétna na to, aby jeden operátor mohol zakričať niečo dôležité.
- Apple (España) — biela vitrína na galériu
- teenage engineering — Priemyselný katalóg v štúdiovom osvetlení - produkt je jediným významným objektom na stránke a všetko ostatné sa rozoberá okolo neho
- Apple (España) — Okno galérie v rannej hmle
- Lightship — Filmová dioráma otvorenej cesty. Teplé krémové steny galérie ozdobené veľkými krajinárskymi fotografiami umiestnenými v tesných rozostupoch, tenké čierne písmo sotva viditeľné na rámoch a jediný jasne oranžový akcent prerušujúci monochromatickosť ako vatra na lúke.
- Custo — Galéria v bronco-farbe s monolitickým písmom. Výstavná sieň v tlmených sivozelených tónoch, kde jeden tmavý objekt a písmo s veľkosťou 57px hovoria samy za seba.
- Silencio — Biela miestnosť s vznášajúcimi sa artefaktmi. Galériová expozícia vyrobená z teplého papiera, kde každý prvok zaujme svoje miesto na pozadí negatívneho objemu a ticho je zámerným dizajnérskym rozhodnutím.
- ORYZO AI — Fotoesej o tmavej komore. Osamelý objekt vznášajúci sa v teplej tme, krémové písmo ako jediná dekorácia.