Palmer
Керамічная галерэя ў мяккім дзённым святле - узаемадзеянне адбываецца са сцяной, а аб'екты - гэта мастацтва
Палмер звяртаецца з посудам як з музейным экспанатам на цёплым крэмавым палатне (#f5f6ee). Інтэрфейс раствараецца - ніякіх ценяў, ніякага хрому, ніякіх насычаных акцэнтаў - таму кераміка ручной глазуроўкі становіцца адзіным колерам у пакоі. Друкарня вытрымана ў мінімалістычным стылі: шрыфт TWK Lausanne амаль манатонным (300-500) з агрэсіўнай адмоўнай міжлітарнай адлегласцю, якое збліжае літары, уключаючы велізарны пласт адлюстравання 120px, які функцыянуе хутчэй як рэдакцыйная заява, чым. Інтэрактыўныя элементы зведзены да тонкіх меж і перамыкачам у форме таблетак, размешчаным па краях вобласці прагляду, каб цэнтр заставаўся зусім вольным. Усё, што знаходзіцца ніжэй лініі згіну, варта той жа галерэйнай логіцы: дробны тэкст, тонкія лініі, вялікая адлегласць паміж аб'ектамі.
Поўнаэкранны інтэрфейс без абмежаванняў па максімальнай шырыні. Галоўны элемент - гэта раскіданыя па ўсім экране элементы: асобныя фрагменты, размешчаныя ў старанна падабраных месцах, а не ў выглядзе сеткі. Элементы навігацыі зрушаны ў куты (славесны знак уверсе злева, перамыкач уверсе па цэнтры, панэль кіравання ўнізе па цэнтры), пакідаючы цэнтральнае поле цалкам для малюнкаў. Гэта інтэрфейс, арыентаваны на адзін экран - раскіданыя элементы з'яўляюцца галоўным элементам, а ўсе другарадныя элементы інтэрфейсу (меню, фільтр, маштабаванне) адлюстроўваюцца пры пэўных умовах. Рытм раздзелаў мінімальны: адзін экран, адна раскіданая кампазіцыя, мінімум тэксту. Няма традыцыйных якія чаргуюцца палос.
Фатаздымка выключна прадметнай прадукцыі - здымкі асобных керамічных вырабаў (талерак, місак) зверху або пад кутом 3/4 на празрыстым або крэмавым фоне. Ніякага кантэксту, ніякіх рук, ніякіх сервіровак стала. Кожнае выраб абрэзана з лёгкім ценем, каб стварыць уражанне кантакту з паверхняй. Выявы - адзіная крыніца колеру на сайце: паліваныя сінія, аліўкава-зялёныя, плямістыя белыя, бурштынава-карычневыя. Шчыльнасць высокая, але пры гэтым «якая дыхае» - вырабы раскіданыя з наўмысным пустым прасторай паміж імі, хутчэй куратарскі, чым каталогавы падыход.
Палітра
Нейтральныя
- Gallery Cream
#f5f6ee— Паверхня палатна і падставы - цёплае крэмавае адценне, які лепш падыходзіць для паліванай керамікі, чым чыстае белае. - Ink
#222222— Асноўны тэкст, тонкія рамкі, контуры картак, абводка значкоў - увесь структурны каркас выкананы ў гэтым амаль чорным колеры. - Bone
#ffffff— Фонавыя выявы тавараў, часам з інвертаванай паверхняй, калі картка павінна размяшчацца перад крэмавым палатном. - Fog
#a1a19c— Прыглушаныя другарадныя межы і тэкст з нізкім прыярытэтам - выкарыстоўваюцца ў тых выпадках, калі чарнілы занадта шчыльныя для структурнага падзельніка. - Lampblack
#000000— Гэты колер зарэзерваваны для рэдкіх запоўненых элементаў (фон актыўнай навігацыі, прывязкі вагі) - выкарыстоўваецца эканомна, каб Ink заставаўся асноўным колерам тэксту.
Друкарня
ад 11 да 120px · 4 прыступак
- TWK Lausanne — замена: Inter Tight or Neue Haas Grotesk Display Pro at matching weights · напісання 300, 400, 500, 600, 700 · Адзіны шрыфт - падыходзіць для ўсяго, ад мікра-тэгаў да рэдакцыйнага афармлення. Таўшчыня 300 выкарыстоўваецца для загалоўкаў і буйных загалоўкаў (тонкі швейцарскі гратэск, які дазваляе керамічным літарам дамінаваць), 400-500 - для асноўнага тэксту і карыстацкага інтэрфейсу, 600-700 - для актыўных станаў і пазнак фільтраў. Адметнай рысай з'яўляецца шчыльная міжлітарная адлегласць (-0.04em у загалоўку, -0.02em у асноўным тэксце): сімвалы размешчаны блізка адзін да аднаго, надаючы нават загалоўкам 11px адчуванне сціснутасці і прадуманасці, а не лёгкасці стандартных знакаў.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | сярэдняя |
| Базавы крок | 12px |
| Радыус кнопак | 8px |
| Радыус картак | 12px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 80px |
ІІ збярэ ваш сайт у стылі Palmer і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Peak Design — Сцяна галерэі, часткова асветленая
- Arsenijs Fabrica — Прыгажосць, уласцівая рэдакцыйным матэрыялам, раскрываецца пад святлом галерэйных лямпаў. Беласнежныя сцены галерэі, адзіны цёплы страбаскоп, які пульсуе аранжавым колерам на фоне манахромнай выявы, шрыфт, набраны тонкім, як шкло, і багацце вольнай прасторы
- 21 TSI — Барвовая пустата, адзіны сілуэт - рэдакцыйны артыкул у стылі высокай моды, дзе карыстацкі інтэрфейс раствараецца ў атмасферы
- Aevi Wellness — Скандынаўскі аптэкарскі стыль, бязважкі шрыфт. Прыглушаны шэра-блакітны акцэнт парушае агульную ахраматычную, паветраную вёрстку рэдакцыйнага матэрыялу, дзе фатаграфіі тавараў накладваюцца на карткі з тонкай рамкай на цёплым белым фоне.
- PLATFORM — Галерэя "Белы куб" пад святлом пражэктараў.
- Assembly Coffee London — Вуголле ў цёмнай обжарочной. Амаль чорнае палатно з цёплымі, прыглушана асветленымі фатаграфіямі прадукцыі і набранымі курсіўным шрыфтам з засечкамі надпісамі - адчуванне меню спешыалці-кава, надрукаванага ў паўночным самвыдаце
- ARTWORLD — Загаловак моднага выдання на белым ільняным палатне
- Structured — Галерэя эпохі Адраджэння на паперы, якая нагадвае пластылін
- Airbnb — Ціхая белая сцяна галерэі з адной каралава-чырвонай закладкай
- VISIONNAIRE — Рэдакцыйная галерэя вулічнай моды на беласнежным фоне. Брэнд паводзіць сябе як надрукаваны лукбук: плоскае белае палатно, выразныя чорныя чарнілы і адна цёплая крэмавая панэль, выкарыстоўваная ў якасці каляровага блока для дэманстрацыі прадукта ці лагатыпа
- Letter — Прыватная галерэя з пераліўнымі артэфактамі са сховішча. Выставачная зала з чорнымі сценамі, дзе загалоўкі з засечкамі параць над храмаванымі скульптурамі на таніраваных сценах галерэі
- Ramp — Фінансавы аддзел рэдакцыі, чорна-белыя старонкі з адным неонавым маркерам. Практычна манахромная паверхня выдання, дзе адна яркая салатавая рыска ператварае кожнае ўзаемадзеянне ў грашовы сігнал