COS
moderná galéria s bielymi stenami
COS využíva vizuálnu gramatiku galérie súčasného umenia: rozsiahle biele steny, veľkoformátové monochromatické fotografie a typografiu, ktorá neruší modely. Rozhranie je prakticky bezfarebné – achromatické – s použitím takmer čiernej (#080808) na čisto bielej (#ffffff) ako jediného štrukturálneho kontrastu, s jediným dotykom červenej (#c80000) vyhradeným ako jemný akcent pre momenty, ktoré by mali pôsobiť naliehavo, ale nie zjavne. Rozstupy sú veľkorysé a redakčne vhodné, s odsadením sekcií dosahujúcim 135px a komponenty splývajú so stránkou: tenké okraje na #dadada, žiadne tiene, žiadne prechody, žiadne zaoblené rohy. Typografia (SuisseIntl) je jedinou ozdobou – jedna groteskná rodina písiem, ktorá zostáva konzistentná od 12px mikro-štítkov až po 35px popisy kategórií a mierne sa posúva smerom k pozitívu, aby evokovala písma galérie.
Model stránky s plnou výškou – plátno siaha od okraja k okraju bez kontajnera s maximálnou šírkou a obsah je ukotvený oddelením obrázkov a bieleho priestoru, a nie centrovaným stĺpcom. Hlavný obrázok je vertikálne rozdelený v pomere 50/50 medzi dva redakčné portréty s plnou šírkou, tak dominantné, že slúži ako štrukturálna vizitka značky. Pod hlavným obrázok sa sekcie striedajú medzi textovými blokmi na bielom pozadí (vycentrované, v jednom stĺpci) a ďalšími obrázkami s plnou výškou. Vertikálny rytmus je priestranný: medzery medzi sekciami vytvárajú pocit priestoru medzi pruhmi, ako na stene múzea. Navigácia je tvorená jedným tenkým bielym pásom s logom umiestneným v strede a prepínačom miestneho nastavenia zarovnaným vpravo – v hlavnom rámci nie je viditeľný žiadny horizontálny panel kategórií ani megamenu. Hustota informácií je nízka: jedno vyhlásenie na sekciu, jeden obrázok na nápad.
Stránke dominujú veľkoformátové editoriálne módne fotografie – portréty v plnej šírke a zábery modeliek v trojštvrťovej dĺžke, pod kontrolovaným štúdiovým osvetlením, prevažne neutrálne a tlmené s teplými tónmi. Snímky sú husto usporiadané a vypĺňajú priestor od okraja k okraju, bez zaoblených rohov, ozdobných masiek alebo prekrývajúcich sa rámov. Charakteristickou technikou je rám „dva portréty vedľa seba“ (MUJER / HOMBRE): dva rovnako dôležité portréty umiestnené vedľa seba, každý označený jednou kategóriou v ľavom dolnom rohu. Fotografie sú zarámované ako galerijné tlače – objekt je výrazný, chýba kontext, chýba ľudské mierka a paleta je monochromatická. Žiadne scény zo života, žiadne rekvizity, žiadne textúrované pozadia.
Paleta
Neutrálny
- Canvas White
#ffffff— Svetlý nosný povrch na vytvorenie nenápadného pozadia a oddelenie sekcií. Nemal by sa používať ako primárna farba pre výzvu na akciu. - Ink Black
#080808— Text tela, ikony, odkazy, typ navigácie, orámovanie tlačidiel, logo, text päty – jemnejšia farba ako čisto čierna, aby sa fotografie na jej pozadí nezobrazovali príliš ostro. - True Black
#000000— Prekrytie hlavného textu cez tmavé obrázky, text tela, popisky tlačidiel – čisto čierna sa používa iba pre najkontrastnejšie typografické prvky. - Mist Gray
#dadada— Jemné orámovanie, podčiarknuté vstupné polia, jemné oddeľovače, obrysy, keď sú vypnuté – najtichší neutrálny odtieň, viditeľný iba tým, čo oddeľuje. - Signal Red
#c80000— Červená farba slúži ako dodatočný akcent pre dekoratívne detaily a na zvýraznenie nízkych frekvencií.
Typografia
od 12 do 35px · 3 kroky
- SuisseIntl — náhrada: Neue Haas Grotesk Display · obrysy 400, 500, 700 · V celom rozhraní sa používa jedno písmo pre navigáciu, text, nadpisy, tlačidlá a popisy produktov. Kladné rozstupy písmen (0,01 – 0,04 em) sú pre obrazovkové písmo nezvyčajné a vylepšujú dojem z tlačeného katalógu; hrúbka 700 je vyhradená pre popisy kategórií, 500 pre navigáciu a tlačidlá a 400 pre všetko ostatné. Branding je konzistentný s jednou rodinou písma a veľmi úzkym rozsahom veľkostí (12 – 35 px) – písmo nikdy neprevláda.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priestranný |
| Základný krok | 8px |
| Polomer tlačidla | 0px |
| Polomer karty | 0px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 135px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle COS a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Airbnb — Tichá biela galerijná stena s jedinou koralovo červenou záložkou
- Apple (España) — biela vitrína na galériu
- Silencio — Biela miestnosť s vznášajúcimi sa artefaktmi. Galériová expozícia vyrobená z teplého papiera, kde každý prvok zaujme svoje miesto na pozadí negatívneho objemu a ticho je zámerným dizajnérskym rozhodnutím.
- Oakâme — Slnkom zaliata provensálska dielňa vytesaná z teplého kameňa
- Nike — Monochromatická galéria športových úspechov – biele steny, produkt ako umelecké dielo, chróm rozpustený v pozadí
- Arc — priemyselná biela galéria nad polnočnou vodou
- Rivian — Elektrický monolit na betónovej stene galérie. Rivian prezentuje každé vozidlo ako sochu na pozadí rozľahlého bieleho priestoru s typografiou takou veľkou, že sa stáva architektonickým prvkom, a jedinou teplou žltou farbou, ktorá prelamuje monochromatickú atmosféru, ako slnečné svetlo na matnom povrchu.
- Analogue — Čierna galerijná vitrína – tovar sa vznáša v prázdnote
- ddna — teplá múzejná vitrína na neošetrenom ľane
- Zellerfeld — Sochárska dielňa na bielom mramore – monolitické povrchy podstavca, jediná iskra kobaltu, šepot malých písmen od podlahy až po strop
- UY Studio — Kamenná galéria kláštora je tichý priestor s betónovými stenami, kde na bielych podstavcoch stoja fľaštičky s parfumami, osvetlené jednou 400-wattovou lampou a štyrmi teplými sivými žiarovkami.
- Basic.Space — kurátorská galéria na bielom mramore