Custo
Галерэя колеру зброевай сталі з маналітным шрыфтам. Выставачная зала ў прыглушаных шэра-зялёных танах, дзе адзіны цёмны аб'ект і шрыфт 57px гавораць самі за сябе
Custo функцыянуе як галерэя прамысловых тавараў: цёплае металічнае палатно служыць фонам для фізічнага прадукта, а буйнафарматны друкарскі надпіс — асноўным візуальным упрыгожваннем. Сістэма строга ахраматычна - ніякіх храматычных колераў - дазваляючы цёмнай анадаванай паштовай скрыні і геаметрычнай цяжкасці аднаго шрыфта без засечак перадаваць усю індывідуальнасць брэнда. Кожны экран ураўнаважвае шырокую пустую прастору з манументальнай друкарскай заявай, пры гэтым фірмовы знак паўтараецца як амаль архітэктурны элемент. Паверхні плоскія і матавыя; глыбіня ствараецца за кошт уласнай адбівальнай здольнасці прадукта, а не за кошт ценяў або градыентаў.
Мадэль старонкі ўяўляе сабой вертыкальна размешчаную аднакалонкавую структуру з максімальнай шырынёй кантэнту ~1280px, цэнтраваную ў вобласці прагляду. Галоўны элемент старонкі займае ўсю шырыню старонкі, выкананы ў колеры Canvas Gunmetal #9ea29f ад краю да краю, з фатаграфіяй паштовай скрыні, размешчанай па цэнтры справа, і лагатыпам 57px CUSTO®, які замацоўвае ніжні край. Пад галоўным элементам чаргуюцца раздзелы: двухкалонкавы тэкставы блок (невялікі подпіс злева, вялікі загаловак справа), за якім ідзе гарызантальная сетка з трох картак з выявамі тавараў, затым двухкалонкавыя радкі тэксту і малюнкаў, дзе асноўны тэкст чаргуецца па баках. Прамежкі паміж часткамі складаюць 110px, ствараючы значную вертыкальную прастору для «дыхання». Навігацыя ўяўляе сабой адзіную празрыстую верхнюю панэль, якая пры пракрутцы становіцца Paper белай. Значок CES - гэта фіксаваны плавае элемент у правым ніжнім куце. Агульны рытм нагадвае галерэю: мала элементаў у кожным раздзеле, буйны шрыфт, шырокія прамежкі і фатаграфія тавару ў якасці візуальнага знака прыпынку паміж тэкставымі палосамі.
Выявы ўяўляюць сабой выключна прадметную фотаздымку паштовай скрыні Custo, выкананую ў трох рэжымах: партрэт у поўны рост на фоне металічнага корпуса, здымкі ў стылі лайфстайл, якія дэманструюць узаемадзеянне чалавека з прыладай, і буйныя планы інтэрфейсу сканавання і святлодыёднага кольца. Усе фатаграфіі выкананы ў прыглушаных, высокакантрасных танах, а матавае чорнае аздабленне паштовай скрыні служыць візуальным якарам. Ніякіх ілюстрацый, абстрактнай графікі, сцёкавых фатаграфій. Фатаграфіі размешчаны на картках радыусам 8px або выкарыстоўваюцца ў поўнаэкранным рэжыме за лагатыпам 57px. Значок CES - адзіная шматколерная выява на ўсім сайце.
Палітра
Нейтральныя
- Canvas Gunmetal
#9ea29f— Фон галоўнага і тэматычнага частак - цёплае шэра-зялёнае адценне адрознівае Custo ад стандартных белых шаблонаў SaaS і ўспрымаецца хутчэй як архітэктурны бетон, чым як лічбавая паверхня. - Obsidian
#000000— Асноўны тэкст, тонкія межы, рыскі абразкоў - самыя кантрасныя чарнілы ў сістэме, выкарыстоўваныя для загалоўкаў і структурных падзельнікаў. - Paper White
#ffffff— Фонавыя выявы частак цела, інвертаваны тэкст на палатне колеру зброевай сталі, тэкст на цёмным фоне прадметнай фатаграфіі. - Anodized Graphite
#4b514d— Цёмная паверхня для прадметнай фотаздымкі, дадатковых загалоўкаў і аб'ёмнага тэксту - перагукаецца з аздабленнем паштовай скрыні, таму карыстацкі інтэрфейс і прадукт выкананы з аднаго матэрыялу. - Brushed Steel
#8e9194— Прыглушаны асноўны тэкст, падзельнікі спісаў, дадатковыя контуры значкоў - размешчаны паміж кветкамі Paper White і Obsidian для ўбудаваных метададзеных і някідкіх спасылак. - Linen Mist
#a7aaad— Светлы колер рамкі і падзельнікаў для загалоўкаў і раздзяляльных ліній - ледзь прыкметнае адценне, які ніколі не канкуруе са структурнымі лініямі колеру «Абсідыян».
Друкарня
ад 15 да 57px · 5 прыступак
- PP Neue Montreal — замена: Inter · напісання 400 (Medium) · Аднасямейная друкарская сістэма выкарыстоўваецца для ўсяго, ад асноўнага тэксту да тлумачальных надпісаў - геаметрычная аднастайнасць па таўшчыні з'яўляецца адметнай рысай, якая дазваляе пазбегнуць выкарыстання якіх-небудзь другасных або спецыфічных для адлюстравання шрыфтоў, таму слоўны знак «CUSTO®», усталяваны на ўзроўні 57px, чытаецца як належыць формы 15px.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | прасторная |
| Базавы крок | 24px |
| Радыус кнопак | 31.35px (pill) for primary action; 8px for secondary |
| Радыус картак | 8px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 110px |
| Шырыня старонкі | 1280px |
ІІ збярэ ваш сайт у стылі Custo і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- 099 SUPPLY — Сцяна галерэі, запоўненая чорна-белымі аб'ектамі
- Specht Studio — Галерэйная сцяна, напоўненая стрыманай цікаўнасцю. Уласнае храмаванае аздабленне студыі – гэта белая плоскасць і чорны шрыфт; візуальны феерверк цалкам засяроджаны ўнутры праектнай пліткі
- Structured — Галерэя эпохі Адраджэння на паперы, якая нагадвае пластылін
- Airbnb — Ціхая белая сцяна галерэі з адной каралава-чырвонай закладкай
- VSCO — Манахромная сцяна галерэі – выстава чорна-белых фатаграфій, дзе адзіны цёплы пражэктар асвятляе наступнае дзеянне
- Apple (España) — Музейная галерэя ў мяккім дзённым святле - гэта адзінае, захапляльнае, бязважкае белае памяшканне, дзе кожны экспанат падсветлены кропкавым промнем на фоне злёгку таніраванай сцяны.
- Peak Design — Сцяна галерэі, часткова асветленая
- Apple (España) — Вітрына абсідыянавай галерэі — цёмная выставачная зала, дзе адзіны тытанавы аб'ект свеціцца на фоне абсалютна чорнага колеру.
- Apple (España) — белая вітрына галерэі
- teenage engineering — Прамысловы каталог у студыйным асвятленні - прадукт з'яўляецца адзіным значным аб'ектам на старонцы, а ўсё астатняе абмяркоўваецца вакол
- Apple (España) — Галерэйная вітрына ў ранішнім тумане
- Apple (España) — Белая музейная галерэя апоўдні