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

monopo saigon

Tekutá, duhová záře za redakčním tichem – monochromatická redakční galerie vznášející se na roztaveném světle

Monopo Saigon funguje v radikální černobílé disciplíně: čistě černá a bílá s jemnými šedými tóny, obklopené masivním písmem Roobert, které jako by dýchalo na plátnech pokrývajících celou šířku stránky. Charakteristický kontrast spočívá v přísné redakční zdrženlivosti (ostré úhly navigace a textových odkazů, dostatek bílého prostoru, rytmus založený na 4px) a jediném expresivním gestu – tlačítkách s poloměrem 75px, která se vznášejí jako tekutina nad obrázky. Hlavní designové prvky tíhnou k duhovým, tekutým chromatickým atmosférám (zelená přechází do jantarové a poté do tmavě vínové), zatímco samotné rozhraní nikdy nezískává jediný odstín, což vytváří pocit černobílé redakční galerie vznášející se nad řekou tekutého světla. Písmo udává tón: tloušťka 300 řádků s tloušťkou 78px šeptá, tloušťka 400 řádků s tloušťkou 225px vyplňuje zobrazovací oblast a tloušťka 400 řádků s tloušťkou 11px sebevědomě a minimalisticky definuje vše ostatní. Pohyb je expresivní, ale zároveň trpělivý – kubické Bézierovy křivky s anti-aliasingem (0,19, 1, 0,22, 1) s protažením na 1,25 s transformují přechody a umožňují prvkům klouzat, nikoli se náhle zastavit.

Rozvržení je vycentrováno na maximální šířku 1078 pixelů, s tmavými úvodními sekcemi pokrývajícími celou šířku stránky a přesahujícími kontejner. Úvodní sekce zabírá celý zobrazovací prostor: nad třpytivým mediálním obsahem se vznáší centrovaný, monumentální název (Un i ted, Unbound), nahoře se vznáší minimalistická navigace a vlevo dole se nachází jedna rotující ikona. Sekce s textem textu sledují prostorný redakční rytmus – velké mezery 46 pixelů mezi sekcemi vytvářejí prostor pro dýchání mezi bloky, střídají se bílé a tmavé (černá s bílým písmem) pruhy. Rozvržení obsahu je asymetrické: převládá střídavý text vlevo/obrázek vpravo a obrázek vlevo/text vpravo, bez centrovaných bloků mimo úvodní sekci. Mřížky karet se zobrazují jako seznamy projektů v jednom sloupci, nikoli jako vícesloupcové – každý projekt zabírá celou šířku s vlastním obrázkem a názvem. Navigace se skládá z průhledného horního panelu s logem vlevo, lokalizace uprostřed a nabídky vpravo – žádné trvalé změny barev, žádný stín, pouze neviditelné tlačítko pro uložení. Ve spodní části stránky je kompaktní třísloupcový adresní blok (Tokio, Saigon, Londýn) s decentním textem. Celkově se jedná o redakční styl digitálního časopisu.

Vizuální prvky jsou teatrální a jedinečné: hlavní obrazovce dominuje masivní, duhově třpytivá, tekutá textura – organické zelené odstíny se rozpouštějí v jantarové a vínové barvě, jako olej na vodě nebo roztavené sklo. Působí to jako atmosférický mediální obsah zabírající celou obrazovku, možná video nebo plátno vytvořené pomocí shaderů, a je vnímáno spíše jako jediný smyslový okamžik než jako opakující se vzor. Dema projektu využívají intimní redakční fotografie (velkoformátové produktové snímky, propagační obrázky) prezentované bez rámečků nebo okrajů – obraz je obsah. Nejsou zde žádné ilustrace, žádné ikony kromě drobných glyfů uživatelského rozhraní, žádné dekorativní tvary. Ikonografie je minimální nebo chybí; rotující kruhová textová ikona slouží jako jediná typografická ozdoba systému. Celková hustota: text dominuje s jediným vizuálním gestem ve velké velikosti, následovaným dlouhými, klidnými redakčními úseky typografie a obrázků produktů.

Paleta

Značka

  • Iridescent Fade #a02d25 — Chromatický akcent se objevuje pouze v rámci přechodu mezi přechody – roztavený vínový odstín, který tvoří základ duhové atmosféry, se v ovládacích prvcích rozhraní nepoužívá.

