Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojářVývoj nástrojů umělé inteligence pro firmy. Vysoce kvalitní. Cenově dostupné.Napsat na Telegram
COS — náhled webu v tomto stylu

COS

moderní galerie s bílými zdmi

COS využívá vizuální gramatiku galerie současného umění: rozlehlé bílé stěny, velkoformátové černobílé fotografie a typografii, která neruší modely. Rozhraní je prakticky bezbarvé – achromatické – s téměř černou (#080808) na čistě bílé (#ffffff) jako jediným strukturálním kontrastem, s jediným nádechem červené (#c80000) vyhrazeným jako jemný akcent pro momenty, které by měly působit naléhavě, ale ne zjevně. Rozestupy jsou velkorysé a redakčně vhodné, s odsazením sekcí dosahujícím 135 pixelů a komponenty splývají se stránkou: tenké okraje u #dadada, žádné stíny, žádné přechody, žádné zaoblené rohy. Typografie (SuisseIntl) je jedinou ozdobou – jedna groteskní rodina písem, která zůstává konzistentní od 12px mikro-popisů až po 35px popisy kategorií a mírně se posouvá směrem k pozitivu, aby evokovala písma galerie.

Model stránky s plnou výškou – plátno sahá od okraje k okraji bez kontejneru s maximální šířkou a obsah je ukotven oddělenými obrázky a bílým prostorem, nikoli středovým sloupcem. Hlavní stránka je vertikálně rozdělená v poměru 50/50 dvěma redakčními portréty s plnou šířkou, tak dominantní, že slouží jako strukturální vizitka značky. Pod hlavní stránkou se sekce střídají mezi textovými bloky na bílém pozadí (uprostřed, v jednom sloupci) a dalšími obrázky s plnou výškou. Vertikální rytmus je prostorový: mezery mezi sekcemi vytvářejí mezi pruhy pocit prostoru, jako na zdi muzea. Navigace je tvořena jediným tenkým bílým proužkem se středovým logem a vpravo zarovnaným voličem jazyka – v hlavním rámci není vidět žádný vodorovný pruh kategorií ani megamenu. Hustota informací je nízká: jedno prohlášení na sekci, jeden obrázek na nápad.

Stránce dominují velkoformátové editoriální módní fotografie – portréty v plné šířce a záběry modelek ve tříčtvrteční délce, za kontrolovaného studiového osvětlení, převážně neutrální a tlumené s teplými tóny. Snímky jsou hustě namačkané a vyplňují prostor od okraje k okraji, bez zaoblených rohů, ozdobných masek nebo překrývajících se rámečků. Charakteristickou technikou je rámeček „dva portréty vedle sebe“ (MUJER / HOMBRE): dva stejně důležité portréty umístěné vedle sebe, každý označený jednou kategorií v levém dolním rohu. Fotografie jsou zarámovány jako galerijní tisky – objekt je výrazný, chybí kontext, lidské měřítko a paleta je monochromatická. Žádné scény ze života, žádné rekvizity, žádná texturovaná pozadí.

Paleta

Neutrální

  • Canvas White #ffffff — Lehký podpůrný povrch pro vytvoření nenápadného pozadí a oddělení sekcí. Neměl by být použit jako primární barva pro výzvu k akci.
  • Ink Black #080808 — Text těla, ikony, odkazy, typ navigace, ohraničení tlačítek, logo, text zápatí – jemnější barva než čistě černá, aby fotografie na jejím pozadí nepůsobily příliš ostře.
  • True Black #000000 — Překrytí hlavního textu přes tmavé obrázky, text těla, popisky tlačítek – čistě černá se používá pouze pro nejkontrastnější typografické prvky.
  • Mist Gray #dadada — Jemné ohraničení, podtržená vstupní pole, jemné oddělovače, obrysy, když jsou vypnuté – nejtišší neutrální odstín, viditelný pouze tím, co odděluje.
  • Signal Red #c80000 — Červená barva slouží jako další akcent pro dekorativní detaily a zdůraznění nízkých frekvencí.

Typografie

od 12 do 35 pixelů · 3 kroky

  • SuisseIntl — nahrazení: Neue Haas Grotesk Display · obrysy 400, 500, 700 · V celém rozhraní se používá jedno písmo pro navigaci, text, nadpisy, tlačítka a popisy produktů. Kladné řádkování písmen (0,01–0,04 em) je pro obrazovkové písmo neobvyklé a vylepšuje dojem z tištěného katalogu; váha 700 je vyhrazena pro popisy kategorií, 500 pro navigaci a tlačítka a 400 pro vše ostatní. Branding je konzistentní s jednou rodinou písel a velmi úzkým rozsahem velikostí (12–35 px) – písmo nikdy nepřevládá.

Intervaly a forma

ÚčelVýznam
Hustotaprostorný
Základní krok8px
Poloměr tlačítka0px
Poloměr karty0px
Stínyne - okraje místo stínů
Mezi sekcemi135px

Umělá inteligence vám vytvoří web ve stylu COS a naplní ho

  • Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
  • Přeneste obsah ze starého webu – stačí zadat adresu.
  • Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
  • Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.

Podobné styly

  • Airbnb — Tichá bílá galerijní stěna s jedinou korálově červenou záložkou
  • Apple (España) — bílá galerijní vitrína
  • Silencio — Bílá místnost s vznášejícími se artefakty. Galerijní expozice z teplého papíru, kde každý prvek zaujímá své místo na pozadí negativního objemu a ticho je záměrným designovým rozhodnutím.
  • Oakâme — Sluncem zalitá provensálská dílna vytesaná z teplého kamene
  • Nike — Monochromatická galerie sportovních úspěchů – bílé stěny, produkt jako umělecké dílo, chrom rozpuštěný v pozadí
  • Arc — Průmyslová bílá galerie nad půlnoční vodou
  • Rivian — Elektrický monolit na betonové zdi galerie. Rivian prezentuje každé vozidlo jako sochu na pozadí rozlehlého bílého prostoru s typografií tak velkou, že se stává architektonickým prvkem, a jedinou teplou žlutou barvou, která prolamuje monochromatickou atmosféru, jako sluneční světlo na matném povrchu.
  • Analogue — Černá galerijní vitrína – zboží se vznáší v prázdnotě
  • ddna — teplá muzejní vitrína na neošetřeném lněném plátně
  • Zellerfeld — Sochařská dílna na bílém mramoru – monolitické povrchy podstavce, jediná jiskra kobaltu, šepot malých písmen od podlahy ke stropu
  • UY Studio — Kamenná galerie kláštera je tichý prostor s betonovými zdmi, kde na bílých podstavcích stojí flakony s parfémy, osvětlené jednou 400wattovou lampou a čtyřmi teple šedými žárovkami.
  • Basic.Space — kurátorská galerie na bílém mramoru