Custo
Püssimetalli värvi galerii monoliitse fondiga. Summutatud hallikasrohelistes toonides esindusruum, kus üks tume objekt ja 57px font räägivad enda eest.
Custo toimib tööstustoodete galeriina: soe metallikvärvi lõuend on füüsilise toote taustaks, samas kui suureformaadiline tüpograafia on peamine visuaalne kaunistus. Süsteem on rangelt akromaatiline – kromaatilisi värve pole –, mis võimaldab tumedal anodeeritud postkastil ja ühe sans-serif kirjatüübi geomeetrilisel raskusjõul edasi anda brändi kogu isiksust. Iga ekraan tasakaalustab avarat valget ruumi monumentaalse tüpograafilise avaldusega, kusjuures brändimärk kordub peaaegu arhitektuurse elemendina. Pinnad on tasased ja matid; sügavus luuakse toote enda peegelduvuse, mitte varjude või gradientide kaudu.
Lehekülje paigutus on vertikaalselt paigutatud üheveeruline struktuur, mille maksimaalne sisu laius on ~1280 pikslit ja mis on tsentreeritud vaateväljas. Põhilehe element hõlmab kogu lehe laiust, renderdatud servast servani Canvas Gunmetal #9ea29f värvitoonis, paremal keskel on postkasti foto ja alumises servas 57-piksline CUSTO® logo. Põhielemendi all vahelduvad sektsioonid: kaheveeruline tekstiplokk (vasakul väike pealdis, paremal suur pealkiri), millele järgneb horisontaalne ruudustik kolmest tootepildi kaardist, seejärel kaheveerulised teksti- ja pildiread, kus põhitekst vaheldub mõlemal pool. Sektsioonide vahelised äärised on 110 pikslit, luues märkimisväärse vertikaalse hingamisruumi. Navigeerimine on üks läbipaistev ülemine riba, mis kerimisel sulab pabervalgeks. CES-i ikoon on fikseeritud, hõljuv element paremas alanurgas. Üldine rütm on galeriilaadne: igas sektsioonis vähe elemente, suur font, laiad vahed ja tootefoto visuaalse kirjavahemärgina tekstiribade vahel.
Pildid on puhtalt Custo postkasti tootefotod, mis on jäädvustatud kolmes režiimis: täispikad portreed metallraami taustal, elustiilifotod, mis demonstreerivad inimese suhtlust seadmega, ning lähivõtted skaneerimisliidesest ja LED-rõngast. Kõik fotod on teostatud summutatud, kontrastsetes toonides, postkasti matt must viimistlus toimib visuaalse ankruna. Illustratsioone, abstraktset graafikat ega pildipangast pärit fotosid pole. Fotod on paigutatud 8-px raadiusega kaartidele või kasutatud täisekraanil 57-px logo taga. CES-i ikoon on kogu veebisaidil ainus mitmevärviline pilt.
Palett
Neutraalne
- Canvas Gunmetal
#9ea29f— Põhi- ja teemasektsioonide soe hallikasroheline taust eristab Custot tavalistest valgetest SaaS-mallidest ning tundub pigem arhitektuurse betooni kui digitaalse pinna moodi. - Obsidian
#000000— Põhitekst, õhukesed äärised, ikoonijooned – süsteemi kõrgeima kontrastsusega tint, mida kasutatakse pealkirjade ja struktuurijagajate jaoks. - Paper White
#ffffff— Kehaosade taustapildid, ümberpööratud tekst relvmetallist lõuendil, tekst tootefoto tumedal taustal. - Anodized Graphite
#4b514d— Tootefotode, lisapealkirjade ja kolmemõõtmelise teksti tume pind peegeldab postkasti viimistlust, seega on kasutajaliides ja toode valmistatud samast materjalist. - Brushed Steel
#8e9194— Vaoshoitud põhitekst, loendijaoturid ja täiendavad ikoonide kontuurid paiknevad manustatud metaandmete ja diskreetsete linkide jaoks Paper White'i ja Obsidiani vahel. - Linen Mist
#a7aaad— Pealkirjade ja eraldusjoonte äärise ja eraldajate hele värv on peen toon, mis ei konkureeri kunagi obsidiaani värvi struktuurjoontega.
Tüpograafia
15-st 57 pikslini · 5 sammu
- PP Neue Montreal — asendamine: Inter · kontuurid 400 (Medium) · Alates põhitekstist kuni selgitava tekstini kasutatakse kõige jaoks üheperekondlikku tüpograafilist süsteemi – tunnusjooneks on geomeetriline ühtlane paksus, vältides mis tahes teiseste või kuvamisspetsiifiliste fontide kasutamist, seega loetakse 57px-le seatud sõnamärki „CUSTO®” samasse tüpograafilisse perekonda kuuluvaks kui 15px-list vormi sisestusvälja silti.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | avar |
| Põhisamm | 24px |
| Nupu raadius | 31.35px (pill) for primary action; 8px for secondary |
| Kaardi raadius | 8px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 110px |
| Lehe laius | 1280px |
Tehisintellekt loob teie veebisaidi Custo stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- 099 SUPPLY — Mustvalgete objektidega täidetud galeriisein
- Specht Studio — Diskreetse uudishimuga täidetud galeriisein. Stuudio enda kroomviimistlus on valge pind ja mustad kirjad; visuaalne ilutulestik on täielikult koondunud projekti plaatide sisse.
- Structured — Renessansigalerii plastiliinilaadsel paberil
- Airbnb — Vaikne valge galeriisein ühe korallpunase järjehoidjaga
- VSCO — Galerii monokroomne sein on mustvalgete fotode näitus, kus üks soe prožektor valgustab järgnevat tegevust.
- Apple (España) — Muuseumigalerii on pehmes päevavalguses ühtne, kütkestav, kaalutu valge ruum, kus iga eksponaati valgustab kergelt toonitud seina taustal olev prožektor.
- Peak Design — Galerii sein, osaliselt valgustatud
- Apple (España) — Obsidiaanigalerii vitriin on tume näitusesaal, kus üksik titaanist objekt helendab kottpimedal taustal.
- Apple (España) — valge galeriivitriin
- teenage engineering — Stuudiovalgustuse tööstuskataloog - toode on lehel ainus oluline objekt ja kõik muu arutatakse selle ümber
- Apple (España) — Galerii aken hommikuses udus
- Apple (España) — Valge Muuseumi galerii keskpäeval