Custo
Галерия в цвят оръжеен метал с монолитен шрифт. Шоурум в приглушени сиво-зелени тонове, където един-единствен тъмен обект и шрифт с размер 57px говорят сами за себе си.
Custo функционира като галерия от индустриални продукти: топло метално платно служи като фон за физическия продукт, докато широкоформатната типография е основното визуално украшение. Системата е строго ахроматична - без хроматични цветове - което позволява на тъмната анодизирана пощенска кутия и геометричната гравитация на един безсерифен шрифт да предадат цялата индивидуалност на марката. Всеки екран балансира обширно бяло пространство с монументално типографско изявление, като логото на марката се повтаря като почти архитектурен елемент. Повърхностите са плоски и матови; дълбочината се създава чрез собствената отразяваща способност на продукта, а не чрез сенки или градиенти.
Оформлението на страницата е вертикално разположена структура с една колона с максимална ширина на съдържанието от ~1280px, центрирана в рамките на viewport-а. Главният елемент на страницата обхваща цялата ширина на страницата, рендиран в Canvas Gunmetal #9ea29f от край до край, със снимка на пощенска кутия, центрирана вдясно, и 57px лого на CUSTO®, закрепено в долния ръб. Под главния елемент се редуват секции: двуколонен текстов блок (малък надпис отляво, голямо заглавие отдясно), последван от хоризонтална мрежа от три карти с изображения на продукти, след това двуколонени редове текст и изображения, като основният текст се редува от двете страни. Междинните линии между секциите са 110px, създавайки значително вертикално пространство за дишане. Навигацията е единична прозрачна горна лента, която избледнява до Paper White при превъртане. Иконата на CES е фиксиран, плаващ елемент в долния десен ъгъл. Общият ритъм е подобен на галерия: малко елементи във всяка секция, голям шрифт, широки интервали и снимка на продукта като визуална пунктуация между текстовите ленти.
Изображенията са чисто продуктова фотография на пощенската кутия Custo, заснета в три режима: портрети в цял ръст на фона на металната рамка, лайфстайл снимки, демонстриращи човешко взаимодействие с устройството, и близки планове на сканиращия интерфейс и LED пръстена. Всички снимки са изпълнени в приглушени, висококонтрастни тонове, като матовото черно покритие на пощенската кутия служи като визуална котва. Няма илюстрации, абстрактни графики или стокови снимки. Снимките са поставени на карти с радиус 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— Светлият цвят на рамката и разделителите за заглавия и разделителни линии е фин нюанс, който никога не се конкурира със структурните линии на цвета Obsidian.
Типография
от 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) — Галерията на Белия музей по обяд