Apple (España)
Katedrála bílého prostoru s sotva slyšitelnými titulky. Rozlehlá, jasná hala, kde ve vzduchu visí obrovské fonty s hustotou 700, které drží pohromadě pouze pastelové barvy a jediná modrá nit.
Jazyk produktových stránek společnosti Apple je studií typografické velkorysosti: obrovské titulky SF Pro Display vznášející se na téměř bílém pozadí, obklopené rozsáhlým bílým prostorem, díky kterému každé slovo působí záměrně. Paleta je téměř monochromatická – text v odstínech #1d1d1f, plátno střídající se mezi odstíny #ffffff a #f5f5f7 – s jediným modrým akcentem (#0071e3) vyhrazeným výhradně pro interaktivní momenty. Barva je přítomna v samotných obrázcích produktů (pastelové tóny), nikdy ne jako dekorativní prvky uživatelského rozhraní. Komponenty jsou bez rámečku: zaoblené karty s poloměrem 28 pixelů, tlačítka ve tvaru pilulek se téměř dotýkají okrajů stránky, bez viditelných kontejnerů nebo vržených stínů. Rytmus je vytvářen střídáním bílých a šedých pruhů, nikoli oddělovačů nebo okrajů.
Sekce zabírají celou šířku stránky a táhnou se od okraje k okraji s velkorysým odsazením (přibližně 40–100 stran). Maximální šířka obsahu je v každém proužku efektivně vycentrována. Hlavním prvkem je středový zásobník: popisek ve tvaru obočí, zvětšený nadpis, jedno tlačítko s výzvou k akci, řádek s cenou a poté obrázek produktu vyplňující spodní část zobrazovací oblasti. Sekce se řídí opakujícím se vzorem: nadpis zarovnaný vlevo v proužku, následovaný buď dvousloupcovým rozvržením s popisy produktů (text vlevo/obrázek vpravo nebo střídavě), třísloupcovou mřížkou karet nebo centrovanou vizuální přehlídkou. Rytmus obsahu je zcela řízen střídáním bílého a tříbarevného pozadí se svislými mezerami 100–100 cm – žádné oddělovače, žádné karty s prvky. Globální navigace je jeden pevný pruh. Sekce se specifikací produktu používají pásy o plné šířce s velkorysým odsazením, kde je text vycentrován v úzkých sloupcích (~560 pixelů) oproti širší vizuální ploše.
Vizuální jazyk společnosti Apple je primárně produktová fotografie: detailní záběry hardwaru na čistě bílém nebo barevném pozadí, bez kontextu životního stylu nebo inscenovaných scén. Hlavní obrázek ukazuje ruce držící pastelově zelený MacBook Neo – lidský prvek je druhořadý a demonstruje spíše měřítko a texturu než emoce. V sekcích variant produktů jsou dvě zařízení prezentována vedle sebe na pozadí shodných barev ozdob (růžová, zelená, stříbrná, nebesky modrá), přičemž každá karta představuje ploché barevné pole s produktem uprostřed. Detailní záběry používají extrémní detailní záběry (pant notebooku, modul fotoaparátu) na neutrálním pozadí. Nejsou zde žádné ilustrace, žádná abstraktní grafika, žádné dekorativní obrázky – vizuálním prvkem je samotný produkt. Ikonografie je všude – monochromatické čárové ikony ve stylu SF Symbols, silné 1,5–2 pixely, převzaté ze sady systémových ikon Apple. Fotografie jsou vždy provedeny ve vysokém klíčovém stylu: rovnoměrné osvětlení bez stínů, které redukuje produkt na grafickou formu spíše než na trojrozměrný objekt.
Paleta
Značka
- Electric Blue
#0071e3— Vyplněná akční tlačítka jsou jediným barevným akcentem v uživatelském rozhraní a pro výzvy k akci se používají střídmě. - Link Blue
#0066cc— Vložené textové odkazy, odkazy se šipkami a šípy. - Citrus Gradient
#3b3b23— Alternativní povrchovou úpravou, která se stala charakteristickým prvkem produktu, je tmavý základ, který přechází do žlutozelených odstínů.
Neutrální
- Primary Ink
#1d1d1f— Nadpisy, text těla a popisky tlačítek jsou dominantním tónem popředí na všech plochách; pozadí hlavního obrázku produktu plynule přechází z plné barvy #1d1d1f nahoře do chromatické modré. - Mid Gray
#707070— Sekundární text, neaktivní navigace, ztlumené popisky uživatelského rozhraní - Deep Gray
#474747— Navigační text a ikonografie jsou ve středním písmu. - Hairline
#d6d6d6— Tenké hranice mezi sekcemi a prvky uživatelského rozhraní. - Canvas
#f5f5f7— Střídavé pozadí sekcí - šedý pruh, který odděluje bílé oblasti. - Paper
#ffffff— Povrch karty, pozadí hlavní stránky, text tlačítka na tmavém pozadí.
Typografie
od 12 do 96 pixelů · 10 kroků
- SF Pro Display — nahrazení: Inter · obrysy 600, 700 · Hlavní nadpisy a podnadpisy pro zobrazení – váha 700 při rozlišení 80–96 px s negativním roztečem písmen -1,44 px vytváří charakteristický Apple „masivní nadpis plovoucí v bílém“. Náhrady: Inter, system-ui
- SF Pro Display — nahrazení: Inter · obrysy 600 · Nadpisy sekcí, názvy karet, podnadpisy – písmo o velikosti 600 s mírně kladným roztečem písmen působí na rozdíl od výše uvedených krátkých nadpisů příjemně a vřele.
- SF Pro Text — nahrazení: Inter · obrysy 400, 500, 600 · Pro hlavní text, navigaci, podpůrné odstavce a krátké popisky je primárním písmem písmo s indexem 400 a rozlišením 17 pixelů. Negativní řádkování písmen umožňuje stručnější hlavní text na stránkách s velkým množstvím informací.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8-10px |
| Poloměr tlačítka | 980px |
| Poloměr karty | 28px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 100-120px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Apple (España) a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Airbnb — Tichá bílá galerijní stěna s jedinou korálově červenou záložkou
- Peak Design — Galerijní stěna, částečně osvětlená
- Ramp — Finanční oddělení redakce, černobílé stránky s jediným neonovým fixem. Prakticky monochromatický povrch publikace, kde jediný jasně limetkově zelený tah promění každou interakci v peněžní signál.
- 099 SUPPLY — Galerijní stěna plná černobílých objektů
- Orderful — Kontrolní balíček pro průmyslovou logistiku – vytištěný kontrolní seznam pro dispečera logistického oddělení, napsaný černým inkoustem a chirurgicky červenou barvou, každá stránka dostatečně diskrétní, aby jeden operátor mohl vykřiknout něco důležitého.
- Apple (España) — bílá galerijní vitrína
- teenage engineering — Průmyslový katalog v oblasti studiového osvětlení - produkt je jediným významným objektem na stránce a vše ostatní se probírá kolem něj
- Apple (España) — Okno galerie v ranní mlze
- Lightship — Filmové dioráma otevřené silnice. Teplé krémové stěny galerie zdobené velkými krajinářskými fotografiemi namontovanými v těsných rozestupech, tenké černé písmo sotva viditelné na rámech a jediný jasně oranžový akcent prolamující monochromatičnost jako oheň na louce.
- Custo — Galerie v barvě dělového kovu s monolitickým písmem. Showroom v tlumených šedozelených tónech, kde jediný tmavý objekt a písmo o velikosti 57px mluví samy za sebe.
- Silencio — Bílá místnost s vznášejícími se artefakty. Galerijní expozice z teplého papíru, kde každý prvek zaujímá své místo na pozadí negativního objemu a ticho je záměrným designovým rozhodnutím.
- ORYZO AI — Fotoesej o temné komoře. Osamělý objekt vznášející se v teplé tmě, krémové písmo jako jediná dekorace.