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 оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- Studio — Галеријски зид у покрету. Сваки екран представља тиху, сиву изложбену површину где се типографски материјали и преклапајући креативни радови такмиче за пажњу.
- Mollie — Кашмирски пулт, тамна главна књига. Оставите довољно белог простора за уреднички дизајн око црног текста, а затим појачајте поенте везане за производ топлим кремастим, еспресо смеђим нијансама и тактилним фотографијама стварних начина плаћања.
- Basis Theory — Платни терминали у дизајнерском студију. Бели технички папир, преклапајући провидни слојеви трансакција и један тиркизни контролни елемент дефинишу визуелни правац.
- CleanShot X — Студио са плаво осветљеном радном површином. Направите мирни бели простор око компактног црног текста, а затим пустите да богате плаве контроле и слојевите слике Mac производа заузму централно место.
- Modern Treasury — Књига благајне на милиметарском папиру. Направите странице које подсећају на тихи, бели оперативни лист, где су новчани токови приказани танким линијама, означеним чворовима и прецизним, скривеним контролама.
- Basha-Franklin — Галеријска мрежа испод белог довратника. Користите топлу нијансу #f4ede6, суптилну црну структуру и асиметричне стубове засноване на фотографијама које изгледају као одштампани архитектонски портфолио.
- Bajgart Office — Зид уредничке галерије. Користите велики бели простор где суптилни серифни фонтови и фрагменти портфолија носе већу визуелну тежину од хромираних елемената интерфејса.
- Heptabase — Сунцем обасјан сто. Топле површине попут папира, контроле боје угља и плутајући прозори за истраживање стварају осећај организованог радног простора, а не софтверске контролне табле.
- Bejamas — Пиџама - кисели креч кроз црно стакло. Направите мирне, светло сиве уредничке странице прекинуте задивљујућим црним панелима где се замућене зелене трагове светлости пресецају са површином.
- Baba — Белешке о бризи на црвеној сунчевој светлости. Направите широке црвене наративне пруге око интимних белих, ружичастих и кремастих информативних површина, користећи фотографије људи као емоционални центар.
- Grafana Labs — Контролна соба Сигналне станице Излазак сунца. Тихи сиво-бели радни простор комбинује се са широким, четворобојним градијентом хоризонта и прецизним плавим интерфејс сигналима.
- Kagi — Посебна читаоница. Направите отворени бели простор око смелог графитног текста, користећи суптилне љубичасте акценте и топле пастелне површине како бисте прекинули спокој.