Custo
Галерија боје оружја са монолитним фонтом. Изложбени салон у пригушеним сиво-зеленим тоновима, где један тамни објекат и фонт величине 57px говоре сами за себе.
Кусто функционише као галерија индустријских производа: топло метално платно служи као позадина за физички производ, док типографија великог формата служи као примарни визуелни украс. Систем је строго ахроматски — без хроматских боја — што омогућава тамном анодизованом поштанском оквиру и геометријској гравитацији једног бессерифног фонта да пренесу целу личност бренда. Сваки екран балансира пространи бели простор са монументалном типографском изјавом, са знаком бренда који се понавља као готово архитектонски елемент. Површине су равне и мат; дубина се ствара кроз сопствену рефлективност производа, а не кроз сенке или градијенте.
Распоред странице је вертикално распоређена структура са једном колоном и максималном ширином садржаја од ~1280 пиксела, центрирана унутар приказног дела. Главни елемент странице обухвата целу ширину странице, приказан у Canvas Gunmetal #9ea29f од ивице до ивице, са фотографијом поштанског сандучета центрираном са десне стране и CUSTO® логотипом од 57 пиксела који се налази на доњој ивици. Испод главног елемента, одељци се смењују: блок текста са две колоне (мали натпис са леве стране, велики наслов са десне стране), затим следи хоризонтална мрежа од три картице са сликама производа, затим редови текста и слика са две колоне, при чему се главни текст смењује са обе стране. Олуци између одељака су 110 пиксела, стварајући значајан вертикални простор за дисање. Навигација је једна провидна горња трака која бледи у 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— Светла боја ивице и разделника за наслове и линије раздвајања је суптилна нијанса која никада не конкурише структурним линијама боје Обсидијан.
Типографија
од 15 до 57 пиксела · 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) — Галерија Белог музеја у подне