Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdesenvolupadorDesenvolupant eines d'IA per a empreses. Alta qualitat. Assequible.Escriure a Telegram
monopo saigon — una vista prèvia d'un lloc web amb aquest estil

monopo saigon

Una resplendor líquida i iridescent darrere del silenci editorial: una galeria editorial monocroma flotant sobre llum fosa

Monopo Saigon opera sota una disciplina monocromàtica radical: blanc i negre pur amb subtils tons grisos, embolicats al voltant d'una tipografia Roobert massiva que sembla respirar sobre llenços que abasten tota l'amplada de la pàgina. El contrast característic rau en l'estricta contenció editorial (angles nítids de navegació i enllaços de text, abundant espai en blanc, un ritme basat en 4px) i un únic gest expressiu: botons de radi de 75px que suren com líquid per sobre de les imatges. Els principals elements de disseny graviten cap a atmosferes cromàtiques iridescents i fluides (els verds s'esvaeixen a l'ambre i després a un bordeus profund), mentre que la interfície en si no adquireix mai un sol to, creant la sensació d'una galeria editorial en blanc i negre flotant per sobre d'un riu de llum líquida. La tipografia marca la pauta: un pes de 300 línies a 78px xiuxiueja, un pes de 400 línies a 225px omple la finestra gràfica i un pes de 400 línies a 11px defineix amb confiança i mínimament tot el demés. El moviment és expressiu però pacient: corbes antialiàsing de tipus Bézier cúbic (0,19, 1, 0,22, 1), que s'estenen fins a 1,25 s, transformen transicions que permeten que els elements es moguin en lloc d'aturar-se bruscament.

El disseny està centrat en una amplada màxima de 1078 px, amb seccions fosques que abasten tota l'amplada de la pàgina i s'estenen més enllà del contenidor. La secció d'inici ocupa tota la finestra gràfica: un títol monumental centrat (Un i ted, Unbound) sura per sobre del contingut multimèdia brillant, una navegació minimalista sura a la part superior i una única icona giratòria ocupa la part inferior esquerra. Les seccions del cos del text segueixen un ritme editorial espaiós: grans espais de 46 px entre seccions creen un espai per respirar entre els blocs, alternant franges blanques i fosques (negre amb font blanca). El disseny del contingut és asimètric: predomina l'alternança de text a l'esquerra/imatge a la dreta i imatge a l'esquerra/text a la dreta, sense blocs centrats fora de la secció d'inici. Les graelles de targetes es mostren com a llistes de projectes d'una sola columna en lloc de diverses columnes: cada projecte ocupa tota l'amplada amb la seva pròpia imatge i títol. La navegació consisteix en una barra superior transparent amb el logotip a l'esquerra, la localització al centre i un menú a la dreta: sense canvis de color permanents, sense ombra, només un botó de desar invisible. A la part inferior de la pàgina hi ha un bloc d'adreces compacte de tres columnes (Tòquio, Saigon, Londres) amb text discret. En general, és l'estil editorial d'una revista digital.

Els elements visuals són teatrals i únics: la pantalla principal està dominada per una textura massiva, iridescent i fluida: tons verds orgànics que es dissolen a través de l'ambre i el bordeus, com oli sobre aigua o vidre fos. Això sembla que el contingut multimèdia atmosfèric ocupi tota la pantalla, potser un vídeo o un llenç creat amb shaders, i es percep com un únic moment sensorial en lloc d'un patró repetitiu. Les demostracions del projecte utilitzen fotografia editorial íntima (fotos de productes a gran escala, imatges promocionals) presentades sense marcs ni vores: la imatge és el contingut. No hi ha il·lustracions, ni icones més enllà de petits glifs de la interfície d'usuari, ni formes decoratives. La iconografia és mínima o absent; una icona de text circular giratòria serveix com a únic embelliment tipogràfic del sistema. Densitat general: el text domina amb un únic gest visual a gran mida, seguit de llargs i tranquils trams editorials de tipografia i imatges de productes.

Paleta

Marca

  • Iridescent Fade #a02d25 — L'accent cromàtic només apareix dins de la transició de gradient: el to bordeus fos que forma la base de l'atmosfera iridescent no s'utilitza als controls de la interfície.

