Custo
Pistoleto metalo spalvų galerija su monolitiniu šriftu. Parodų salė prislopintuose pilkai žaliuose tonuose, kur vienas tamsus objektas ir 57 pikselių šriftas kalba patys už save.
„Custo“ funkcionuoja kaip pramoninių gaminių galerija: šilta metalinė drobė tarnauja kaip fizinio produkto fonas, o didelio formato tipografija – kaip pagrindinis vizualinis puošmuo. Sistema yra griežtai achromatinė – be chromatinių spalvų – leidžia tamsiai anoduotai pašto dėžutei ir vieno šrifto be serifų geometriniam gravitacijai perteikti visą prekės ženklo asmenybę. Kiekvienas ekranas subalansuoja didelę baltą erdvę su monumentaliu tipografiniu teiginiu, o prekės ženklo ženklas kartojamas kaip beveik architektūrinis elementas. Paviršiai yra plokšti ir matiniai; gylis kuriamas dėl paties produkto atspindžio, o ne dėl šešėlių ar gradientų.
Puslapio išdėstymas yra vertikaliai išdėstyta vieno stulpelio struktūra, kurios maksimalus turinio plotis yra apie 1280 pikselių, centre rodinio srityje. Pagrindinis puslapio elementas apima visą puslapio plotį, atvaizduojamas nuo krašto iki krašto „Canvas Gunmetal“ spalva #9ea29f, dešinėje centre yra pašto dėžutės nuotrauka, o apatiniame krašte – 57 pikselių CUSTO® logotipas. Po pagrindiniu elementu kaitaliojasi sekcijos: dviejų stulpelių teksto blokas (mažas užrašas kairėje, didelis pavadinimas dešinėje), po kurio seka horizontalus trijų produktų vaizdų kortelių tinklelis, tada dviejų stulpelių teksto ir vaizdų eilutės, o pagrindinis tekstas kaitaliojasi abiejose pusėse. Tarpinės ribos tarp sekcijų yra 110 pikselių, todėl sukuriama didelė vertikali erdvė. Navigacija yra viena permatoma viršutinė juosta, kuri slenkant išnyksta iki „Paper White“ spalvos. CES piktograma yra fiksuotas, plaukiojantis elementas apatiniame dešiniajame kampe. Bendras ritmas panašus į galeriją: kiekviename skyriuje yra nedaug elementų, didelis šriftas, platūs tarpai ir produkto nuotrauka kaip vizualinė skyryba tarp teksto juostelių.
Nuotraukos yra grynai „Custo“ pašto dėžutės gaminių fotografija, daryta trimis režimais: viso ūgio portretai prie metalinio rėmo, gyvenimo būdo nuotraukos, demonstruojančios žmogaus sąveiką su įrenginiu, ir nuskaitymo sąsajos bei LED žiedo stambaus plano nuotraukos. Visos nuotraukos atliktos prislopintais, didelio kontrasto tonais, o matinė juoda pašto dėžutės apdaila tarnauja kaip vizualinis inkaras. Nėra jokių iliustracijų, abstrakčios grafikos ar nuotraukų iš nuotraukų. Nuotraukos dedamos ant 8 pikselių spindulio kortelių arba naudojamos per visą ekraną už 57 pikselių logotipo. CES piktograma yra vienintelis daugiaspalvis vaizdas visoje svetainėje.
Paletė
Neutralus
- Canvas Gunmetal
#9ea29f— Šiltai pilkai žalias pagrindinių ir teminių skyrių fonas išskiria „Custo“ iš standartinių baltų „SaaS“ šablonų ir labiau primena architektūrinį betoną nei skaitmeninį paviršių. - Obsidian
#000000— Pagrindinis tekstas, plonos rėmeliai, piktogramų brūkšniai – kontrastingiausias rašalas sistemoje, naudojamas antraštėms ir struktūrinėms pertvaroms. - Paper White
#ffffff— Kūno dalių fono paveikslėliai, apverstas tekstas ant metalinės drobės, tekstas tamsiame produkto nuotraukos fone. - Anodized Graphite
#4b514d— Tamsus paviršius, skirtas produktų fotografijai, papildomoms antraštėms ir trimačiam tekstui, atkartoja pašto dėžutės apdailą, todėl vartotojo sąsaja ir produktas pagaminti iš tos pačios medžiagos. - Brushed Steel
#8e9194— Subtilus pagrindinis tekstas, sąrašų skirtukai ir papildomų piktogramų kontūrai yra tarp „Paper White“ ir „Obsidian“, skirtų įterptiems metaduomenims ir diskretiškoms nuorodoms. - Linen Mist
#a7aaad— Šviesi rėmelio ir skirtukų, skirtų antraščiams ir skiriamosioms linijoms, spalva yra subtilus atspalvis, kuris niekada nekonkuruoja su obsidiano spalvos struktūrinėmis linijomis.
Tipografija
nuo 15 iki 57 pikselių · 5 žingsniai
- PP Neue Montreal — pakeitimas: Inter · kontūrai 400 (Medium) · Nuo pagrindinio teksto iki aiškinamojo teksto naudojama vienos šeimos tipografinė sistema – skiriamasis bruožas yra geometrinis vienodas storis, vengiant naudoti bet kokius antrinius ar konkrečiam rodymui skirtus šriftus, todėl žodinis ženklas „CUSTO®“, nustatytas ties 57 pikseliais, skaitomas kaip priklausantis tai pačiai tipografinei šeimai kaip ir 15 pikselių formos įvesties lauko žymė.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | erdvus |
| Pagrindinis žingsnis | 24px |
| Mygtuko spindulys | 31.35px (pill) for primary action; 8px for secondary |
| Kortelės spindulys | 8px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 110px |
| Puslapio plotis | 1280px |
Dirbtinis intelektas sukurs jūsų svetainę Custo stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- 099 SUPPLY — Galerijos siena, pilna juodai baltų objektų
- Specht Studio — Galerijos siena, alsuojanti diskretišku smalsumu. Studijos chromo apdaila – baltas paviršius ir juodos raidės; vizualinis fejerverkas visiškai sutelktas projekto plytelėse.
- Structured — Renesanso galerija ant plastilino tipo popieriaus
- Airbnb — Rami balta galerijos siena su vienu koralų raudonumo skirtuku
- VSCO — Galerijos monochrominė siena – tai nespalvotų fotografijų paroda, kurioje vienas šiltas prožektorius apšviečia toliau vykstantį veiksmą.
- Apple (España) — Muziejaus galerija, švelniai dienos šviesoje, yra vientisa, žavi, nesvari balta erdvė, kurioje kiekvienas eksponatas apšviestas prožektoriaus šviesa prie švelniai tamsintos sienos.
- Peak Design — Galerijos siena, iš dalies apšviesta
- Apple (España) — „Obsidian Gallery“ vitrina yra tamsi parodų salė, kurioje vienas titano objektas švyti juodame kaip degutas fone.
- Apple (España) — balta galerijos vitrina
- teenage engineering — Pramoninis katalogas studijiniame apšvietime – produktas yra vienintelis reikšmingas objektas puslapyje, o visa kita aptariama aplink jį
- Apple (España) — Galerijos langas ryto rūke
- Apple (España) — Baltojo muziejaus galerija vidurdienį