COS
isang naka-istilong gallery na may mga puting pader
Ginagamit ng COS ang biswal na gramatika ng isang kontemporaryong galeriya ng sining: malalawak na puting pader, malalaking format na monochrome na litrato, at tipograpiya na hindi nakakasagabal sa mga modelo. Ang interface ay halos walang kulay—akromatiko—gamit ang halos itim (#080808) sa purong puti (#ffffff) bilang tanging estruktural na contrast, na may isang maliit na bahid ng pula (#c80000) na nakalaan bilang banayad na accent para sa mga sandaling dapat magmukhang apurahan ngunit hindi lantaran. Malawak at angkop ang espasyo sa editoryal, na may mga section indent na umaabot sa 135px, at ang mga bahagi ay natutunaw sa pahina: manipis na mga border sa #dadada, walang mga anino, walang mga gradient, walang mga bilugan na sulok. Ang tipograpiya (SuisseIntl) ang tanging palamuti—isang grotesque na pamilya ng font na nananatiling pare-pareho mula sa 12px micro-label hanggang sa 35px na mga paglalarawan ng kategorya, na bahagyang lumilipat patungo sa positibo upang pukawin ang mga typeface ng gallery.
Ang modelo ng pahinang full-height—ang canvas ay umaabot mula gilid hanggang gilid nang walang maximum-width container, at ang nilalaman ay nakaangkla sa pamamagitan ng paghahati ng mga imahe at puting espasyo sa halip na isang nakasentrong kolum. Ang hero ay isang 50/50 na patayong hati ng dalawang full-width na editorial portrait, na labis na nangingibabaw kaya nagsisilbi itong estruktural na calling card ng brand. Sa ibaba ng hero, ang mga seksyon ay nagpapalitan sa pagitan ng mga text block sa isang puting background (nakasentro, sa isang kolum) at karagdagang mga full-height na imahe. Maluwag ang patayong ritmo: ang mga puwang sa pagitan ng mga seksyon ay lumilikha ng pakiramdam ng espasyo sa pagitan ng mga guhit, tulad ng sa isang dingding ng museo. Ang nabigasyon ay isang manipis na puting guhit na may nakasentrong logo at isang right-aligned locale selector—walang pahalang na category bar, walang mega-menu na nakikita sa pangunahing frame. Mababa ang densidad ng impormasyon: isang pahayag bawat seksyon, isang imahe bawat ideya.
Nangingibabaw sa pahina ang malalaking format na mga litrato ng moda na pang-editoryal—mga full-width portrait at mga three-quarter-length na kuha ng mga modelo, sa ilalim ng kontroladong ilaw sa studio, halos neutral at banayad na may mainit na kulay. Ang mga imahe ay mahigpit na nakaimpake, pinupuno ang espasyo mula gilid hanggang gilid, walang mga bilugan na sulok, pandekorasyon na maskara, o nakapatong na mga frame. Ang isang signature technique ay ang frame na "dalawang magkatabing portrait" (MUJER / HOMBRE): dalawang pantay na mahalagang portrait na magkatabi, bawat isa ay may label na may iisang category tag sa ibabang kaliwang sulok. Ang mga litrato ay naka-frame na parang mga gallery print—prominente ang paksa, walang konteksto, walang human scale, at ang palette ay monochrome. Walang mga eksena mula sa buhay, walang props, walang textured na background.
Paleta
Neutral
- Canvas White
#ffffff— Isang magaan na sumusuportang ibabaw para sa paglikha ng hindi mahahalatang background at paghihiwalay ng mga seksyon. Hindi ito dapat gamitin bilang pangunahing kulay para sa panawagan para sa aksyon. - Ink Black
#080808— Body text, mga icon, mga link, uri ng nabigasyon, mga hangganan ng button, logo, teksto sa footer - isang mas malambot na kulay kaysa sa purong itim upang maiwasan ang paglitaw ng mga larawan na masyadong matalas kapag nilalabanan. - True Black
#000000— Ang pagpapatong ng pangunahing teksto sa madilim na mga imahe, katawan ng teksto, mga label ng buton - ang purong itim ay ginagamit lamang para sa mga pinaka-magkaibang elemento ng tipograpiya. - Mist Gray
#dadada— Mga banayad na hangganan, mga nakasalungguhit na input field, mga banayad na separator, mga balangkas kapag hindi pinagana—ang pinakatahimik na neutral na kulay, makikita lamang sa kung ano ang pinaghihiwalay nito. - Signal Red
#c80000— Ang pulang kulay ay nagsisilbing karagdagang tuldik para sa mga detalyeng pandekorasyon at upang bigyang-diin ang mababang frequency.
Tipograpiya
mula 12 hanggang 35px · 3 hakbang
- SuisseIntl — kapalit: Neue Haas Grotesk Display · mga balangkas 400, 500, 700 · Isang font lang ang ginagamit sa buong interface para sa nabigasyon, katawan ng teksto, mga heading, mga buton, at mga deskripsyon ng produkto. Hindi pangkaraniwan ang positibong espasyo ng mga letra (0.01–0.04em) para sa isang screen font at pinapahusay nito ang pakiramdam ng isang naka-print na katalogo; 700 ang bigat na nakalaan para sa mga deskripsyon ng kategorya, 500 para sa nabigasyon at mga buton, at 400 para sa lahat ng iba pa. Ang branding ay naaayon sa iisang pamilya ng font at isang napakakitid na saklaw ng laki (12–35px)—hindi kailanman nangingibabaw ang font.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | maluwang |
| Pangunahing hakbang | 8px |
| Radius ng buton | 0px |
| Radius ng card | 0px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 135px |
Gagawa ang AI ng website mo sa estilong COS at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Airbnb — Isang tahimik na puting gallery wall na may isang coral red bookmark
- Apple (España) — puting display case ng gallery
- Silencio — Isang puting silid na may mga lumulutang na artifact. Isang gallery display na gawa sa mainit na papel, kung saan ang bawat elemento ay pumuwesto laban sa isang negatibong backdrop ng volume, at ang katahimikan ay isang sinadyang desisyon sa disenyo.
- Oakâme — Isang Provençal workshop na nasisinagan ng araw na inukit mula sa mainit na bato
- Nike — Isang monochrome gallery ng mga nagawa sa palakasan – mga puting pader, ang produkto bilang isang likhang sining, chrome na natunaw sa likuran
- Arc — industriyal na puting gallery sa ibabaw ng tubig sa hatinggabi
- Rivian — Isang de-kuryenteng monolito sa kongkretong pader ng gallery. Inilalarawan ng Rivian ang bawat sasakyan bilang isang iskultura laban sa isang malawak na puting espasyo, na may napakalaking tipograpiya na nagiging isang elemento ng arkitektura, at isang mainit na dilaw na sumisira sa monokromatikong atmospera, tulad ng sikat ng araw sa isang matte na ibabaw.
- Analogue — Itim na display case ng gallery – mga paninda na nakapatong sa kawalan
- ddna — mainit na display case ng museo sa hindi ginamot na linen
- Zellerfeld — Isang pagawaan ng iskultor sa puting marmol—ang mga monolitikong ibabaw ng pedestal, isang kislap ng kobalt, isang bulong ng maliliit na letra mula sahig hanggang kisame
- UY Studio — Ang galeriyang bato ng monasteryo ay isang tahimik na espasyo na may mga pader na kongkreto, kung saan nakatayo ang mga bote ng pabango sa mga puting plinth, na naliliwanagan ng isang 400-watt na lampara at apat na mainit na kulay abong bombilya.
- Basic.Space — galeriya ng kuratoryal sa puting marmol