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. Sistem je strogo ahromatski - bez hromatskih boja - što omogućava tamnom anodiziranom poštanskom sandučiću i geometrijskoj gravitaciji jednog sans-serif fonta da prenesu cjelokupnu osobnost brenda. Svaki ekran uravnotežuje prostrani bijeli prostor s monumentalnom tipografskom izjavom, pri čemu se znak brenda ponavlja kao gotovo arhitektonski element. Površine su ravne i mat; dubina se stvara kroz vlastitu reflektivnost proizvoda, a ne kroz sjene ili gradijente.
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 CUSTO® logotipom od 57px koji se usidrava na donjoj ivici. 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 redovi 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 pretvara u Paper White dok skrolujete. Ikona CES-a je fiksni, plutajući element u donjem desnom kutu. Ukupni ritam je nalik galeriji: 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 snimci koji prikazuju ljudsku interakciju s uređajem i krupni planovi interfejsa 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 ekrana iza logotipa od 57px. Ikona CES-a je jedina 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 podsjeća na arhitektonski beton nego na digitalnu površinu. - Obsidian
#000000— Tekst u tijelu, tanke ivice, potezi ikona - tinta s najvećim kontrastom u sistemu, 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čki interfejs i proizvod izrađeni od istog materijala. - Brushed Steel
#8e9194— Prigušeni tekst tijela, razdjelnici lista i dodatni obrisi ikona nalaze se između Paper White i Obsidian boja za ugrađene metapodatke i diskretne linkove. - Linen Mist
#a7aaad— Svijetla boja obruba i razdjelnika za naslove i linije razdjelnice je suptilna nijansa koja se nikada ne takmiči sa strukturnim linijama boje Obsidian.
Tipografija
od 15 do 57px · 5 koraka
- PP Neue Montreal — zamjena: Inter · obrisi 400 (Medium) · Za sve, od teksta do objašnjenja, koristi se tipografski sistem jedne porodice slova - geometrijska ujednačenost debljine je glavna karakteristika, izbjegavajući upotrebu bilo kakvih sekundarnih ili fontova specifičnih za prikaz, tako da se oznaka riječi 'CUSTO®' postavljena na 57px čita kao da pripada istoj tipografskoj porodici kao i oznaka polja za unos obrasca od 15px.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 24px |
| Radijus dugmeta | 31.35px (pill) for primary action; 8px for secondary |
| Radijus kartice | 8px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 110px |
| Širina stranice | 1280px |
Vještačka inteligencija će izgraditi vašu web stranicu u Custo stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage 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 koraljno crvenom oznakom stranice
- VSCO — Monohromatski zid galerije je izložba crno-bijelih fotografija, gdje jedan topli reflektor osvjetljava sljedeću radnju.
- Apple (España) — Muzejska galerija, okupana blagim dnevnim svjetlom, predstavlja jedinstven, očaravajući, bestežinski bijeli prostor, gdje svaki eksponat osvijetli reflektor naspram lagano zatamnjenog zida.
- Peak Design — Zid galerije, djelomično osvijetljen
- Apple (España) — Izložbeni prostor galerije Obsidian je mračna dvorana u kojoj jedan titanijumski predmet svijetli na crnoj pozadini.
- Apple (España) — bijela vitrina za galeriju
- 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