Apple
Бяла стая с един-единствен син ключ
Дизайнът на Apple е модел за сдържаност: почти бяло платно, изобилие от бяло пространство и един-единствен, ярък син акцент, който кара всяко действие да изглежда обмислено. Основният фокус е типографията – SF Pro, с отрицателно разстояние между буквите, което намалява с увеличаване на размера, придавайки на заглавията архитектурна яснота, без да са прекалено тежки. Продуктът Е дизайнът: доминират големи снимки на продукти и изображения на начин на живот, докато хромираните елементи се отдръпват в тънки рамки, полупрозрачна навигация и фини линии. Секциите се редуват на светлосив фон с пълноцветни блокове за рекламни материали, създавайки ритъм чрез промени в мащаба, а не чрез декоративни елементи.
Оформлението на страницата е с пълна ширина, без фиксирана максимална ширина на контейнера – секциите се разтягат от край до край, като текстовите блокове са центрирани на приблизително 980 пиксела. Навигацията е единична, фиксирана глобална лента с допълнителна подпапка за всеки продукт, която се появява при превъртане. Основното оформление е винаги центрирано: голямо име на продукта, едноредов слоган, два бутона за хапчета и след това изображение на продукта, което запълва останалия изглед. Секциите са подредени вертикално с щедър вертикален ритъм (64 пиксела+ между секциите), редувайки се #f5f5f7 и цветни фонове. Долната страница е един хоризонтален ред от карти за услуги с пълна ширина (Apple TV+, Fitness+, Music, Arcade), всяка от които е фото блок с наслагващ се текст и бутон за хапчета. Няма странични ленти, няма многоколонни оформления на съдържанието, няма асиметрични композиции – всичко е центрирано, подредено и симетрично.
Фотографията е доминиращият визуален език. Снимките на продуктите са заснети на чисто бял или мек сив фон, без никакъв контекст – устройството Е звездата, изолирана и осветена. Лайфстайл снимките се показват в банери с пълна ширина, често с плътно изрязани обекти. Цветовите градиенти (пастелно синьо, розово, зелено) служат като фон за продуктовите секции, а не като декорация. Иконографията е минималистична и базирана на линии, с дебелина 1-2 пиксела, в същата скала на сивото като текста. Няма илюстрации, няма абстрактна графика, няма 3D рендеринги, освен самите снимки на продуктите.
Палитра
Марка
- Apple Blue
#0071e3— Запълнени бутони за действие, избрани състояния - единственият интерактивен хроматичен цвят, използван пестеливо, за да придаде смисъл на всяко появяване. - Link Blue
#0066cc— Подчертани рамки за действия, вградени връзки - използва се по-наситен цвят от Apple Blue, където запълнен таблет би бил твърде крещящ. - Signal Blue
#2997ff— Декоративни рамки, контури на изображения, рамки на икони - най-светлият син цвят в системата, използван за атмосфера, а не за взаимодействие с потребителя.
Неутрален
- Carbon
#1d1d1f— Основният текст, рамките на заглавията, навигационните линии, рамките на картите - преобладаващият цвят на мастилото е почти черен с лек намек за топлина. - Frost
#f5f5f7— Платното на страницата, фонът на основния текст и повърхността на долния колонтитул са в характерния за Apple светлосив цвят, малко по-хладен от чисто бялото. - Ice
#f4f8fb— Изразителни запълвания на повърхности, фини нюанси, текст на бутони на тъмен фон – фин син оттенък, който оживява секцията, без да я откроява. - Smoke
#333333— Вторичен текст, запълване на навигацията, рамки на бутоните - Универсален неутрален цвят за рамки и икони, които се нуждаят от по-голяма наситеност от средно сиво. - Graphite
#474747— Навигационен текст, навигационни рамки, рамки на връзките - заема междинна позиция между Carbon и Smoke в йерархията на елементите. - Ash
#707070— Текст на долния колонтитул, рамки на списъците, рамки за навигация, приглушен текст на тялото - средно сиво за съдържание, което трябва да присъства, но да не е изпъкнало.
Типография
от 12 до 56px · 8 стъпки
- SF Pro Display — замяна: Inter · очертания 400, 600, 700 · Заглавия и голям текст — размерите 40px+ използват формат на показване за по-тясна апертура и по-силно негативно проследяване; 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 — Контролен панел с матова оризова хартия на Link
- Seline Analytics — Тиха аналитична маса върху топла хартия
- Ventriloc — Редакционна обсерватория от данни върху топла хартия - един-единствен оранжев жаравак, подчертаващ монохромната прецизност
- Duolingo — Закачлив талисман на класа на бяла хартия
- Stripe — Счетоводна книга, написана с индигово мастило върху матирано стъкло
- Notion — Топъл хартиен тефтер под обедното слънце
- Hyer Aviation — Здрач в пилотската кабина над пергамент. Бледото небе на зората се среща със серифното лого с размерите на фюзелажа, а един-единствен топъл глинен акцент нарушава монохромната сдържаност.