
Adanola
Рэдакцыйны лукбук на белай паперы. Модная фотасесія, дзе друкарка і фатаграфія нібы дыхаюць на чыстых белых паверхнях, з чорным чарнілам для шрыфта і ледзь прыкметным фірмовым шрыфтам без засечак (Favorit), якія адлюстроўваюць увесь стыль брэнда
Adanola - гэта падобнае на галерэйнае палатно для моды, дзе прадметная фатаграфія з'яўляецца адзінай візуальнай мовай, а карыстацкі інтэрфейс практычна знікае. Інтэрфейс амаль манахромны - белыя паверхні, чорны тэкст і адзін тонкі шрыфт без засечак (Favorit) - дазваляючы колеру саміх прадметаў адзення стаць адзіным храматычным акцэнтам на большасці старонак. Кампаненты наўмысна лёгкія: ніякіх ценяў, градыентаў, дэкаратыўных рамак, толькі тонкія лініі, ледзь прыкметныя контуры асноўных дзеянняў і радыусы скруглення кутоў, якія ўспрымаюцца хутчэй як выразныя, чым мяккія. Інтэрвалы кампактныя і раўнамерныя (базавы), але шчодрая белая прастора вакол малюнкаў стварае спакойны, рэдакцыйны рытм, у якім кожны здымак тавара разглядаецца як поўнафарматны рэдакцыйны разварот. У цэлым, адчуванне бліжэй да высакаякаснага друкаванага лукбука, чым да тыповай сеткі электроннай камерцыі.
Мадэль старонкі з поўным запаўненнем, кантэнт абмежаваны максімальнай шырынёй прыкладна 1440px на настольных кампутарах. Герой уяўляе сабой выява ва ўсю шырыню вобласці прагляду з цэнтраваным загалоўкам і схаваным заклікам да дзеяння (CTA). Пад героем старонка чаргуецца паміж раздзеламі сеткі тавараў (4-калонкавая сетка для настольных кампутараў) і блокамі выяў з рэдакцыйнымі матэрыяламі (дзве аднолькавыя па шырыні фатаграфіі ў стылі лайфстайл). Навігацыя ўяўляе сабой мінімалістычную верхнюю панэль з чорнай паласой аб'яў над ёй - адсутнічае фіксаваны загаловак, бакавая панэль і мега-меню. Для прагляду катэгорый выкарыстоўваюцца простыя гарызантальныя ўкладкі-фільтры над сеткай тавараў, а не асобная старонка катэгорыі. Рытм прасторны: вертыкальныя прамежкі 64px+ паміж асноўнымі раздзеламі, кампактнае адлегласць 8-16px ўнутры картак тавараў. Выкарыстанне сеткі паслядоўна: 4 калонкі для тавараў, 2 калонкі для рэдакцыйных матэрыялаў, адна калонка для навігацыі па катэгорыях. Няма мазаічных ці асіметрычных макетаў – усё цвёрда выраўнавана па сетцы, каб падкрэсліць структуру каталога/лукбука.
Візуальная мова, у якой дамінуе фатаграфія, засяроджаны на поўнаэкранных выявах мадэляў у спартыўным адзенні. Апрацоўка хутчэй рэдакцыйная, чым камерцыйная: мадэлі захаваны ў натуральным руху (расцягваюцца, ідуць, робяць крок), а не ў статычных студыйных позах. Колераперадача натуральная і без фільтраў - колеры адзення адпавядаюць рэчаіснасці, без двухколернай апрацоўкі або колеракарэкцыі. Выявы маюць нулявы радыус скруглення кутоў і не маскіруюцца - гэта прастакутныя кадры, якія запаўняюць кантэйнеры ад краю да краю. Галоўная выява выкарыстоўвае шырокія суадносіны бакоў (~16:6) без накладзенай графікі, дазваляючы фатаграфіі самой несці візуальную нагрузку. Выявы на картках тавараў - гэта чыстыя студыйныя здымкі на нейтральным фоне, шчыльна абрэзаныя па адзенні. Агульная шчыльнасць кантэнту — пераважна выявы ў рэдакцыйных раздзелах і сетка ў апісаннях тавараў, пры гэтым тэкст заўсёды падпарадкаваны выявам. Ніякіх ілюстрацый, 3D-рэндэраў, абстрактнай графікі - фатаграфія з'яўляецца адзіным візуальным сродкам.
Палітра
Нейтральныя
- Carbon Ink
#000000— Асноўны тэкст, запоўненыя кнопкі дзеянняў, абводка значкоў, тонкія лініі - дамінуючы шрыфт ва ўсім інтэрфейсе. - Paper White
#ffffff— Палатно старонкі, кардонныя паверхні, тэкст на цёмным фоне, фонавыя выявы. - Soft Mist
#e5e7eb— Ледзь прыкметныя змены паверхні, адключаныя станы, шкілетны фон, падзельнікі святла. - Warm Fog
#f0efe7— Светла-бэжавае адценне паверхні забяспечвае ледзь прыкметныя палосы паміж шэрагамі тавараў і рэдакцыйнымі часткамі. - Blush Sand
#f5ebd5— Цёплае крэмавае адценне паверхні для раздзелаў з асноўнымі момантамі і сезонных акцэнтаў у рэдакцыйных матэрыялах. - Smoke Charcoal
#333333— Дадатковы тэкст, межы палёў уводу, стрыманы дызайн карыстацкага інтэрфейсу.
Друкарня
ад 14 да 30px · 3 прыступак
- Favorit — замена: Inter · напісання 400, 500, 700 · Фірмовы і карыстацкі шрыфт - выкарыстоўваецца ва ўсёй навігацыі, загалоўках, асноўным тэксце, кнопках, палях уводу і картках тавараў. Карыстацкі маналінейны шрыфт без засечак з вузкай міжлітарнай адлегласцю (0.025em). Варыянты замены: Inter, Söhne ці Neue Haas Grotesk. Шрыфт сярэдняй таўшчыні 400 з міжлітарнай адлегласцю 30px для загалоўкаў - гэта фірмовы выбар: большасць сайтаў аб модзе выкарыстоўваюць дэкаратыўныя шрыфты з засечкамі або тоўстыя шрыфты, але загалоўкі Adanola, набраныя звычайным шрыфтам без засечак, больш падобныя на рэдакцыйныя подпісы, чым на рэкламныя подпісы.
- Nunito Sans — замена: Nunito Sans · напісання 400, 700 · Другасны рэзервовы варыянт для палёў уводу формаў і невялікіх элементаў інтэрфейсу.
- Arial — замена: Arial · напісання 400 · Рэзервовы варыянт сістэмы для састарэлых блокаў электроннай пошты і кантэнту.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | сярэдняя |
| Базавы крок | 8px |
| Радыус кнопак | 4px |
| Радыус картак | 0px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 64px |
| Шырыня старонкі | 1440px |
ІІ збярэ ваш сайт у стылі Adanola і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Lightship — Кінематаграфічная дыярама адкрытай дарогі. Цёплыя крэмавыя сцены галерэі, упрыгожаныя буйнымі пейзажнымі фатаграфіямі, замацаванымі на невялікіх адлегласцях, тонкі чорны шрыфт, ледзь адрозны на рамках, і адзін ярка-аранжавы акцэнт, які парушае манахромнасць, нібы вогнішча на лузе
- Faire ES — аптовы каталог цёплых вяршкоў
- Oura Ring — Утульная майстэрня, дзе рыхтуюць аўсянку, пад мяккім дзённым святлом
- Stykka — Скандынаўская майстэрня ў белым свеце — ціхая, створаная ўручную выставачная зала, дзе адзіным голасам з'яўляецца фатаграфія.
- DJI — аэракасмічны чорны палатно з адзіным электрычным сінім штуршком
- Altitude Beverages — Манахромны разварот для часопіса. Уявіце сабе разварот моднага часопіса, пазбаўлены ўсіх колераў, акрамя прадметнай фатаграфіі - тэкст і пустую прастору распавядаюць усю гісторыю
- AATHER — Расчыненая далонь, адзіночнае полымя - ціхая раскоша, зняволеная ў нерухомасці
- Cowboy — Бельгійская галерэя веласіпедаў у беласнежным фарфоравым выкананні. Шоурум, дзе матавыя паверхні, буйны шрыфт, які выкарыстоўваецца ў рэдакцыйных матэрыялах, і практычна поўная адсутнасць дэкору прымушаюць погляд засяродзіцца на ровары і яго зместу
- Refero — Рэдакцыйная вёрстка на белым мармуры - старонка тавару, створаная друкарняй, дзе загаловак з засечкамі з'яўляецца візітнай карткай брэнда, а ўсё астатняе не адцягвае ўвагі
- Face Formula — Скандынаўскі рэдакцыйны партрэт. Спакойная часопісная разваротная здымка, дзе погляд мадэлі і загаловак, напісаны сціснутым шрыфтам з засечкамі, гавораць самі за сябе на фоне прахалоднага туману
- Shupatto — Музейная вітрына на белым мармуры
- Liron Moran Interiors — модная фотасесія на цёмным ільняным палатне