Neutral

  • Obsidian #000000 — Text del cos, traç SVG, farciment sobre el text del cos: el negre pur conté tota la informació i els elements gràfics en primer pla.
  • Paper #ffffff — Text clar sobre superfícies fosques, subtítols invertits i titulars d'alt contrast. Eviteu utilitzar text clar com a color principal per a les crides a l'acció.
  • Inkstone #181818 — El text principal del peu de pàgina i els encapçalaments addicionals són d'un color negre apagat per llegir textos llargs.
  • Felt Gray #6d6d6d — Text auxiliar, blocs d'adreces, textos legals: anotacions silencioses que passen desapercebudes sense desaparèixer del tot.
  • Slate Pill #636363 — El fons neutre del botó és l'únic farciment sòlid que s'utilitza per a accions com ara Accepta.
  • Ash Mist #9a9a9a — Un to neutre de to mitjà per a superfícies amb baixa visió o baix contrast en un conjunt de superfícies.

Tipografia

de 12 a 225 px · 9 passos

  • Roobert — reemplaçament: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · esquemes 300, 400, 600 · La tipografia principal s'utilitza per a tot el text de la interfície, la navegació, els encapçalaments, el text del cos, les llistes i els peus de pàgina. Aquesta sans-serif de disseny personalitzat combina la claredat geomètrica amb la calidesa humanística; la seva àmplia gamma de pesos (des de 300 Whisper fins a 600 Anchor) permet que la tipografia respiri, des de titulars monumentals fins a notes.
  • Raleway — reemplaçament: Montserrat or Jost · esquemes 400 · Només s'utilitza en certs contextos de titulars on una sans-serif més elegant i estreta proporciona contrast; rarament s'utilitza com a contrapunt a una tipografia Robert més atrevida.
  • system-ui — reemplaçament: Inter · esquemes 400 · Microetiquetes d'interfície, text del cos del bàner de galetes, font petita: l'opció alternativa per defecte del navegador, que garanteix la llegibilitat en els detalls més petits sense necessitat d'una font personalitzada.

Intervals i forma

PropòsitSignificat
Densitatdens
Pas bàsic14px
Radi del botó75px
Radi de la targeta0px
Ombressense vores en comptes d'ombres
Entre seccions46px
Amplada de la pàgina1078px

La IA crearà el vostre lloc web a l'estil monopo saigon i l'omplirà.

  • Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
  • Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
  • Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
  • Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.

Estils similars

  • Hyer Aviation — Crepuscle a la cabina sobre pergamí. El cel pàl·lid de l'alba es troba amb el logotip serif de la mida del fuselatge, i un únic detall d'argila càlida trenca la contenció monocromàtica.
  • OFF+BRAND. — Esfera iridescent sobre pergamí càlid
  • Seed — un organisme viu sota vidre de laboratori
  • Eindhoven Design District — El brutalisme editorial sobre paper blanc és un manifest de disseny municipal, executat en lletra gran, amb una fotografia mínima i una contenció absoluta.
  • Subframe — Un dibuix gràfic sobre pergamí calent. Paper de disseny, on cada traç és de grafit o goma d'esborrar, mai pintura: la profunditat s'aconsegueix mitjançant el gruix de la línia i les serifes disperses.
  • Miranda — Tipografia clàssica de format ample sobre un fons crema clar: un editorial de diari per a l'era digital
  • Monocle — Un diari de gran format i alta qualitat en paper de color crema. Un editorial acuradament seleccionat, on cada columna mereix el seu lloc i només apareix un color significatiu a la pàgina.
  • Agencja brandingowa — Una galeria editorial en tons blancs amb tipografia feta amb tinta negra
  • Websmith Studio — Llum del matí sobre paper crema
  • Aspelin Reitan — Arxiu arquitectònic a la llum de les espelmes: la pàgina sembla un portafoli d'espais construïts, enganxat a una paret de color crema càlid, amb una sola línia de text blanc flotant per sobre de cada imatge a tota l'amplada de la pàgina.
  • Public — Un editorial monocrom sobre marbre fred, gairebé un llenç monocrom, amb una font serif de 300 punts i un únic detall morat que fa tota la feina de color.
  • Motto — Un monòlit tipogràfic sobre paper: una veu única i segura que es declara sobre paper blanc com la neu