Custo
Ieroču metāla krāsas galerija ar monolītu fontu. Izstāžu zāle klusinātos pelēkzaļos toņos, kur viens tumšs objekts un 57px fonts runā paši par sevi.
“Custo” funkcionē kā industriālo produktu galerija: silts metālisks audekls kalpo par fonu fiziskajam produktam, savukārt lielformāta tipogrāfija kalpo kā galvenais vizuālais rotājums. Sistēma ir stingri ahromatiska — bez hromatiskām krāsām —, ļaujot tumšajai anodētajai pastkastītei un viena sans-serif fonta ģeometriskajam smagumam paust zīmola personību. Katrs ekrāns līdzsvaro plašo balto telpu ar monumentālu tipogrāfisku vēstījumu, zīmola zīmei atkārtojoties kā gandrīz arhitektūras elementam. Virsmas ir plakanas un matētas; dziļumu rada paša produkta atstarojošā spēja, nevis ēnas vai gradienti.
Lapas izkārtojums ir vertikāli sakārtota vienas kolonnas struktūra ar maksimālo satura platumu ~1280 pikseļi, centrēta skata logā. Galvenais lapas elements aizņem visu lapas platumu, atveidots no malas līdz malai Canvas Gunmetal #9ea29f krāsā, ar pastkastes fotoattēlu centrā labajā pusē un 57 pikseļu CUSTO® logotipu apakšējā malā. Zem galvenā elementa sadaļas mainās: divu kolonnu teksta bloks (mazs paraksts kreisajā pusē, liels virsraksts labajā pusē), kam seko horizontāls režģis ar trim produktu attēlu kartītēm, pēc tam divu kolonnu teksta un attēlu rindas, galvenajam tekstam mijasot abās pusēs. Iesiešanas starp sadaļām ir 110 pikseļi, radot ievērojamu vertikālu atstarpi. Navigācija ir viena caurspīdīga augšējā josla, kas ritinot pārvēršas Paper White krāsā. CES ikona ir fiksēts, peldošs elements apakšējā labajā stūrī. Kopējais ritms ir līdzīgs galerijai: katrā sadaļā ir maz elementu, liels fonts, platas atstarpes un produkta fotoattēls kā vizuāla pieturzīme starp teksta sloksnēm.
Attēli ir tikai Custo pastkastītes produktu fotogrāfijas, kas uzņemtas trīs režīmos: pilna auguma portreti uz metāla rāmja, dzīvesstila uzņēmumi, kas demonstrē cilvēka mijiedarbību ar ierīci, un skenēšanas saskarnes un LED gredzena tuvplāni. Visas fotogrāfijas ir veidotas klusinātos, augsta kontrasta toņos, un pastkastītes matēti melnā apdare kalpo kā vizuāls enkurs. Nav ilustrāciju, abstraktas grafikas vai attēlu krājuma fotoattēlu. Fotogrāfijas ir novietotas uz 8 pikseļu rādiusa kartītēm vai izmantotas pilnekrāna režīmā aiz 57 pikseļu logotipa. CES ikona ir vienīgais daudzkrāsu attēls visā tīmekļa vietnē.
Palete
Neitrāls
- Canvas Gunmetal
#9ea29f— Galvenās un tematiskās sadaļas silti pelēkzaļais fons atšķir Custo no standarta baltajām SaaS veidnēm un vairāk atgādina arhitektonisku betonu, nevis digitālu virsmu. - Obsidian
#000000— Pamatteksts, plānas apmales, ikonu līnijas — sistēmā pieejamā kontrastainākā tinte, ko izmanto virsrakstiem un strukturālajām atdalītājām. - Paper White
#ffffff— Ķermeņa daļu fona attēli, apgriezts teksts uz ieroci metāla audekla, teksts uz tumša produkta fotogrāfijas fona. - Anodized Graphite
#4b514d— Tumšā virsma produktu fotografēšanai, papildu virsrakstiem un trīsdimensiju tekstam atspoguļo pastkastītes apdari, tāpēc lietotāja saskarne un produkts ir izgatavoti no viena materiāla. - Brushed Steel
#8e9194— Klusināts pamatteksts, sarakstu atdalītāji un papildu ikonu kontūras atrodas starp Paper White un Obsidian, lai nodrošinātu iegultos metadatus un diskrētas saites. - Linen Mist
#a7aaad— Virsrakstu un dalāmo līniju apmales un atdalītāju gaišā krāsa ir smalks tonis, kas nekad nekonkurē ar obsidiāna krāsas strukturālajām līnijām.
Tipogrāfija
no 15 līdz 57 pikseļiem · 5 soļi
- PP Neue Montreal — nomaiņa: Inter · kontūras 400 (Medium) · Visam, sākot no pamatteksta līdz skaidrojošam tekstam, tiek izmantota vienas saimes tipogrāfiskā sistēma — raksturīgākā iezīme ir ģeometriska biezuma vienveidība, izvairoties no jebkādu sekundāru vai displejam specifisku fontu izmantošanas, tāpēc vārda zīme “CUSTO®”, kas iestatīta uz 57 pikseļiem, tiek nolasīta kā piederoša tai pašai tipogrāfiskajai saimei kā 15 pikseļu veidlapas ievades lauka etiķete.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | plašs |
| Pamata solis | 24px |
| Pogas rādiuss | 31.35px (pill) for primary action; 8px for secondary |
| Kartes rādiuss | 8px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 110px |
| Lapas platums | 1280px |
Mākslīgais intelekts izveidos jūsu vietni Custo stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- 099 SUPPLY — Galerijas siena, kas piepildīta ar melnbaltiem objektiem
- Specht Studio — Galerijas siena, kas piepildīta ar diskrētu ziņkāri. Studijas hroma apdare ir balta virsma un melni burti; vizuālais uguņojums ir pilnībā koncentrēts projekta flīzējumā.
- Structured — Renesanses galerija uz plastilīnam līdzīga papīra
- Airbnb — Klusa balta galerijas siena ar vienu koraļļsarkanu grāmatzīmi
- VSCO — Galerijas monohromā siena ir melnbaltu fotogrāfiju izstāde, kur viens silts prožektoru apgaismojums izgaismo sekojošo darbību.
- Apple (España) — Muzeja galerija maigā dienasgaismā ir vienota, valdzinoša, bezsvara balta telpa, kur katru eksponātu apgaismo prožektors uz viegli tonētas sienas.
- Peak Design — Galerijas siena, daļēji izgaismota
- Apple (España) — Obsidian galerijas vitrīna ir tumša izstāžu zāle, kurā uz piķa melna fona mirdz viens titāna objekts.
- Apple (España) — balta galerijas vitrīna
- teenage engineering — Industriālais katalogs studijas apgaismojumā — produkts ir vienīgais nozīmīgais objekts lapā, un viss pārējais tiek apspriests ap to
- Apple (España) — Galerijas logs rīta miglā
- Apple (España) — Baltā muzeja galerija pusdienlaikā