Тэлеграм, WhatsApp  +380637610482
Валерый Данюк
Валерый ДанюкраспрацоўшчыкРаспрацоўка ІІ-інструментаў для бізнесу. Якасна. Нядорага.Напісаць у Telegram
Adanola - папярэдні прагляд сайта ў гэтым стылі

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 — модная фотасесія на цёмным ільняным палатне