Apple
Бела соба са једним плавим прекидачем
Еплов дизајн је модел уздржаности: скоро бело платно, обиље белог простора и један, јарко плави акценат који сваку акцију чини намерном. Примарни фокус је типографија — SF Pro, са негативним размаком између слова који се смањује са повећањем величине, дајући насловима архитектонску јасноћу без претеране тежине. Производ ЈЕСТЕ дизајн: доминирају велике фотографије производа и слике животног стила, док се хромирани елементи повлаче у танке оквире, провидну навигацију и суптилне линије. Одељци се смењују на светло сивој позадини са блоковима у пуном колору за промотивне материјале, стварајући ритам кроз промене у размери, а не декоративним елементима.
Распоред странице је страница пуне ширине без фиксне максималне ширине контејнера — делови се растежу од ивице до ивице, са блоковима текста центрираним унутар приближно 980 пиксела. Навигација је једна, фиксна глобална трака са додатном подфолдером за сваки производ који се појављује приликом скроловања. Главни распоред је увек центриран: велики назив производа, слоган у једном реду, два дугмета за пилуле, затим слика производа која испуњава преостали део приказа. Делови су вертикално наслагани са издашним вертикалним ритмом (64 пиксела+ између делова), наизменично са #f5f5f7 и обојеним позадинама. Доња страница је један хоризонтални ред картица услуга пуне ширине (Apple TV+, Fitness+, Music, Arcade), свака је фото блок са преклапајућим текстом и дугметом за пилуле. Нема бочних трака, нема распореда садржаја у више колона, нема асиметричних композиција — све је центрирано, наслагано и симетрично.
Фотографија је доминантан визуелни језик. Фотографије производа су снимљене на чисто белој или меко сивој позадини, без икаквог контекста – уређај ЈЕСТЕ звезда, изолована и осветљена. Фотографије начина живота су приказане у банерима пуне ширине, често са уско исеченим објектима. Градијенти боја (пастелно плава, ружичаста, зелена) служе као позадина за одељке производа, а не као декорација. Иконографија је минималистичка и заснована на линијама, дебљине 1-2 пиксела, у истој сивој скали као и текст. Нема илустрација, нема апстрактне графике, нема 3Д рендеровања, осим самих фотографија производа.
Палета
Brend
- Apple Blue
#0071e3— Попуњена дугмад за акције, изабрана стања - једина интерактивна хроматска боја која се штедљиво користи да би сваки изглед био смислен. - Link Blue
#0066cc— Истакнуте ивице акција, уграђени линкови - засићенија боја од Apple Blue се користи тамо где би попуњен таблет био превише блистав. - Signal Blue
#2997ff— Декоративни оквири, обриси слика, ивице икона - најсветлија плава боја у систему, користи се за атмосферу, а не за интеракцију са корисником.
Неутрално
- Carbon
#1d1d1f— Главни текст, оквири наслова, линије за навигацију, оквири картица - преовлађујућа боја мастила је готово црна са благим назнаком топлине. - Frost
#f5f5f7— Платно странице, позадина главног текста и површина подножја су у препознатљивој светло сивој боји компаније Apple, мало хладнијој од чисто беле. - Ice
#f4f8fb— Изражајне површинске испуне, суптилне нијансе, текст дугмади на тамној позадини — суптилна плава нијанса која оживљава одељак, а да га притом не истиче. - Smoke
#333333— Секундарни текст, попуњавање навигације, ивице дугмади - Свестрана неутрална боја за ивице и иконе којима је потребан већи упечатљивост од средње сиве. - Graphite
#474747— Навигациони текст, навигационе ивице, ивице линкова - заузима средњи положај између угљеника и дима у хијерархији елемената. - Ash
#707070— Текст подножја, оквири листе, оквири за навигацију, пригушен текст тела - Средње сива боја за садржај који треба да буде присутан, али не и истакнут.
Типографија
од 12 до 56 пиксела · 8 корака
- SF Pro Display — замена: Inter · обриси 400, 600, 700 · Наслови и велики текст — величине од 40 пиксела и више користе формат приказа за ужи отвор бленде и јаче негативно праћење; 700 је резервисано за распоред огласа, а 400 је за називе производа у уредничком садржају.
- SF Pro Text — замена: Inter · обриси 300, 400, 600 · Текст у телу, навигација, дугмад, поднаслови — радни фонт; 400 за текст у телу, 300 за поднаслови и квалификоване ознаке, 600 за навигационе елементе и текст дугмади; негативни размак између слова се смањује пропорционално величини (од -0,022em до 12px до -0,01em до 44px).
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | просек |
| Основни корак | 12px |
| Радијус дугмета | 980px |
| Радијус картице | 8px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 64px |
| Ширина странице | 1440px |
Вештачка интелигенција ће изградити ваш веб сајт у Apple стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- Ui — клинички план на мат папиру
- ElevenLabs — Фото есеј у топлим крем тоновима са суптилним насловима. Свеска у стилу Баухауса — папир боје љуске јајета, црно мастило и један љубичасти и наранџасти акценат за приказивање производа.
- monopo saigon — Течни, преливајући се сјај иза уредничке тишине — монохроматска уредничка галерија која плута на растопљеној светлости
- Awesomic — Уредничка цинкова мрежа са наранџастим интерпункцијским знаковима који подсећају на конфете
- Monad — уреднички технички часопис на топлом пергаменту
- Dub — Линкова контролна табла од мат пиринчаног папира
- Seline Analytics — Тихи аналитички сто на топлом папиру
- Ventriloc — Уредничка опсерваторија података на топлом папиру - један наранџасти жар који истиче монохроматску прецизност
- Duolingo — Разиграна маскота разреда на белом папиру
- Stripe — Књига рачуна исписана индиго мастилом на матираном стаклу
- Notion — Топла папирна свеска на подневном сунцу
- Hyer Aviation — Сумрак у кокпиту изнад пергамента. Бледо небо у зору сусреће се са серифним логом величине трупа, а један топли глинени акценат прекида монохроматску уздржаност.