Custo
Galerija boje bronce s monolitnim fontom. Izložbeni prostor u prigušenim sivo-zelenim tonovima, gdje jedan tamni objekt i font od 57px govore sami za sebe.
Custo funkcionira kao galerija industrijskih proizvoda: toplo metalno platno služi kao pozadina za fizički proizvod, dok tipografija velikog formata služi kao primarni vizualni ukras. Sustav je strogo akromatski - bez kromatskih boja - što omogućuje tamnom eloksiranom letterboxu i geometrijskoj gravitaciji jednog sans-serif fonta da prenesu cijelu osobnost brenda. Svaki ekran uravnotežuje prostrani bijeli prostor s monumentalnom tipografskom izjavom, s oznakom brenda ponovljenim kao gotovo arhitektonski element. Površine su ravne i mat; dubina se stvara vlastitom reflektivnošću proizvoda, a ne sjenama ili gradijentima.
Izgled stranice je vertikalno raspoređena struktura s jednim stupcem i maksimalnom širinom sadržaja od ~1280px, centriran unutar prikaza. Glavni element stranice proteže se cijelom širinom stranice, prikazan u Canvas Gunmetal #9ea29f od ruba do ruba, s fotografijom poštanskog sandučića centriranom s desne strane i logotipom CUSTO® od 57px koji se usidrava na donjem rubu. Ispod glavnog elementa, odjeljci se izmjenjuju: blok teksta u dva stupca (mali natpis s lijeve strane, veliki naslov s desne strane), nakon čega slijedi horizontalna mreža od tri kartice sa slikama proizvoda, zatim retci teksta i slika u dva stupca, s glavnim tekstom koji se izmjenjuje s obje strane. Ograničenja između odjeljaka su 110px, stvarajući značajan vertikalni prostor za disanje. Navigacija je jedna prozirna gornja traka koja se pomiče u boju papira dok se pomičete. Ikona CES-a je fiksni, plutajući element u donjem desnom kutu. Opći ritam je poput galerije: nekoliko elemenata u svakom odjeljku, veliki font, široki razmaci i fotografija proizvoda kao vizualna interpunkcija između tekstualnih traka.
Slike su isključivo fotografije proizvoda Custo poštanskog sandučića, snimljene u tri načina: portreti u punoj veličini uz metalni okvir, lifestyle snimke koje prikazuju ljudsku interakciju s uređajem te krupni planovi sučelja za skeniranje i LED prstena. Sve fotografije su izvedene u prigušenim, visokokontrastnim tonovima, s mat crnom završnom obradom poštanskog sandučića kao vizualnim sidrom. Nema ilustracija, apstraktne grafike ili fotografija. Fotografije su postavljene na kartice radijusa 8px ili se koriste preko cijelog zaslona iza logotipa od 57px. Ikona CES-a jedina je višebojna slika na cijeloj web stranici.
Paleta
Neutralno
- Canvas Gunmetal
#9ea29f— Topla sivo-zelena pozadina glavnog i tematskog dijela razlikuje Custo od standardnih bijelih SaaS predložaka i više nalikuje arhitektonskom betonu nego digitalnoj površini. - Obsidian
#000000— Tijelo teksta, tanki obrubi, potezi ikona - tinta s najvećim kontrastom u sustavu, koristi se za naslove i strukturne razdjelnike. - Paper White
#ffffff— Pozadinske slike dijelova tijela, invertirani tekst na platnu boje bronce, tekst na tamnoj pozadini fotografije proizvoda. - Anodized Graphite
#4b514d— Tamna površina za fotografije proizvoda, dodatne naslove i trodimenzionalni tekst odražava završnu obradu poštanskog sandučića, tako da su korisničko sučelje i proizvod izrađeni od istog materijala. - Brushed Steel
#8e9194— Prigušeni tekst tijela, razdjelnici popisa i dodatni obrisi ikona nalaze se između Paper White i Obsidian za ugrađene metapodatke i diskretne poveznice. - Linen Mist
#a7aaad— Svijetla boja obruba i razdjelnika za naslove i razdjelne linije je suptilna nijansa koja se nikada ne natječe sa strukturnim linijama boje Obsidian.
Tipografija
od 15 do 57px · 5 koraka
- PP Neue Montreal — zamjena: Inter · obrisi 400 (Medium) · Za sve, od teksta tijela do objašnjenja, koristi se tipografski sustav jedne obitelji - geometrijska ujednačenost debljine je zaštitni znak, izbjegavajući upotrebu bilo kakvih sekundarnih ili fontova specifičnih za prikaz, pa se oznaka riječi 'CUSTO®' postavljena na 57px čita kao da pripada istoj tipografskoj obitelji kao i oznaka polja za unos obrasca od 15px.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 24px |
| Radijus gumba | 31.35px (pill) for primary action; 8px for secondary |
| Radijus kartice | 8px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 110px |
| Širina stranice | 1280px |
Umjetna inteligencija će izraditi vašu web stranicu u Custo stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- 099 SUPPLY — Zid galerije ispunjen crno-bijelim predmetima
- Specht Studio — Galerijski zid ispunjen diskretnom znatiželjom. Kromirana završna obrada studija je bijela površina s crnim slovima; vizualni vatromet je u potpunosti koncentriran unutar pločica projekta.
- Structured — Renesansna galerija na papiru sličnom plastelinu
- Airbnb — Tihi bijeli galerijski zid s jednom koraljnocrvenom oznakom stranice
- VSCO — Monokromatski zid galerije je izložba crno-bijelih fotografija, gdje jedan topli reflektor osvjetljava sljedeću radnju.
- Apple (España) — Muzejska galerija, u mekom dnevnom svjetlu, jedinstven je, očaravajući, bestežinski bijeli prostor, a svaki je eksponat osvijetljen reflektorom naspram lagano zatamnjenog zida.
- Peak Design — Zid galerije, djelomično osvijetljen
- Apple (España) — Izložbeni prostor galerije Obsidian je mračna izložbena dvorana u kojoj jedan titanski predmet svijetli na crnoj pozadini.
- Apple (España) — bijela galerijska vitrina
- teenage engineering — Industrijski katalog studijske rasvjete - proizvod je jedini značajan objekt na stranici, a sve ostalo se raspravlja oko njega
- Apple (España) — Prozor galerije u jutarnjoj magli
- Apple (España) — Galerija Bijelog muzeja u podne