Apple (España)
Катедрала од бел простор со едвај чујни наслови. Огромна, светла сала каде што огромни фонтови со густина од 700 висат во воздухот, врзани само со пастелни бои и една сина нишка.
Јазикот на страниците за производи на Apple е студија за типографска дарежливост: огромни наслови на SF Pro Display лебдат на белузлава позадина, опкружени со огромен бел простор што го прави секој збор да изгледа намерен. Палетата е речиси монохроматска - текст во #1d1d1f, платно наизменично помеѓу #ffffff и #f5f5f7 - со еден син акцент (#0071e3) резервиран исклучиво за интерактивни моменти. Бојата е присутна во самите слики од производите (пастелни тонови), никогаш како декоративни елементи на корисничкиот интерфејс. Компонентите се без рамка: заоблени картички со радиус од 28px, копчиња во форма на апчиња што речиси ги допираат рабовите на страницата, без видливи контејнери или сенки. Ритамот се создава со наизменични бели и сиви ленти, а не со разделувачи или граници.
Секциите ја зафаќаат целата ширина на страницата, протегајќи се од раб до раб со изобилство на дополнување (приближно 40-100 страни). Максималната ширина на содржината е ефикасно центрирана во секоја лента. Главниот елемент е центриран стек: етикета во облик на веѓа, зголемен наслов, едно копче за повик за акција, ред за цена, а потоа слика од производ што го исполнува дното на прозорецот за преглед. Секциите следат повторувачки модел: наслов порамнет лево во рамките на лентата, проследен со распоред од две колони со описи на производи (текст лево/слика десно или наизменично), мрежа од картички со три колони или центриран визуелен приказ. Ритамот на содржината е целосно контролиран со наизменични бели и трибојни позадини со вертикални празнини од 100-100 см - без разделувачи, без картички што носат елементи. Глобалната навигација е една, фиксна лента. Секциите за спецификации на производот користат ленти со целосна ширина со изобилство на дополнување, каде што текстот е центриран во тесни колони (~560px) наспроти поширока визуелна област.
Визуелниот јазик на Apple е првенствено фотографија на производи: крупни планови на хардвер на чиста бела или позадина во боја, без контекст на животен стил или сценски сцени. Главната слика покажува раце како држат пастелно зелен MacBook Neo - човечкиот елемент е секундарен, демонстрирајќи размер и текстура, а не емоции. Во деловите со варијанти на производот, два уреди се претставени еден до друг на позадина со соодветни бои на украсните елементи (розова, зелена, сребрена, небесно сина), секој од нив претставува рамно поле во боја со производот во центарот. Деталните снимки користат екстремни крупни планови (шарката на лаптопот, модулот на камерата) на неутрална позадина. Нема илустрации, нема апстрактна графика, нема декоративни слики - самиот производ е визуелниот елемент. Иконографијата е насекаде - монохроматски линиски икони во стилот SF Symbols, со дебелина од 1,5–2px, земени од комплетот икони на системот Apple. Фотографијата секогаш е направена на силен тон: униформно осветлување без сенки кое го сведува производот на графичка форма, а не на тродимензионален објект.
Палета
Бренд
- 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 до 96px · 10 чекори
- SF Pro Display — замена: Inter · контури 600, 700 · Херо наслови и поднаслови за прикажување — тежина од 700 на 80–96px со негативен растојание помеѓу буквите од -1,44px создава препознатлив „масивен наслов што лебди во бело“ на Apple. Замени: Inter, системски кориснички интерфејс
- SF Pro Display — замена: Inter · контури 600 · Наслови на секции, наслови на картички, поднаслови - фонтот 600 со малку позитивен проред помеѓу буквите се чувствува топло и пријателски на средни големини, за разлика од кратките наслови погоре.
- SF Pro Text — замена: Inter · контури 400, 500, 600 · За текст во телото, навигација, придружни пасуси и мали титлови, примарен фонт е фонт со индекс од 400 на 17px. Негативниот растојание помеѓу буквите овозможува поконцизен главен текст на страници со многу информации.
Интервали и форма
| Намена | Значење |
|---|---|
| Густина | густ |
| Основен чекор | 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 — Фото есеј за темна соба. Осамен предмет што лебди во топлата темнина, кремаста фонтана како единствена декорација.