Custo
Galéria v bronco-farbe s monolitickým písmom. Výstavná sieň v tlmených sivozelených tónoch, kde jeden tmavý objekt a písmo s veľkosťou 57px hovoria samy za seba.
Custo funguje ako galéria priemyselných produktov: teplé metalické plátno slúži ako pozadie pre fyzický produkt, zatiaľ čo veľkoformátová typografia slúži ako primárna vizuálna ozdoba. Systém je prísne achromatický – žiadne chromatické farby – čo umožňuje tmavému eloxovanému letterboxu a geometrickej gravitácii jediného bezpätkového písma vyjadriť celú osobnosť značky. Každá obrazovka vyvažuje rozsiahly biely priestor s monumentálnym typografickým vyhlásením, pričom logo značky sa opakuje ako takmer architektonický prvok. Povrchy sú ploché a matné; hĺbka je vytvorená vlastnou odrazivosťou produktu, nie tieňmi alebo prechodmi.
Rozloženie stránky je vertikálne usporiadaná jednostĺpcová štruktúra s maximálnou šírkou obsahu ~1280px, vycentrovaná v rámci výrezu. Hlavný prvok stránky zaberá celú šírku stránky, vykreslený v plátne Canvas Gunmetal #9ea29f od okraja po okraj, s fotografiou poštovej schránky v strede vpravo a 57px logom CUSTO® ukotveným pri spodnom okraji. Pod hlavným prvkom sa striedajú sekcie: dvojstĺpcový textový blok (malý popisok vľavo, veľký názov vpravo), za ktorým nasleduje horizontálna mriežka s tromi obrázkami produktov, potom dvojstĺpcové riadky textu a obrázkov, pričom hlavný text sa strieda na oboch stranách. Odstupy medzi sekciami majú 110px, čo vytvára značný vertikálny priestor. Navigácia tvorí jeden priehľadný horný panel, ktorý sa pri posúvaní zmení na papierovo bielu. Ikona CES je pevný, plávajúci prvok v pravom dolnom rohu. Celkový rytmus je podobný galérii: niekoľko prvkov v každej sekcii, veľké písmo, široké medzery a fotografia produktu ako vizuálna interpunkcia medzi textovými pásmi.
Fotografie sú čisto produktovou fotografiou poštovej schránky Custo, nasnímanou v troch režimoch: portréty v plnej výške na pozadí kovového rámu, lifestylové zábery demonštrujúce ľudskú interakciu so zariadením a detailné zábery skenovacieho rozhrania a LED krúžku. Všetky fotografie sú vyhotovené v tlmených tónoch s vysokým kontrastom, pričom matná čierna povrchová úprava poštovej schránky slúži ako vizuálna kotva. Neobsahujú žiadne ilustrácie, abstraktnú grafiku ani fotografie z fotobanky. Fotografie sú umiestnené na kartách s polomerom 8px alebo sú použité na celú obrazovku za logom s rozmermi 57px. Ikona CES je jediným viacfarebným obrázkom na celej webovej stránke.
Paleta
Neutrálny
- Canvas Gunmetal
#9ea29f— Teplé sivozelené pozadie hlavnej a tematickej sekcie odlišuje Custo od štandardných bielych SaaS šablón a pôsobí skôr ako architektonický betón než digitálny povrch. - Obsidian
#000000— Hlavný text, tenké okraje, ťahy ikon - atrament s najvyšším kontrastom v systéme, používaný pre nadpisy a štrukturálne oddeľovače. - Paper White
#ffffff— Obrázky častí tela na pozadí, invertovaný text na plátne z bronzu, text na tmavom pozadí produktovej fotografie. - Anodized Graphite
#4b514d— Tmavý povrch pre produktovú fotografiu, ďalšie nadpisy a trojrozmerný text pripomína povrchovú úpravu poštovej schránky, takže používateľské rozhranie a produkt sú vyrobené z rovnakého materiálu. - Brushed Steel
#8e9194— Tlmený text tela, oddeľovače zoznamov a ďalšie obrysy ikon sa nachádzajú medzi farbami Paper White a Obsidian pre vložené metadáta a diskrétne odkazy. - Linen Mist
#a7aaad— Svetlá farba okraja a oddeľovačov pre nadpisy a deliace čiary je jemný odtieň, ktorý nikdy nekonkuruje štrukturálnym čiaram farby Obsidian.
Typografia
od 15 do 57px · 5 krokov
- PP Neue Montreal — náhrada: Inter · obrysy 400 (Medium) · Od textu až po vysvetľujúci text sa používa typografický systém jednej rodiny – charakteristickým znakom je geometrická jednotnosť hrúbky, pričom sa vyhýba použitiu akýchkoľvek sekundárnych alebo špecifických fontov, takže slovná značka „CUSTO®“ nastavená na 57px sa číta ako patriaca do rovnakej typografickej rodiny ako popis vstupného poľa formulára s veľkosťou 15px.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priestranný |
| Základný krok | 24px |
| Polomer tlačidla | 31.35px (pill) for primary action; 8px for secondary |
| Polomer karty | 8px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 110px |
| Šírka stránky | 1280px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Custo a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- 099 SUPPLY — Stena galérie plná čiernobielych predmetov
- Specht Studio — Galériová stena naplnená decentnou zvedavosťou. Chrómová povrchová úprava štúdia je biela a čierne písmo; vizuálny ohňostroj je úplne sústredený v rámci projektu.
- Structured — Renesančná galéria na papieri podobnom plastelíne
- Airbnb — Tichá biela galerijná stena s jedinou koralovo červenou záložkou
- VSCO — Monochromatická stena galérie je výstavou čiernobielych fotografií, kde jediný teplý reflektor osvetľuje nasledujúci dej.
- Apple (España) — Galéria múzea, zaliata jemným denným svetlom, je jediný, podmanivý, beztiažový biely priestor, pričom každý exponát je osvetlený bodovým svetlom na jemne tónovanej stene.
- Peak Design — Galériová stena, čiastočne osvetlená
- Apple (España) — Výstavná sieň Obsidian Gallery je tmavá, kde na čiernom pozadí svieti jediný titánový predmet.
- Apple (España) — biela vitrína na galériu
- teenage engineering — Priemyselný katalóg v štúdiovom osvetlení - produkt je jediným významným objektom na stránke a všetko ostatné sa rozoberá okolo neho
- Apple (España) — Okno galérie v rannej hmle
- Apple (España) — Galéria Bieleho múzea na poludnie