Neutrální

  • Obsidian #000000 — Text těla, tah SVG, výplň přes text těla - čistě černá obsahuje všechny informace v popředí a grafické prvky.
  • Paper #ffffff — Světlý text na tmavém povrchu, invertované titulky a nadpisy s vysokým kontrastem. Nepoužívejte světlý text jako primární barvu pro výzvy k akci.
  • Inkstone #181818 — Hlavní text v zápatí a další nadpisy jsou tlumeně černé barvy pro čtení dlouhých textů.
  • Felt Gray #6d6d6d — Pomocný text, adresní bloky, právní texty – tiché anotace, které nepozorovaně ustupují, aniž by úplně zmizely.
  • Slate Pill #636363 — Neutrální pozadí tlačítka je jedinou plnou výplní používanou pro akce, jako je Přijmout.
  • Ash Mist #9a9a9a — Neutrální odstín středního tónu pro povrchy se slabou viditelností nebo nízkým kontrastem v sadě povrchů.

Typografie

od 12 do 225 pixelů · 9 kroků

  • Roobert — nahrazení: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · obrysy 300, 400, 600 · Hlavní písmo se používá pro veškerý text rozhraní, navigaci, nadpisy, text textu, seznamy a zápatí. Toto na míru navržené bezpatkové písmo kombinuje geometrickou jasnost s humanistickým vřelostí; jeho široká škála tlouštěk (od 300 Whisper do 600 Anchor) umožňuje písmu dýchat – od monumentálních nadpisů až po poznámky.
  • Raleway — nahrazení: Montserrat or Jost · obrysy 400 · Používá se pouze v určitých kontextech titulků, kde elegantnější, úzký bezpatkový písmo poskytuje kontrast - zřídka se používá jako protipól k výraznějšímu písmu Robert.
  • system-ui — nahrazení: Inter · obrysy 400 · Mikroštítky rozhraní, text bannerů s upozorněními na soubory cookie, malé písmo – výchozí záložní možnost prohlížeče, zajišťující čitelnost i v nejmenších detailech bez nutnosti vlastního písma.

Intervaly a forma

ÚčelVýznam
Hustotahustý
Základní krok14px
Poloměr tlačítka75px
Poloměr karty0px
Stínyne - okraje místo stínů
Mezi sekcemi46px
Šířka stránky1078px

Umělá inteligence vám vytvoří web ve stylu monopo saigon 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

  • Hyer Aviation — Soumrak v kokpitu nad pergamenem. Bledá ranní obloha se setkává s patkovým logem velikosti trupu a jediný teplý hliněný akcent prolamuje monochromatickou zdrženlivost.
  • OFF+BRAND. — Duhová koule na teplém pergamenu
  • Seed — živý organismus pod laboratorním sklem
  • Eindhoven Design District — Redakční brutalismus na bílém papíře je manifest městského designu, provedený velkým písmem, s minimem fotografie a absolutní zdrženlivostí.
  • Subframe — Grafická kresba na teplém pergamenu. Designový papír, kde každý tah je buď grafit, nebo guma, nikdy ne barva – hloubky se dosahuje tloušťkou čáry a řídkými patkami.
  • Miranda — Klasický velkoformátový typ písma na světle krémovém pozadí – novinový úvodník pro digitální věk
  • Monocle — Vysoce kvalitní noviny velkého formátu na krémově zbarveném papíru. Pečlivě sestavený úvodník, kde si každý sloupec zaslouží své místo a na stránce se objevuje pouze jedna smysluplná barva.
  • Agencja brandingowa — Redakční galerie v bílých tónech s typografií provedenou černým inkoustem
  • Websmith Studio — Ranní světlo na krémovém papíře
  • Aspelin Reitan — Architektonický archiv od Candlelight - Stránka vypadá jako portfolio postavených prostor, připnuté na teplé krémové zdi, s jedním řádkem bílého textu, který se vznáší nad každým obrázkem po celé šířce stránky.
  • Public — Monochromatický editoriál na chladném mramoru – téměř černobílé plátno, s patkovým písmem o velikosti 300 bodů a jediným fialovým akcentem, který odvádí veškerou barevnou práci.
  • Motto — Typografický monolit na papíře – jediný, sebevědomý hlas, který se prohlašuje na sněhobílém papíře