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

entire studios

Модны часопіс з бетоннымі сценамі - гэта рэдакцыйны подыум, надрукаваны на цёплай крэмавай паперы, дзе фатаграфія - адзіная раскоша

Жорстка спрошчаная рэдакцыйная сістэма для модных выданняў: два колеры (цёплае крэмавае палатно, чыстыя чорныя чарнілы), монашырынны шрыфт, кампактны інтэрвал і фатаграфіі ва ўсю шырыню старонкі, якія выконваюць усю эмацыйную працу. Цёплы крэмавы #e7ecea замяняе халодны шэры колер SaaS, надаючы кожнай паверхні папяровую, галерэйную цеплыню, а не лічбавую стэрыльнасць. Space Mono з памерам шрыфта 12-16px і таўшчынёй 400 адмаўляецца ад друкарскай іерархіі - адрозненне дасягаецца за кошт становішча, пустой прасторы і маштабу аднаго малюнка, а не за кошт шкалы шрыфтоў. Кампаненты зведзены да свайго шкілета: інфармацыйныя панэлі, цэнтраваныя слоўныя знакі, тэкставыя спасылкі, размешчаныя ў непасрэднай блізкасці ад лініі, і накладанні лагатыпаў, якія параць над фатаграфіямі без якіх-небудзь дадатковых элементаў. Сістэма чытаецца як модны часопіс, надрукаваны на шчыльнай крэмавай паперы, а не як тыповы шаблон для электроннай камерцыі.

Старонка ўяўляе сабой поўнаэкранную рэдакцыйную паслядоўнасць, а не стандартную сетку для электроннай камерцыі. Галоўны элемент - гэта адно выява ва ўсю шырыню вобласці прагляду без абмежавання максімальнай шырыні кантэйнера - фатаграфіі выходзяць за межы любых абмежаванняў 1200px. Навігацыя ўяўляе сабой трехзонное накладанне, якое плавае па-над галоўным элементам (злева спасылка, цэнтраваны тэкставы знак, справа дапаможныя элементы) без фону. Часткі кантэнту ніжэй маюць тую ж шырыню 100vw, падзеленыя толькі касцяным палатном і фрагментамі малюнкаў, а не карткамі ці модулямі ў блоках. Рытм такі: чорная панэль аб'яваў → празрыстая рух → галоўнае выява 100vw → верагодна, дадатковыя выявы або тэкставыя палосы 100vw на касцяным палатне. Шчыльнасць разрэджаная і дамінуе выявы; дызайн "дыхае" за рахунак вялікіх фатаграфічных абласцей, а не за рахунак пустой прасторы ўсярэдзіне структураваных кампанентаў.

У якасці візуальнага сродку выкарыстоўваецца поўнафарматная рэдакцыйная фэшн-фатаграфія. Выявы абрэзаны буйным планам, часта на іх намаляваны дзве постаці ў спартовых/сучасных позах на фоне фактурных бетонных ці абтынкаваных сцен. Апрацоўка грубая і натуралістычная - без фільтраў, без двухколернай апрацоўкі, без накладанняў. Выява займае 100 пікселяў ад краю да краю без радыусу мяжы, без рамкі і без навакольных элементаў карыстацкага інтэрфейсу. Фатаграфія перадае ўвесь настрой; палатно колеру слановай косці і надпісы Space Mono ненадакучліва атачаюць яе. Іканаграфія адсутнічае - няма абразкоў карыстацкага інтэрфейсу, толькі трохпалосны лагатып Adidas Performance у якасці адзінага знака, акрамя слоўнага лагатыпа.

Палітра

Нейтральныя

  • Bone #e7ecea — Палатно старонкі, паверхні кардона, палі малюнка - цёплае, крэмавае адценне, які нагадвае шчыльную крэмавую паперу або неапрацаваную тынкоўку, а не лічбавы шэры.
  • Ink #000000 — Цёмны колер дапаўняе нейтральны колер тэксту, значкоў і стварае моцны кантраст. Не варта выкарыстоўваць яго ў якасці асноўнага колеру для заклікаў да дзеяння.
  • Paper White #ffffff — Інвертаваны тэкст на цёмнай панэлі аб'яваў, інвертаваныя лагатыпы на фатаграфіях.

Друкарня

ад 12 да 16px · 2 прыступак

  • Space Mono — замена: JetBrains Mono · напісання 400 · Адзіны шрыфт для навігацыі, спасылак, асноўнага тэксту, подпісаў і лагатыпа. Манашырынны шрыфт таўшчынёй 400 пунктаў - адзіны ў сваім родзе - стварае тэхнічны, рэдакцыйны стыль; строгі монашырынны рытм хутчэй паказвае на прыналежнасць да моднага часопіса, чым да камерцыйнага выдання.

Інтэрвалы і форма

ПрызначэннеЗначэнне
Шчыльнасцьсярэдняя
Базавы крок16px
Радыус кнопак0px
Радыус картак0px
Ценіне - межы замест ценяў

ІІ збярэ ваш сайт у стылі entire studios і напоўніць яго

  • Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
  • Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
  • Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
  • Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.

Падобныя стылі

  • Structured — Галерэя эпохі Адраджэння на паперы, якая нагадвае пластылін
  • Peak Design — Сцяна галерэі, часткова асветленая
  • Letter — Прыватная галерэя з пераліўнымі артэфактамі са сховішча. Выставачная зала з чорнымі сценамі, дзе загалоўкі з засечкамі параць над храмаванымі скульптурамі на таніраваных сценах галерэі
  • Apple (España) — Вітрына абсідыянавай галерэі — цёмная выставачная зала, дзе адзіны тытанавы аб'ект свеціцца на фоне абсалютна чорнага колеру.
  • Agence Foudre — Загалоўная старонка часопіса, выкананая ў далікатна-ружовым колеры, які нагадвае колер губной памады
  • Sociotype — Тыпавы ўзор музейнага ўзору на белай паперы
  • FARFETCH España — Модная галерэя ў стылі "белага куба". Уявіце сабе элітную гандлёвую прастору, дзе сцены, падлогі і абсталяванне выбелены дабяла, і толькі адзенне і людзі, якія яе носяць, ствараюць кожнае адценне, тэкстуру і візуальную выразнасць.
  • Caserne — Чорная сцяна галерэі з белымі надпісамі
  • Contract — каталог галерэі з белымі сценамі
  • Arsenijs Fabrica — Прыгажосць, уласцівая рэдакцыйным матэрыялам, раскрываецца пад святлом галерэйных лямпаў. Беласнежныя сцены галерэі, адзіны цёплы страбаскоп, які пульсуе аранжавым колерам на фоне манахромнай выявы, шрыфт, набраны тонкім, як шкло, і багацце вольнай прасторы
  • 21 TSI — Барвовая пустата, адзіны сілуэт - рэдакцыйны артыкул у стылі высокай моды, дзе карыстацкі інтэрфейс раствараецца ў атмасферы
  • Aevi Wellness — Скандынаўскі аптэкарскі стыль, бязважкі шрыфт. Прыглушаны шэра-блакітны акцэнт парушае агульную ахраматычную, паветраную вёрстку рэдакцыйнага матэрыялу, дзе фатаграфіі тавараў накладваюцца на карткі з тонкай рамкай на цёплым белым фоне.