Custo
Galerie v barvě dělového kovu s monolitickým písmem. Showroom v tlumených šedozelených tónech, kde jediný tmavý objekt a písmo o velikosti 57px mluví samy za sebe.
Custo funguje jako galerie průmyslových produktů: teplé metalické plátno slouží jako pozadí pro fyzický produkt, zatímco velkoformátová typografie slouží jako primární vizuální ozdoba. Systém je striktně achromatický – žádné chromatické barvy – což umožňuje tmavému eloxovanému letterboxu a geometrické gravitaci jediného bezpatkového písma vyjádřit celou osobnost značky. Každá obrazovka vyvažuje rozsáhlý bílý prostor s monumentálním typografickým prohlášením, přičemž logo značky se opakuje jako téměř architektonický prvek. Povrchy jsou ploché a matné; hloubka je vytvářena vlastní odrazivostí produktu, nikoli stíny nebo přechody.
Rozvržení stránky je vertikálně uspořádaná jednosloupcová struktura s maximální šířkou obsahu ~1280px, vycentrovaná v rámci zobrazovací oblasti. Hlavní prvek stránky zabírá celou šířku stránky, vykreslený v barvě Canvas Gunmetal #9ea29f od okraje k okraji, s fotografií poštovní schránky uprostřed vpravo a logem CUSTO® o velikosti 57px ukotveným u spodního okraje. Pod hlavním prvkem se střídají sekce: dvousloupcový textový blok (malý popisek vlevo, velký nadpis vpravo), následovaný horizontální mřížkou tří obrázkových karet produktů, poté dvousloupcovými řádky textu a obrázků, přičemž hlavní text se střídá na obou stranách. Mezery mezi sekcemi jsou široké 110px, což vytváří značný vertikální prostor pro dýchání. Navigace je tvořena jedinou průhlednou horní lištou, která se při posouvání mění v papírově bílou. Ikona CES je pevný, plovoucí prvek v pravém dolním rohu. Celkový rytmus je galerijní: několik prvků v každé sekci, velké písmo, široké mezery a fotografie produktu jako vizuální interpunkce mezi textovými proužky.
Fotografie jsou čistě produktovou fotografií poštovní schránky Custo, pořízenou ve třech režimech: portréty v celé délce na pozadí kovového rámu, lifestylové snímky demonstrující interakci člověka se zařízením a detailní záběry skenovacího rozhraní a LED kroužku. Všechny fotografie jsou provedeny v tlumených, vysoce kontrastních tónech, přičemž matně černá povrchová úprava schránky slouží jako vizuální kotva. Neobsahují žádné ilustrace, abstraktní grafiku ani fotobanky. Fotografie jsou umístěny na kartách o poloměru 8px nebo jsou použity na celou obrazovku za logem o poloměru 57px. Ikona CES je jediným vícebarevným obrázkem na celých webových stránkách.
Paleta
Neutrální
- Canvas Gunmetal
#9ea29f— Teplé šedozelené pozadí hlavní a tematické sekce odlišuje Custo od standardních bílých šablon SaaS a působí spíše jako architektonický beton než digitální povrch. - Obsidian
#000000— Text těla, tenké okraje, tahy ikon - inkoust s nejvyšším kontrastem v systému, používaný pro nadpisy a strukturální oddělovače. - Paper White
#ffffff— Obrázky na pozadí částí těla, invertovaný text na plátně z bronco oceli, text na tmavém pozadí produktové fotografie. - Anodized Graphite
#4b514d— Tmavý povrch pro produktovou fotografii, další nadpisy a trojrozměrný text odráží povrchovou úpravu poštovní schránky, takže uživatelské rozhraní a produkt jsou vyrobeny ze stejného materiálu. - Brushed Steel
#8e9194— Tlumený text, oddělovače seznamů a další obrysy ikon se nacházejí mezi barvami Paper White a Obsidian pro vložená metadata a diskrétní odkazy. - Linen Mist
#a7aaad— Světlá barva okraje a oddělovačů pro nadpisy a dělicí čáry je jemný odstín, který nikdy nekonkuruje strukturálním liniím barvy Obsidian.
Typografie
od 15 do 57 pixelů · 5 kroků
- PP Neue Montreal — nahrazení: Inter · obrysy 400 (Medium) · Pro vše od textu textu až po vysvětlující text se používá typografický systém s jednou rodinou znaků – charakteristickým znakem je geometrická jednotnost gramáže, která se vyhýbá použití jakýchkoli sekundárních nebo specifických fontů pro zobrazení, takže slovní značka „CUSTO®“ nastavená na 57px je chápána jako patřící do stejné typografické rodiny jako popisek vstupního pole formuláře o velikosti 15px.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | prostorný |
| Základní krok | 24px |
| Poloměr tlačítka | 31.35px (pill) for primary action; 8px for secondary |
| Poloměr karty | 8px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 110px |
| Šířka stránky | 1280px |
Umělá inteligence vám vytvoří web ve stylu Custo a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- 099 SUPPLY — Galerijní stěna plná černobílých objektů
- Specht Studio — Galerijní stěna plná decentní zvědavosti. Chromovaná povrchová úprava studia je bílá a nápisy černé; vizuální ohňostroj je zcela soustředěn v obkladech projektu.
- Structured — Renesanční galerie na papíře podobném plastelíně
- Airbnb — Tichá bílá galerijní stěna s jedinou korálově červenou záložkou
- VSCO — Monochromatická stěna galerie je výstavou černobílých fotografií, kde jediný teplý reflektor osvětluje následující děj.
- Apple (España) — Galerie muzea, zalitá měkkým denním světlem, je jediný, podmanivý, beztížný bílý prostor, kde každý exponát osvětluje bodové světlo na lehce tónované stěně.
- Peak Design — Galerijní stěna, částečně osvětlená
- Apple (España) — Výstavní síň Obsidian Gallery je tmavá, kde na černém pozadí září jediný titanový předmět.
- Apple (España) — bílá galerijní vitrína
- teenage engineering — Průmyslový katalog v oblasti studiového osvětlení - produkt je jediným významným objektem na stránce a vše ostatní se probírá kolem něj
- Apple (España) — Okno galerie v ranní mlze
- Apple (España) — Galerie Bílého muzea v poledne