Custo
Metallinvärinen galleria, jossa on monoliittinen fontti. Vaimennettujen harmaanvihreän sävyjen näyttelytila, jossa yksi tumma esine ja 57px:n fontti puhuvat puolestaan.
Custo toimii teollisten tuotteiden galleriana: lämmin metallinen kangas toimii taustana fyysiselle tuotteelle, kun taas suurikokoinen typografia toimii ensisijaisena visuaalisena koristeena. Järjestelmä on täysin akromaattinen – ei kromaattisia värejä – jolloin tumma anodisoitu postilaatikko ja yhden sans-serif-kirjasintyypin geometrinen painovoima välittävät brändin koko persoonallisuuden. Jokainen näyttö tasapainottaa laajan valkoisen tilan monumentaalisella typografisella lausunnolla, ja brändin tunnus toistuu lähes arkkitehtonisena elementtinä. Pinnat ovat tasaisia ja mattoja; syvyys luodaan tuotteen oman heijastavuuden, ei varjojen tai liukuvärien, kautta.
Sivun asettelu on pystysuunnassa järjestetty yksisarakkeinen rakenne, jonka sisällön enimmäisleveys on noin 1280 pikseliä ja joka on keskitetty näyttöön. Pääsivuelementti kattaa koko sivun leveyden, ja se renderöidään reunasta reunaan Canvas Gunmetal #9ea29f -värillä. Oikealla puolella on keskellä postilaatikon kuva ja alareunassa 57 pikselin CUSTO®-logo. Pääelementin alapuolella osiot vuorottelevat: kaksisarakkeinen tekstilohko (pieni kuvateksti vasemmalla, suuri otsikko oikealla), jota seuraa vaakasuora ruudukko, jossa on kolme tuotekuvakorttia, ja sitten kaksisarakkeiset teksti- ja kuvarivit, joiden välissä vuorottelee pääteksti. Osioiden väliset sisämarginaalit ovat 110 pikseliä, mikä luo merkittävää pystysuoraa tilaa. Navigointi koostuu yhdestä läpinäkyvästä yläpalkista, joka muuttuu paperinvalkoiseksi vieritettäessä. CES-kuvake on kiinteä, kelluva elementti oikeassa alakulmassa. Yleinen rytmi on galleriamainen: vain vähän elementtejä kussakin osiossa, iso fontti, leveät välit ja tuotekuva visuaalisena välimerkkinä tekstiliuskojen välissä.
Kuvat ovat puhtaasti tuotevalokuvia Custo-postilaatikosta, ja ne on otettu kolmessa eri tilassa: kokovartaloisia muotokuvia metallikehystä vasten, lifestyle-kuvia, jotka havainnollistavat ihmisen vuorovaikutusta laitteen kanssa, sekä lähikuvia skannausliittymästä ja LED-renkaasta. Kaikki valokuvat on toteutettu hillityillä, suurikontrastisilla sävyillä, ja postilaatikon mattamusta viimeistely toimii visuaalisena ankkurina. Kuvituksia, abstrakteja grafiikoita tai kuvapankkikuvia ei ole. Valokuvat on sijoitettu 8 pikselin säteellä oleville korteille tai niitä käytetään koko näytön tilassa 57 pikselin logon takana. CES-kuvake on ainoa monivärinen kuva koko verkkosivustolla.
Paletti
Neutraali
- Canvas Gunmetal
#9ea29f— Pää- ja teemaosioiden lämmin harmaanvihreä tausta erottaa Custon tavallisista valkoisista SaaS-malleista ja tuntuu enemmän arkkitehtoniselta betonilta kuin digitaaliselta pinnalta. - Obsidian
#000000— Leipäteksti, ohuet reunukset, kuvakkeiden viivat – järjestelmän kontrastiltaan korkein muste, jota käytetään otsikoissa ja rakenteellisissa jakajissa. - Paper White
#ffffff— Ruumiinosien taustakuvia, käänteinen teksti asemetallin värisellä kankaalla, teksti tummalla taustalla tuotevalokuvauksessa. - Anodized Graphite
#4b514d— Tuotekuvien, lisäotsikoiden ja kolmiulotteisen tekstin tumma pinta heijastelee postilaatikon viimeistelyä, joten käyttöliittymä ja tuote on valmistettu samasta materiaalista. - Brushed Steel
#8e9194— Hillitty leipäteksti, luetteloiden väliset rivit ja lisäkuvakkeiden ääriviivat sijoittuvat Paper Whiten ja Obsidianin välimaastoon upotettujen metatietojen ja huomaamattomien linkkien osalta. - Linen Mist
#a7aaad— Otsikoiden ja jakoviivojen reunuksen ja jakajien vaalea väri on hienovarainen sävy, joka ei koskaan kilpaile obsidiaanin värin rakenneviivojen kanssa.
Typografia
15:stä 57 pikseliin · 5 vaihetta
- PP Neue Montreal — korvaava: Inter · ääriviivat 400 (Medium) · Yhden typografisen järjestelmän avulla kaikkeen leipätekstistä selittäviin teksteihin käytetään yhtä typografista järjestelmää – geometrinen yhdenmukaisuus painotuksessa on tunnusmerkki, jossa vältetään toissijaisten tai näyttökohtaisten fonttien käyttöä, joten 57 pikselin kokoinen 'CUSTO®'-sanamerkki luetaan kuuluvan samaan typografiseen perheeseen kuin 15 pikselin kokoinen lomakkeen syöttökentän otsikko.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tilava |
| Perusvaihe | 24px |
| Painikkeen säde | 31.35px (pill) for primary action; 8px for secondary |
| Kortin säde | 8px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 110px |
| Sivun leveys | 1280px |
Tekoäly rakentaa verkkosivustosi Custo -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- 099 SUPPLY — Mustavalkoisilla esineillä täytetty gallerian seinä
- Specht Studio — Hienovaraista uteliaisuutta täynnä oleva gallerian seinä. Studion oma kromipinta on valkoinen pinta ja mustat kirjaimet; visuaalinen ilotulitus keskittyy kokonaan projektin laatoitukseen.
- Structured — Renessanssigalleria muovailuvahamaiselle paperille
- Airbnb — Hiljainen valkoinen galleriaseinä ja yksi korallinpunainen kirjanmerkki
- VSCO — Gallerian yksivärinen seinä on mustavalkoisten valokuvien näyttely, jossa yksi lämmin kohdevalo valaisee seuraavaa toimintaa.
- Apple (España) — Museon galleria on pehmeässä päivänvalossa yksittäinen, lumoava, painoton valkoinen tila, jossa jokainen näyttelyesine valaistuu kohdevalolla kevyesti sävytettyä seinää vasten.
- Peak Design — Galleriaseinä, osittain valaistu
- Apple (España) — Obsidian Galleryn vitriini on pimeä näyttelyhalli, jossa yksi titaani-esine hohtaa pikimustaa taustaa vasten.
- Apple (España) — valkoinen galleriavitriini
- teenage engineering — Teollisuuskuvasto studiovalaistuksessa - tuote on sivun ainoa merkittävä kohde, ja kaikkea muuta käsitellään sen ympärillä
- Apple (España) — Galleriaikkuna aamun sumussa
- Apple (España) — Valkoisen museon galleria keskipäivällä