Apple (España)
Калисои пур аз фазои сафед бо сарлавҳаҳои қариб шуниданашаванда. Толори васеъ ва равшан, ки дар он шрифтҳои бузурги 700-зичӣ дар ҳаво овезонанд ва танҳо бо рангҳои пастел ва як риштаи кабуд ба ҳам пайвастанд.
Забони саҳифаи маҳсулоти Apple як таҳқиқот дар саховатмандии типографӣ аст: сарлавҳаҳои бузурги SF Pro Display дар заминаи сафеди норавшан, ки бо фазои сафеди васеъ иҳота шудаанд ва ҳар як калимаро ба таври қасдан эҳсос мекунанд. Палитра қариб якранг аст - матн бо #1d1d1f, ранги канвас байни #ffffff ва #f5f5f7 иваз мешавад - бо як лаҳҷаи кабуд (#0071e3), ки танҳо барои лаҳзаҳои интерактивӣ нигоҳ дошта мешавад. Ранг дар худи тасвирҳои маҳсулот мавҷуд аст (оҳангҳои пастелӣ), ҳеҷ гоҳ ҳамчун унсурҳои ороишии UI. Компонентҳо бе чаҳорчӯбаанд: кортҳои мудаввар бо радиуси 28 пиксел, тугмаҳои шакли ҳаб қариб ба канорҳои саҳифа мерасанд, бе контейнерҳои намоён ё сояҳои афтанда. Ритм бо роҳи иваз кардани рахҳои сафед ва хокистарӣ, на тақсимкунандагон ё марзҳо, эҷод карда мешавад.
Бахшҳо паҳнои пурраи саҳифаро ишғол мекунанд ва аз канор то канор бо пуркунии фаровон (тақрибан 40-100 тараф) дароз мешаванд. Паҳнои максималии мундариҷа дар дохили ҳар як рах самаранок дар марказ ҷойгир карда шудааст. Унсури асосӣ як стеки марказӣ аст: тамғаи шакли абрӯвон, сарлавҳаи калоншуда, як тугмаи ягонаи даъват ба амал, сатри нарх ва сипас тасвири маҳсулот, ки поёни майдони намоишро пур мекунад. Бахшҳо аз як намунаи такрорӣ пайравӣ мекунанд: сарлавҳаи дар тарафи чап ҷойгиршуда дар дохили рах, пас аз он ё тарҳбандии дусутунӣ бо тавсифи маҳсулот (матн дар тарафи чап/тасвир дар тарафи рост ё навбатӣ), шабакаи сесутунии кортҳо ё намоиши визуалии марказӣ. Ритми мундариҷа пурра тавассути ивазшавии заминаҳои сафед ва серанга бо фосилаҳои амудии 100-100 см идора карда мешавад - бе тақсимкунандагон, бе кортҳое, ки унсурҳоро доранд. Навигатсияи глобалӣ як сатри ягона ва собит аст. Бахшҳои мушаххасоти маҳсулот аз рахҳои пурра бо пуркунии фаровон истифода мебаранд, ки дар он матн дар сутунҳои танг (~560 пиксел) дар муқобили минтақаи васеътари визуалӣ дар марказ ҷойгир карда шудааст.
Забони визуалии Apple асосан аксбардории маҳсулот аст: аксҳои наздики сахтафзор дар заминаи сафеди холис ё ранга, бе контексти тарзи ҳаёт ё саҳнаҳои саҳнавӣ. Дар тасвири асосӣ дастҳое нишон дода шудаанд, ки MacBook Neo-и сабзи пастелӣ доранд - унсури инсонӣ дуюмдараҷа аст, ки миқёс ва сохторро на эҳсосотро нишон медиҳад. Дар бахшҳои варианти маҳсулот, ду дастгоҳ паҳлӯ ба паҳлӯ дар заминаи рангҳои мувофиқ (гулобӣ, сабз, нуқра, кабуди осмонӣ) пешниҳод карда мешаванд, ки ҳар яки онҳо майдони ранги ҳамворро бо маҳсулот дар марказ ҷойгир мекунанд. Аксҳои муфассал аз аксҳои наздики шадид (шарнири ноутбук, модули камера) дар заминаи бетараф истифода мебаранд. Ҳеҷ гуна тасвирҳо, графикаи абстрактӣ, тасвирҳои ороишӣ вуҷуд надоранд - худи маҳсулот унсури визуалӣ аст. Иконография дар ҳама ҷо мавҷуд аст - нишонаҳои хати монохромӣ бо услуби SF Symbols, ғафсии 1,5-2 пиксел, аз маҷмӯи нишонаҳои системаи Apple гирифта шудаанд. Аксбардорӣ ҳамеша бо тарзи баланд анҷом дода мешавад: равшании якхела ва бе соя, ки маҳсулотро ба шакли графикӣ, на ба объекти сеченака табдил медиҳад.
Палитра
Бренд
- Electric Blue
#0071e3— Тугмаҳои пуркардашудаи амал ягона лаҳҷаи рангӣ дар UI мебошанд, ки барои даъватҳо ба амал кам истифода мешаванд. - Link Blue
#0066cc— Пайвандҳои матнии дохилихаттӣ, пайвандҳо бо тирчаҳо ва шевронҳо. - Citrus Gradient
#3b3b23— Як анҷоми алтернативӣ, ки ба хусусияти хоси маҳсулот табдил ёфтааст, пойгоҳи торик аст, ки ба равшаниҳои зард-сабз табдил меёбад.
Бетараф
- Primary Ink
#1d1d1f— Сарлавҳаҳо, матни асосӣ ва тамғакоғазҳои тугмаҳо оҳанги пеши асосӣ дар ҳама сатҳҳо мебошанд; пасзаминаи тасвири асосии маҳсулот аз ранги якранги #1d1d1f дар боло ба ранги кабуди хроматикии оҳиста мегузарад. - Mid Gray
#707070— Матни дуюмдараҷа, ҳолати навигатсияи ғайрифаъол, нишонаҳои UI-и хомӯшшуда - Deep Gray
#474747— Матни навигатсионӣ ва иконография бо шрифти миёна мебошанд. - Hairline
#d6d6d6— Марзҳои тунук байни бахшҳо ва унсурҳои UI. - Canvas
#f5f5f7— Заминаҳои қисмати ивазшаванда - рахи хокистарранге, ки минтақаҳои сафедро ҷудо мекунад. - Paper
#ffffff— Сатҳи корт, пасзаминаи саҳифаи асосӣ, матни тугма дар пасзаминаи торик.
Типография
аз 12 то 96 пиксел · 10 қадам
- SF Pro Display — ивазкунӣ: Inter · контурҳо 600, 700 · Сарлавҳаҳо ва зерсарлавҳаҳои қаҳрамон барои намоиш — вазни 700 дар 80–96 пиксел бо фосилаи манфии ҳарфҳои -1.44 пиксел имзои 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 — Эссеи аксӣ дар бораи ҳуҷраи торик. Як ашёи танҳое, ки дар торикии гарм шино мекунад, шрифти қаймоқранг ягона ороиш аст.