Custo
Egy fegyverszürke színű galéria monolitikus betűtípussal. Egy visszafogott szürkészöld tónusú bemutatóterem, ahol egyetlen sötét tárgy és az 57px-es betűtípus magáért beszél.
A Custo ipari termékek galériájaként funkcionál: egy meleg, fémes vászon szolgál hátterül a fizikai terméknek, míg a nagyméretű tipográfia az elsődleges vizuális díszítés. A rendszer szigorúan akromatikus – kromatikus színek nélkül –, lehetővé téve, hogy a sötét eloxált postaláda és az egyetlen sans-serif betűtípus geometriai gravitációja közvetítse a márka teljes személyiségét. Minden képernyő egyensúlyt teremt a tágas fehér tér és a monumentális tipográfiai kijelentés között, a márkajelzés szinte építészeti elemként ismétlődik. A felületek sík és matt; a mélységet a termék saját fényvisszaverő képessége hozza létre, nem pedig árnyékok vagy színátmenetek.
Az oldal elrendezése egy függőlegesen elrendezett, egyhasábos struktúra, maximális tartalomszélességgel ~1280 képpont, a nézetablak közepére igazítva. A fő oldalelem az oldal teljes szélességét kitölti, széltől szélig érő Canvas Gunmetal #9ea29f színben renderelve, jobb oldalon középen egy postaláda fotójával, az alsó szélén pedig egy 57 képpontos CUSTO® logóval. A fő elem alatt a szakaszok váltakoznak: egy kéthasábos szövegblokk (kis felirat bal oldalon, nagy cím jobb oldalon), majd három termékképből álló vízszintes rács, majd kéthasábos szöveg- és képsorok, a fő szöveg pedig mindkét oldalon váltakozik. A szakaszok közötti kötésmargók 110 képpontosak, ami jelentős függőleges teret biztosít. A navigáció egyetlen átlátszó felső sáv, amely görgetés közben papírfehérre halványul. A CES ikon egy rögzített, lebegő elem a jobb alsó sarokban. Az általános ritmus galériaszerű: kevés elem minden szakaszban, nagy betűméret, széles szóközök és egy termékfotó vizuális írásjelként a szövegcsíkok között.
A képek tisztán termékfotók a Custo postaládáról, háromféle módban készítve: teljes alakos portrék a fémkeret előtt, életstílusfotók, amelyek az emberi interakciót mutatják be az eszközzel, valamint közeli felvételek a szkennelési felületről és a LED-gyűrűről. Minden fénykép tompa, nagy kontrasztú tónusokkal készült, a postaláda matt fekete felülete vizuális horgonyként szolgál. Nincsenek illusztrációk, absztrakt grafikák vagy stock fotók. A fényképek 8 képpontos sugarú kártyákon jelennek meg, vagy teljes képernyőn jelennek meg az 57 képpontos logó mögött. A CES ikon az egyetlen többszínű kép a teljes weboldalon.
Paletta
Semleges
- Canvas Gunmetal
#9ea29f— A fő és a téma részek meleg szürkészöld háttere megkülönbözteti a Custo-t a szokásos fehér SaaS-sablonoktól, és inkább építészeti betonra, mint digitális felületre hasonlít. - Obsidian
#000000— Törzsszöveg, vékony szegélyek, ikonvonások – a rendszerben található legnagyobb kontrasztú tinta, címsorokhoz és szerkezeti elválasztókhoz használják. - Paper White
#ffffff— Testrész háttérképek, inverz szöveg fémvásznon, szöveg sötét háttéren termékfotóként. - Anodized Graphite
#4b514d— A termékfotók, a kiegészítő címsorok és a háromdimenziós szövegek sötét felülete a postaláda kidolgozását idézi, így a felhasználói felület és a termék ugyanabból az anyagból készült. - Brushed Steel
#8e9194— A visszafogott szövegtörzs, a listaelválasztók és a kiegészítő ikonvázlatok a Paper White és az Obsidian között helyezkednek el a beágyazott metaadatok és a diszkrét linkek érdekében. - Linen Mist
#a7aaad— A címsorok és elválasztó vonalak szegélyének és elválasztóinak világos színe egy finom árnyalat, amely soha nem versenyez az obszidián szín szerkezeti vonalaival.
Tipográfia
15-től 57 képpontig · 5 lépésben
- PP Neue Montreal — csere: Inter · körvonalak 400 (Medium) · Egyetlen tipográfiai családba tartozó rendszert használnak a törzsszövegtől a magyarázó szövegekig – a geometriai egyenletes vastagság a jellemző, kerülve a másodlagos vagy megjelenítés-specifikus betűtípusok használatát, így az 57 képpontos „CUSTO®” szóvédjegyet a rendszer ugyanabba a tipográfiai családba tartozónak értelmezi, mint a 15 képpontos űrlapbeviteli mező címkéjét.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | tágas |
| Alapvető lépés | 24px |
| Gomb sugara | 31.35px (pill) for primary action; 8px for secondary |
| Kártya sugara | 8px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 110px |
| Oldal szélessége | 1280px |
A mesterséges intelligencia Custo stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- 099 SUPPLY — Egy galériafal, tele fekete-fehér tárgyakkal
- Specht Studio — Diszkrét kíváncsisággal teli galériafal. A stúdió saját króm felülete fehér, fekete betűkkel; a vizuális tűzijáték teljes egészében a projekt csempéire koncentrálódik.
- Structured — Reneszánsz galéria gyurmaszerű papíron
- Airbnb — Egy csendes fehér galériafal egyetlen korallvörös könyvjelzővel
- VSCO — A galéria monokróm fala fekete-fehér fényképek kiállítása, ahol egyetlen meleg reflektorfény világítja meg a következő eseményeket.
- Apple (España) — A múzeumi galéria lágy nappali fényben egyetlen, magával ragadó, súlytalan fehér tér, ahol minden kiállítási tárgyat egy reflektor világít meg egy enyhén színezett fal előtt.
- Peak Design — Galériafal, részben megvilágítva
- Apple (España) — Az Obsidian Galéria bemutatóterme egy sötét kiállítóterem, ahol egyetlen titán tárgy világít koromsötét háttér előtt.
- Apple (España) — fehér galériavitrin
- teenage engineering — Stúdióvilágításban használt ipari katalógus - a termék az egyetlen jelentős objektum az oldalon, és minden mást körülötte tárgyalnak
- Apple (España) — Galériaablak a reggeli ködben
- Apple (España) — A White Múzeum Galériája délben