
monopo saigon
O strălucire lichidă, iridescentă, în spatele tăcerii editoriale — o galerie editorială monocromă plutind pe o lumină topită
Monopo Saigon operează sub o disciplină monocromă radicală: alb-negru pur cu tonuri subtile de gri, înfășurate în jurul unui font Roobert masiv, care pare să respire pe pânze care se întind pe întreaga lățime a paginii. Contrastul caracteristic constă în stricta reținere editorială (unghiuri ascuțite de navigare și linkuri text, spațiu alb abundent, un ritm bazat pe 4px) și un singur gest expresiv - butoane cu o rază de 75px care plutesc ca un lichid deasupra imaginilor. Principalele elemente de design gravitează spre atmosfere cromatice iridescente, fluide (verdele se estompează în chihlimbar și apoi în vișiniu intens), în timp ce interfața în sine nu capătă nicio nuanță, creând senzația unei galerii editoriale alb-negru plutind deasupra unui râu de lumină lichidă. Fontul dă tonul: o grosime de 300 de linii la 78px șoptește, o grosime de 400 de linii la 225px umple viewport-ul, iar o grosime de 400 de linii la 11px definește cu încredere și minimalism tot restul. Mișcarea este expresivă, dar răbdătoare — curbe anti-aliasing de tip Bezier cubic (0,19, 1, 0,22, 1), care se întind până la 1,25 secunde, transformă tranzițiile, permițând elementelor să alunece în loc să se oprească brusc.
Aspectul este centrat la o lățime maximă de 1078px, cu secțiuni de introducere întunecate care se întind pe întreaga lățime a paginii și dincolo de container. Secțiunea de introducere ocupă întreaga fereastră de vizualizare: un titlu monumental, centrat (United, Unbound) plutește deasupra conținutului media strălucitor, o navigare minimalistă plutește în partea de sus, iar o singură pictogramă rotativă ocupă colțul stânga jos. Secțiunile corpului textului urmează un ritm editorial spațios - spații mari de 46px între secțiuni creează spațiu de respirație între blocuri, alternând dungi albe și întunecate (negre cu font alb). Aspectul conținutului este asimetric: predomină alternarea textului în stânga/imaginei în dreapta și a imaginii în stânga/textului în dreapta, fără blocuri centrate în afara secțiunii de introducere. Grilele de carduri sunt afișate ca liste de proiecte pe o singură coloană, mai degrabă decât pe mai multe coloane - fiecare proiect ocupă întreaga lățime cu propria imagine și titlu. Navigarea constă dintr-o bară superioară transparentă cu sigla în stânga, localizarea în centru și un meniu în dreapta - fără modificări permanente de culoare, fără umbră, doar un buton invizibil de salvare. În partea de jos a paginii se află un bloc compact de adrese pe trei coloane (Tokyo, Saigon, Londra) cu text discret. Per total, este stilul editorial al unei reviste digitale.
Elementele vizuale sunt teatrale și unice: ecranul principal este dominat de o textură masivă, irizată, fluidă - nuanțe organice de verde care se dizolvă în chihlimbar și vișiniu, precum uleiul pe apă sau sticla topită. Aceasta se simte ca un conținut media atmosferic care ocupă întregul ecran, poate un videoclip sau o pânză creată cu shadere, și este percepută ca un singur moment senzorial, mai degrabă decât ca un model repetitiv. Demonstrațiile proiectului utilizează fotografii editoriale intime (fotografii de produse la scară largă, imagini promoționale) prezentate fără rame sau chenare - imaginea este conținutul. Nu există ilustrații, nici pictograme în afară de mici glife din interfața utilizatorului, nici forme decorative. Iconografia este minimă sau absentă; o pictogramă circulară rotativă de text servește drept singurul element tipografic al sistemului. Densitatea generală: textul domină cu un singur gest vizual la o dimensiune mare, urmat de lungi și calme porțiuni editoriale de tipografie și imagini de produse.
Paletă
Marca
- Iridescent Fade
#a02d25— Accentul cromatic apare doar în tranziția gradientului — nuanța visiniu topit care formează baza atmosferei iridescente nu este utilizată în comenzile interfeței.
Neutru
- Obsidian
#000000— Textul corpului, contur SVG, umplere peste textul corpului - negrul pur conține toate informațiile și elementele grafice din prim-plan. - Paper
#ffffff— Text deschis la culoare pe suprafețe întunecate, legende inversate și titluri cu contrast ridicat. Evitați utilizarea textului deschis la culoare ca și culoare principală pentru îndemnurile la acțiune. - Inkstone
#181818— Textul principal din subsol și titlurile suplimentare sunt de culoare neagră estompată pentru citirea textelor lungi. - Felt Gray
#6d6d6d— Text auxiliar, blocuri de adrese, texte juridice – adnotări discrete care trec neobservate fără a dispărea complet. - Slate Pill
#636363— Fundalul neutru al butonului este singura umplutură solidă folosită pentru acțiuni precum Acceptare. - Ash Mist
#9a9a9a— O nuanță neutră, de ton mediu, pentru suprafețe cu vedere slabă sau contrast scăzut într-un set de suprafețe.
Tipografie
de la 12 la 225px · 9 pași
- Roobert — înlocuire: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · contururi 300, 400, 600 · Fontul principal este utilizat pentru tot textul interfeței, navigare, titluri, textul corpului de pagină, liste și subsoluri. Acest sans-serif personalizat combină claritatea geometrică cu căldura umanistă; gama sa largă de grosimi (de la 300 Whisper la 600 Anchor) permite fontului să respire - de la titluri monumentale la note.
- Raleway — înlocuire: Montserrat or Jost · contururi 400 · Folosit doar în anumite contexte de titluri unde un sans-serif mai elegant și îngust oferă contrast - rareori folosit ca contrapunct la un font Robert mai îndrăzneț.
- system-ui — înlocuire: Inter · contururi 400 · Micro-etichete de interfață, text al bannerului pentru cookie-uri, font mic - opțiunea implicită de rezervă a browserului, asigurând lizibilitatea în cele mai mici detalii fără a fi nevoie de un font personalizat.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 14px |
| Raza butonului | 75px |
| Raza cardului | 0px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 46px |
| Lățimea paginii | 1078px |
Inteligența artificială vă va construi site-ul web în stilul monopo saigon și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Hyer Aviation — Amurg în cockpit peste pergament. Cerul palid al zorilor întâlnește logo-ul serif de dimensiunea fuselajului, iar un singur accent cald de lut rupe reținerea monocromă.
- OFF+BRAND. — Sferă iridescentă pe pergament cald
- Seed — un organism viu sub sticlă de laborator
- Eindhoven Design District — Brutalismul editorial pe hârtie albă este un manifest al designului municipal, executat cu caractere mari, cu fotografie minimă și reținere absolută.
- Subframe — Un desen grafic pe pergament cald. Hârtie de designer, unde fiecare tușă este fie grafit, fie radieră, niciodată pictată - profunzimea se obține prin grosimea liniei și serife rare.
- Miranda — Font clasic de format lat pe un fundal crem deschis - un editorial de ziar pentru era digitală
- Monocle — Un ziar de înaltă calitate, de format lat, pe hârtie crem. Un editorial atent selecționat, unde fiecare rubrică își merită locul, iar pe pagină apare o singură culoare semnificativă.
- Agencja brandingowa — O galerie editorială în tonuri de alb cu tipografie realizată cu cerneală neagră
- Websmith Studio — Lumina dimineții pe hârtie crem
- Aspelin Reitan — Arhivă arhitecturală la lumina lumânărilor - Pagina arată ca un portofoliu de spații construite, prins pe un perete crem cald, cu o singură linie de text alb plutind deasupra fiecărei imagini pe toată lățimea paginii.
- Public — Un editorial monocrom pe marmură rece — aproape o pânză monocromă, cu un font serif de 300 de puncte și un singur accent violet care se ocupă de toată culoarea.
- Motto — Un monolit tipografic pe hârtie – o singură voce încrezătoare care se declară pe hârtie albă ca zăpada