Palmer
Жұмсақ күндізгі жарықтағы керамикалық галерея – өзара әрекеттесу қабырғамен жүреді, ал заттар өнер туындысы болып табылады.
Палмер ыдыс-аяқты жылы, кремді кенептегі (#f5f6ee) мұражай экспонаты сияқты қарастырады. Интерфейс ериді — көлеңкелер жоқ, хром жоқ, бай екпіндер жоқ — сондықтан қолмен глазурленген керамика бөлмедегі жалғыз түске айналады. Типография минималистік: TWK Lausanne қаріпі дерлік монотонды (300–500), әріптерді біріктіретін агрессивті теріс әріп аралығы бар, оның ішінде интерфейс маркерінен гөрі редакциялық мәлімдеме ретінде көбірек қызмет ететін үлкен 120 пиксельді дисплей қабаты бар. Интерактивті элементтер орталықты толығымен анық ұстау үшін қарау терезесінің шеттерінде орналасқан жұқа жиектер мен таблетка тәрізді ауыстырғыштарға дейін азайтылған. Бүктеменің астындағы барлық нәрсе бірдей галерея логикасына сәйкес келеді: кішкентай мәтін, жіңішке сызықтар, нысандар арасындағы кең арақашықтық.
Ені бойынша шектеулерсіз толық экранды интерфейс. Негізгі элемент - экрандағы шашыраңқы элементтер: торда емес, мұқият таңдалған орындарда орналасқан жеке фрагменттер. Навигация элементтері бұрыштарға орналастырылған (жоғарғы сол жақтағы сөз белгісі, жоғарғы орталықта ауыстырып-қосқыш, төменгі орталықта басқару панелі), орталық аймақ толығымен кескіндер үшін қалады. Бұл бір экранды интерфейс - шашыраңқы элементтер негізгі элемент болып табылады, ал барлық қосымша интерфейс элементтері (мәзір, сүзгі, масштабтау) белгілі бір жағдайларда көрсетіледі. Бөлімдердің ырғағы минималды: бір экран, бір шашыраңқы композиция, минималды мәтін. Дәстүрлі кезектесіп отыратын жолақтар жоқ.
Фотография тек бейнелі бұйымдарға бағытталған — жеке керамикалық бұйымдардың (тәрелкелер, тостағандар) жоғарыдан немесе мөлдір немесе кілегей түсті фонда 3/4 бұрышпен түсірілген суреттері. Контекст, қолдар, үстел безендірулері жоқ. Әрбір бұйым бетімен жанасқандай әсер қалдыру үшін аздап көлеңкемен кесілген. Суреттер веб-сайттағы жалғыз түс көзі болып табылады: жылтыратылған көк, зәйтүн жасыл, дақтары бар ақ және кәріптас қоңыр. Тығыздығы жоғары, бірақ ауа өткізгіш — бұйымдардың арасында әдейі бос орын қалдырылған, бұл каталогтық тәсілден гөрі кураторлық тәсілге көбірек ұқсайды.
Палитра
Бейтарап
- Gallery Cream
#f5f6ee— Кенеп пен негіздің беті жылы кремді реңк болып табылады, ол таза ақ түске қарағанда глазурленген керамикаға жақсырақ сәйкес келеді. - Ink
#222222— Негізгі мәтін, жіңішке жиектер, карта контурлары, белгіше контурлары — бүкіл құрылымдық қаңқа осы қара түспен жасалған. - Bone
#ffffff— Өнімнің фондық суреттері, кейде ашықхат крем түсті кенептің алдына қойылатын төңкерілген беті бар. - Fog
#a1a19c— Басылған екінші реттік шекаралар және төмен басымдылықтағы мәтін - сия құрылымдық бөлгіш үшін тым қалың болған кезде қолданылады. - Lampblack
#000000— Бұл түс сирек толтырылған элементтерге (белсенді навигациялық фон, салмақтық бекіткіштер) арналған және сияның негізгі мәтін түсі болып қалуын қамтамасыз ету үшін сирек қолданылады.
Типография
11-ден 120 пиксельге дейін · 4 қадам
- TWK Lausanne — ауыстыру: Inter Tight or Neue Haas Grotesk Display Pro at matching weights · контурлар 300, 400, 500, 600, 700 · Микротегтерден бастап редакциялық типографияға дейін барлығына жарамды бірыңғай қаріп. Тақырыптар мен үлкен тақырыптар үшін 300 қалыңдық қолданылады (керамикалық әріптердің басым болуына мүмкіндік беретін жұқа Swiss sans serif), негізгі мәтін мен пайдаланушы интерфейсі үшін 400–500 және белсенді күйлер мен сүзгі белгілері үшін 600–700 қалыңдық. Ерекшелігі - әріптер арасындағы тығыз арақашықтық (тақырыптарда -0,04em, негізгі мәтінде -0,02em): таңбалар бір-біріне жақын орналастырылған, бұл тіпті 11 пиксельдік тақырыптарға стандартты таңбалардың жеңілдігінен гөрі тығыздық пен ойлылық сезімін береді.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | орташа |
| Негізгі қадам | 12px |
| Түйме радиусы | 8px |
| Карта радиусы | 12px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 80px |
Жасанды интеллект сіздің веб-сайтыңызды Palmer стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- AXEL ARIGATO — Axel Arigato – ашық қалалық фотоальбом. Беттер ақ редакциялық өрістер мен мұқият кесілген, әлеуметтік маңызды сән фотосуреттерінің тізбегі ретінде жасалған, ал беттер қара түсті ықшам жазулармен араласқан.
- Peak Design — Жартылай жарықтандырылған галерея қабырғасы
- Arsenijs Fabrica — Редакциялық мазмұнның ішкі сұлулығы галерея шамдарының астында көрінеді. Галереяның ақ қабырғалары, монохромды фонда қызғылт сары түспен жыпылықтаған жалғыз жылы стробоскопиялық шам, әйнектей жұқа қаріп және ақ кеңістіктің молдығы.
- 21 TSI — Қызыл бос орын, жалғыз силуэт – пайдаланушы интерфейсі атмосфераға сіңіп кететін жоғары сән редакциясы
- Aevi Wellness — Скандинавиялық дәріхана стилі, жеңіл қаріп. Көмескі сұр-көк түсті акцент редакциялық материалдың жалпы ахроматикалық, әуезді орналасуын бұзады, мұнда өнім фотосуреттері жылы ақ фонда жұқа жиектелген карталарға қабаттасып орналастырылған.
- PLATFORM — White Cube галереясы назарда
- Assembly Coffee London — Қараңғы қуыру цехындағы көмірлер. Жылы, күңгірт жарықтандырылған өнім фотосуреттері және курсивті сериф әріптері бар қара дерлік кенеп – түн ортасындағы самиздатпен басылған арнайы кофе мәзірінің сезімі.
- ARTWORLD — Ақ матадағы сән журналының тақырыбы
- Bose — Жағалаудағы дыбыс алаңы. Жел соққан жарнамалық сурет кадрды толтырады, ал айналасында ақ-қара науқан басқару элементтері дәл бөлшектер сияқты орналасқан.
- AVNIER — AVNYE – түнгі түсірілім орны. Ақ түсті түсірілім белгілері мен айқын тор сызықтары басқару бөлмесінің қара суреттерін кесіп өтеді.
- Structured — Пластилин тәрізді қағаздағы Ренессанс галереясы
- Airbnb — Маржан қызыл түсті бір бетбелгісі бар тыныш ақ галерея қабырғасы