Apple (España)
Катедрала белог простора са једва чујним насловима. Огромна, светла дворана где огромни фонтови густине 700 висе у ваздуху, држани на окупу само пастелним бојама и једном плавом нити.
Језик странице производа компаније Apple је студија типографске великодушности: огромни наслови SF Pro Display-а лебде на прљаво белој позадини, окружени огромним белим простором који чини да свака реч делује намерно. Палета је готово монохроматска — текст у #1d1d1f, платно се смењује између #ffffff и #f5f5f7 — са једним плавим акцентом (#0071e3) резервисаним искључиво за интерактивне тренутке. Боја је присутна у самим сликама производа (пастелни тонови), никада као декоративни елементи корисничког интерфејса. Компоненте су без оквира: заобљене картице са радијусом од 28 пиксела, дугмад у облику пилуле скоро додирују ивице странице, без видљивих контејнера или сенки. Ритам се ствара наизменичним белим и сивим пругама, а не разделницима или оквирима.
Одељци заузимају пуну ширину странице, протежући се од ивице до ивице са издашним размаком (приближно 40-100 страна). Максимална ширина садржаја је ефикасно центрирана унутар сваке траке. Главни елемент је центрирани стек: етикета у облику обрве, увећани наслов, једно дугме за позив на акцију, ред са ценом, а затим слика производа која испуњава дно приказног дела. Одељци прате понављајући образац: наслов поравнат лево унутар траке, након чега следи или распоред са две колоне са описима производа (текст лево/слика десно или наизменично), мрежа картица са три колоне или центрирани визуелни приказ. Ритам садржаја је у потпуности контролисан наизменичним белим и тробојним позадинама са вертикалним размацима од 100-100 цм - без раздела, без картица које носе елементе. Глобална навигација је једна, фиксна трака. Одељци са спецификацијама производа користе траке пуне ширине са издашним размаком, где је текст центриран у уским колонама (~560 пиксела) у односу на ширу визуелну област.
Еплов визуелни језик је првенствено фотографија производа: крупни планови хардвера на чисто белој или обојеној позадини, без контекста животног стила или инсценираних сцена. Главна слика приказује руке које држе пастелно зелени MacBook Neo – људски елемент је секундаран, демонстрирајући размеру и текстуру, а не емоције. У одељцима варијанти производа, два уређаја су представљена један поред другог на позадини одговарајућих боја украса (ружичаста, зелена, сребрна, небеско плава), свака картица је равно поље боје са производом у центру. Детаљни снимци користе екстремне крупне планове (шарке лаптопа, модул камере) на неутралној позадини. Нема илустрација, нема апстрактне графике, нема декоративних слика – сам производ је визуелни елемент. Иконографија је свуда – монохроматске линијске иконе у стилу SF Symbols, дебљине 1,5–2 пиксела, преузете из сета икона система Епл. Фотографија је увек урађена на начин високог кључа: униформно осветљење без сенки које производ своди на графички облик, а не на тродимензионални објекат.
Палета
Brend
- Electric Blue
#0071e3— Попуњена дугмад за акције су једини акценат боје у корисничком интерфејсу, који се ретко користе за позиве на акцију. - Link Blue
#0066cc— Уграђени текстуални линкови, линкови са стрелицама и шевронима. - Citrus Gradient
#3b3b23— Алтернативна завршна обрада која је постала препознатљива карактеристика производа је тамна база која бледи у жуто-зелене нијансе.
Неутрално
- Primary Ink
#1d1d1f— Наслови, текст и ознаке дугмади су доминантни тон у првом плану на свим површинама; позадина главне слике производа глатко прелази из пуне боје #1d1d1f на врху у хроматску плаву. - Mid Gray
#707070— Секундарни текст, неактивно стање навигације, искључене ознаке корисничког интерфејса - Deep Gray
#474747— Навигациони текст и иконографија су средњим фонтом. - Hairline
#d6d6d6— Танке границе између одељака и елемената корисничког интерфејса. - Canvas
#f5f5f7— Наизменична позадина секција - сива пруга која раздваја беле површине. - Paper
#ffffff— Површина картице, позадина главне странице, текст дугмета на тамној позадини.
Типографија
од 12 до 96 пиксела · 10 корака
- SF Pro Display — замена: Inter · обриси 600, 700 · Главни наслови и поднаслови за приказ — тежина 700 на 80–96px са негативним размаком између слова од -1,44px ствара Apple-ов препознатљиви „масивни наслов који плута у белој боји“. Замене: Inter, system-ui
- SF Pro Display — замена: Inter · обриси 600 · Наслови одељака, наслови картица, поднаслови - фонт величине 600 са благо позитивним размаком између слова делује топло и пријатно на средњим величинама, за разлику од кратких наслова изнад.
- SF Pro Text — замена: Inter · обриси 400, 500, 600 · За главни текст, навигацију, пратеће пасусе и мале натписе, фонт са индексом 400 на 17 пиксела је примарни фонт. Негативни размак између слова омогућава сажетији главни текст на страницама са пуно информација.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | густ |
| Основни корак | 8-10px |
| Радијус дугмета | 980px |
| Радијус картице | 28px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 100-120px |
| Ширина странице | 1200px |
Вештачка интелигенција ће изградити ваш веб сајт у Apple (España) стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- Airbnb — Тихи бели галеријски зид са једним корално црвеним обележивачем
- Peak Design — Галеријски зид, делимично осветљен
- Ramp — Финансијско одељење уредништва, црно-беле странице са једним неонским маркером. Практично монохроматска површина публикације, где један јарко лимунзелени потез сваку интеракцију трансформише у монетарни сигнал.
- 099 SUPPLY — Галеријски зид испуњен црно-белим предметима
- Orderful — Контролна палуба индустријске логистике - Одштампана контролна листа за диспечера логистике, урађена црним мастилом и хируршки црвеном бојом, свака страница довољно дискретна да један оператер може да викне нешто важно.
- Apple (España) — бела витрина за галерију
- teenage engineering — Индустријски каталог у студијском осветљењу - производ је једини значајан објекат на страници, а све остало се разматра око њега
- Apple (España) — Прозор галерије у јутарњој магли
- Lightship — Филмска диорама отвореног пута. Топли кремасти зидови галерије украшени великим фотографијама пејзажа постављеним у малим размацима, танки црни фонт једва видљив на рамовима и један јарко наранџасти акценат који прекида монохроматски стил попут ломаче на ливади.
- Custo — Галерија боје оружја са монолитним фонтом. Изложбени салон у пригушеним сиво-зеленим тоновима, где један тамни објекат и фонт величине 57px говоре сами за себе.
- Silencio — Бела соба са плутајућим артефактима. Галеријска поставка направљена од топлог папира, где сваки елемент заузима своје место на позадини негативне запремине, а тишина је намерна дизајнерска одлука.
- ORYZO AI — Фото есеј о мрачној комори. Усамљени предмет који лебди у топлом мраку, крем фонт је једина декорација.