
COS
madinga galerija su baltomis sienomis
COS naudoja šiuolaikinio meno galerijos vizualinę gramatiką: plačias baltas sienas, didelio formato monochromines nuotraukas ir tipografiją, kuri netrukdo modeliams. Sąsaja yra praktiškai bespalvė – achromatinė – beveik juoda spalva (#080808) ant grynos baltos spalvos (#ffffff) yra vienintelis struktūrinis kontrastas, o vienas raudonos spalvos (#c80000) prisilietimas yra skirtas kaip subtilus akcentas akimirkoms, kurios turėtų atrodyti skubios, bet ne pernelyg ryškios. Tarpai yra dosnūs ir redakciškai tinkami, skyrių įtraukos siekia 135 pikselius, o komponentai ištirpsta puslapyje: plonos rėmeliai su #dadada, nėra šešėlių, nėra gradientų, nėra užapvalintų kampų. Tipografija („SuisseIntl“) yra vienintelė puošmena – viena groteskiška šriftų šeima, kuri išlieka pastovi nuo 12 pikselių mikroetikečių iki 35 pikselių kategorijų aprašymų, šiek tiek pasislenkanti link teigiamo, kad primintų galerijos šriftus.
Viso aukščio puslapio modelis – drobė tęsiasi nuo krašto iki krašto be maksimalaus pločio konteinerio, o turinys fiksuojamas dalijant vaizdus ir baltą erdvę, o ne centruojant stulpelį. Pagrindinis elementas yra 50/50 vertikalus dviejų viso pločio redakcinių portretų padalijimas, toks dominuojantis, kad tarnauja kaip prekės ženklo struktūrinė vizitinė kortelė. Po pagrindiniu elementu sekcijos kaitaliojasi tarp teksto blokų baltame fone (centruoti, viename stulpelyje) ir papildomų viso aukščio vaizdų. Vertikalus ritmas yra erdvus: tarpai tarp sekcijų sukuria erdvės pojūtį tarp juostelių, kaip ant muziejaus sienos. Navigacija yra viena plona balta juostelė su centruotu logotipu ir dešinėje lygiuotu lokalizacijos parinkikliu – nėra horizontalios kategorijų juostos, pagrindiniame rėmelyje matomas mega meniu. Informacijos tankis yra mažas: vienas teiginys vienai sekcijai, vienas vaizdas vienai idėjai.
Puslapyje dominuoja didelio formato redakcinės mados nuotraukos – viso pločio portretai ir trijų ketvirčių ūgio modelių nuotraukos, darytos kontroliuojamame studijiniame apšvietime, daugiausia neutralios ir prislopintos, su šiltais tonais. Vaizdai glaudžiai supakuoti, užpildo erdvę nuo krašto iki krašto, be užapvalintų kampų, dekoratyvinių kaukių ar vienas ant kito uždėtų rėmelių. Firminis metodas yra „dviejų portretų greta“ (MUJER / HOMBRE) rėmelis: du vienodai svarbūs portretai, sudėti greta, kiekvienas pažymėtas viena kategorijos žyma apatiniame kairiajame kampe. Nuotraukos įrėmintos kaip galerijos atspaudai – objektas ryškus, nėra konteksto, nėra žmogiško mastelio, o paletė – vienspalvė. Jokių scenų iš gyvenimo, jokių rekvizitų, jokių tekstūruotų fonų.
Paletė
Neutralus
- Canvas White
#ffffff— Šviesus atraminis paviršius, skirtas sukurti nepastebimą foną ir atskirti dalis. Jis neturėtų būti naudojamas kaip pagrindinė raginimo veikti spalva. - Ink Black
#080808— Pagrindinis tekstas, piktogramos, nuorodos, naršymo tipas, mygtukų rėmeliai, logotipas, poraštės tekstas – švelnesnė spalva nei gryna juoda, kad nuotraukos nebūtų pernelyg ryškios. - True Black
#000000— Pagrindinio teksto uždėjimas ant tamsių vaizdų, teksto, mygtukų etikečių – gryna juoda spalva naudojama tik kontrastingiausiems tipografiniams elementams. - Mist Gray
#dadada— Subtilūs rėmeliai, pabraukti įvesties laukai, subtilūs skyrikliai, kontūrai, kai išjungti – tyliausias neutralus atspalvis, matomas tik pagal tai, ką jis skiria. - Signal Red
#c80000— Raudona spalva tarnauja kaip papildomas akcentas dekoratyvinėms detalėms ir žemų dažnių pabrėžimui.
Tipografija
nuo 12 iki 35 pikselių · 3 žingsniai
- SuisseIntl — pakeitimas: Neue Haas Grotesk Display · kontūrai 400, 500, 700 · Visoje sąsajoje naudojamas vienas šriftas navigacijai, pagrindiniam tekstui, antraštėms, mygtukams ir produktų aprašymams. Teigiamas raidžių tarpas (0,01–0,04 em) yra neįprastas ekrano šriftams ir pagerina spausdinto katalogo pojūtį; 700 storio skirta kategorijų aprašymams, 500 – navigacijai ir mygtukams, o 400 – viskam kitam. Prekės ženklo dizainas atitinka vieną šriftų šeimą ir labai siaurą dydžių diapazoną (12–35 pikseliai) – šriftas niekada nėra pernelyg ryškus.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | erdvus |
| Pagrindinis žingsnis | 8px |
| Mygtuko spindulys | 0px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 135px |
Dirbtinis intelektas sukurs jūsų svetainę COS 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
- Airbnb — Rami balta galerijos siena su vienu koralų raudonumo skirtuku
- Apple (España) — balta galerijos vitrina
- Silencio — Baltas kambarys su plaukiojančiais artefaktais. Galerijos ekspozicija, sukurta iš šilto popieriaus, kur kiekvienas elementas užima savo vietą neigiamo tūrio fone, o tyla yra sąmoningas dizaino sprendimas.
- Oakâme — Saulės nutviekstos Provanso dirbtuvės, iškaltos iš šilto akmens
- Nike — Monochrominė sporto pasiekimų galerija – baltos sienos, gaminys kaip meno kūrinys, chromas ištirpęs fone
- Arc — pramoninė balta galerija virš vidurnakčio vandens
- Rivian — Elektrinis monolitas ant galerijos betoninės sienos. Rivian kiekvieną transporto priemonę pristato kaip skulptūrą didžiulės baltos erdvės fone, kurios tipografija tokia didelė, kad ji tampa architektūriniu elementu, o viena šilta geltona spalva pertraukia monochromatinę atmosferą, tarsi saulės šviesa ant matinio paviršiaus.
- Analogue — Juoda galerijos vitrina – prekės kybo tuštumoje
- ddna — šilta muziejaus vitrina ant neapdoroto lino
- Zellerfeld — Skulptoriaus dirbtuvės ant balto marmuro – monolitiniai pjedestalo paviršiai, viena kobalto kibirkštis, mažųjų raidžių šnabždesys nuo grindų iki lubų
- UY Studio — Vienuolyno akmeninė galerija – tai rami erdvė su betoninėmis sienomis, kur ant baltų cokolių stovi kvepalų buteliukai, apšviesti vienos 400 vatų lempos ir keturių šiltų pilkų lempučių.
- Basic.Space — kuratorių galerija ant balto marmuro