COS
модная галерэя з белымі сценамі
COS выкарыстоўвае візуальную граматыку сучаснай мастацкай галерэі: вялізныя белыя сцены, буйнафарматныя манахромныя фатаграфіі і друкарка, якая не замінае мадэлі. Інтэрфейс практычна бясколерны - ахраматычны - выкарыстоўвае амаль чорны (#080808) на чыста белым (#ffffff) у якасці адзінага структурнага кантрасту, з адзіным чырвоным (#c80000), пакінутым у якасці ледзь прыкметнага акцэнту для момантаў, якія павінны адчувацца тэрмінова, але не крычаць. Інтэрвалы вялікія і адпавядаюць рэдакцыйнаму стылю, водступы частак дасягаюць 135px, а кампаненты раствараюцца на старонцы: тонкія межы на #dadada, без ценяў, без градыентаў, без закругленых кутоў. Друкарня (SuisseIntl) - адзіны арнамент - адзінае гратэскавае сямейства шрыфтоў, якое застаецца нязменным ад 12px мікра-пазнак да 35px апісанняў катэгорый, злёгку ссоўваючыся ў бок пазітыву, каб нагадваць друкаваныя таблічкі галерэі.
Мадэль старонкі з поўным запаўненнем - палатно распасціраецца ад краю да краю без кантэйнера максімальнай шырыні, а кантэнт замацоўваецца за кошт падзелу малюнкаў і пустой прасторы, а не цэнтраванай калонкі. Герой уяўляе сабой вертыкальны падзел 50/50 двух поўнапамерных рэдакцыйных партрэтаў, настолькі дамінуючы, што ён служыць структурнай візітнай карткай брэнда. Пад героем раздзелы чаргуюцца паміж тэкставымі блокамі на белым фоне (цэнтраванымі, у адну калонку) і дадатковымі выявамі з поўным запаўненнем. Вертыкальны рытм прасторны: водступы паміж раздзеламі ствараюць адчуванне прастору паміж палосамі, як на музейнай сцяне. Навігацыя ўяўляе сабой адну тонкую белую паласу з цэнтраваным лагатыпам і выраўнаваным па правым краі селектарам лакалі няма гарызантальнай панэлі катэгорый, няма мега-меню, бачнага галоўным чынам фрэйме. Шчыльнасць інфармацыі нізкая: адно зацвярджэнне на раздзел, адна выява на ідэю.
На старонцы дамінуюць буйнафарматныя рэдакцыйныя фэшн-фатаграфіі - партрэты ва ўсю шырыню старонкі і здымкі мадэляў у тры чвэрці росту пры кантраляваным студыйным асвятленні, пераважна нейтральным і прыглушаным з выкарыстаннем цёплых тонаў. Выявы ўяўляюць сабой шчыльныя кадры, якія запаўняюць прастору ад краю да краю без закругленых кутоў, дэкаратыўных масак і накладзеных рамак. Фірмовым прыёмам з'яўляецца рамка "два партрэты побач" (MUJER / HOMBRE): два аднолькава важных партрэта, размешчаных побач, кожны з якіх забяспечаны адной пазнакай катэгорыі ў левым ніжнім куце. Фатаграфіі аформлены як галерэйныя адбіткі - аб'ект на першым месцы, кантэкст адсутнічае, чалавечы маштаб, манахромная гама. Ніякіх сцэн з жыцця, ніякага рэквізіту, ніякіх тэкстурных фонавым.
Палітра
Нейтральныя
- Canvas White
#ffffff— Лёгкая апорная паверхня для стварэння ненадакучлівага фону і падзелу раздзелаў. Не варта вылучаць яе як асноўны колер закліку да дзеяння. - Ink Black
#080808— Асноўны тэкст, значкі, спасылкі, тып навігацыі, межы кнопак, лагатып, тэкст ніжняга калантытула - мякчэйшы, чым чыста чорны, каб фатаграфіі не выглядалі на яго фоне занадта выразнымі. - True Black
#000000— Накладанне асноўнага тэксту на цёмныя выявы, асноўны тэкст, надпісы на кнопках - абсалютна чорны колер выкарыстоўваецца толькі для найбольш кантрасных друкарскіх элементаў. - Mist Gray
#dadada— Тонкія межы, падкрэсліванне палёў уводу, ледзь прыкметныя падзельнікі, контуры ў адключаным стане - самае ціхае нейтральнае адценне, бачны толькі па тым, што ён падзяляе. - Signal Red
#c80000— Чырвоны колер служыць дадатковым акцэнтам для дэкаратыўных дэталяў і падкрэсліванні нізкіх частот.
Друкарня
ад 12 да 35px · 3 прыступак
- SuisseIntl — замена: Neue Haas Grotesk Display · напісання 400, 500, 700 · Адзіны шрыфт на ўсім інтэрфейсе - выкарыстоўваецца для навігацыі, асноўнага тэксту, загалоўкаў, кнопак і апісання тавараў. Станоўчы міжлітарны інтэрвал (0,01-0.04em) незвычайны для экраннага шрыфта і ўзмацняе адчуванне друкаванага каталога; таўшчыня 700 зарэзерваваная для апісання катэгорый, 500 - для навігацыі і кнопак, 400 - для ўсяго астатняга. Фірмовы стыль - выкарыстанне аднаго сямейства шрыфтоў і вельмі маленькі дыяпазон памераў (12-35px) - шрыфт ніколі не крычыць.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | прасторная |
| Базавы крок | 8px |
| Радыус кнопак | 0px |
| Радыус картак | 0px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 135px |
ІІ збярэ ваш сайт у стылі COS і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Airbnb — Ціхая белая сцяна галерэі з адной каралава-чырвонай закладкай
- Apple (España) — белая вітрына галерэі
- Silencio — Белы пакой з парылымі артэфактамі. Галерэйная вітрына з цёплай паперы, дзе кожны элемент займае сваё месца на фоне негатыўнага аб'ёму, а цішыня з'яўляецца наўмысным дызайнерскім рашэннем
- Oakâme — Залітая сонцам правансальская майстэрня, высечаная з цёплага каменя
- Nike — Манахромная галерэя спартыўных дасягненняў - белыя сцены, прадукт як твор мастацтва, хром, раствораны ў фоне
- Arc — індустрыяльная белая галерэя над паўночнай вадой
- Rivian — Электрычны маналіт на бетоннай сцяне галерэі. Rivian уяўляе кожны аўтамабіль як скульптуру на фоне велізарнай белай прасторы, з друкаркай настолькі буйнай, што яна становіцца архітэктурным элементам, і адным цёплым жоўтым колерам, які парушае манахромнасць, падобна сонечнаму святлу на матавай паверхні.
- Analogue — Чорная галерэйная вітрына - тавары параць у пустаце
- ddna — цёплая музейная вітрына на неапрацаваным ільняным палатне
- Zellerfeld — Майстэрня скульптара на белым мармуры - маналітныя паверхні пастамента, адзіная іскра кобальту, шэпт маленькіх літар ад падлогі да столі.
- UY Studio — Манастырская каменная галерэя - ціхая прастора з бетоннымі сценамі, дзе на белых пастаментах стаяць флаконы з духамі, асветленыя адной свяцільняй магутнасцю 400 Вт і чатырма цёплымі шэрымі лямпамі.
- Basic.Space — куратарская галерэя на белым мармуры