monopo saigon
Redaksiýa dymmagynyň arkasyndaky suwuk, ýalpyldawuk şöhle — ereýän ýagtylykda ýüzýän monohrom redaksiýa galereýasy
“Monopo Saigon” radikal monohrom tertip-düzgüniň aşagynda işleýär: arassa gara we ak reňkler, inçe çal reňkler, sahypanyň tutuş giňligini gurşap alýan tuwallarda dem alýan ýaly görünýän ägirt uly Roobert şriftiniň töweregine saralýar. Esasy kontrast berk redaksiýa çäklendirmesinde (nawigasiýanyň we tekst baglanyşyklarynyň ýiti burçlary, köp ak boşluk, 4 piksele esaslanýan ritm) we ýeke-täk eksprestiw hereketde — suratlaryň üstünde suwuklyk ýaly ýüzýän 75 piksel radiusly düwmelerde ýerleşýär. Esasy dizaýn elementleri ýalpyldawuk, suwuk hromatik atmosferalara tarap çekilýär (ýaşyl reňkler sary reňke, soňra bolsa çuňňur bordo reňkine öwrülýär), interfeýsiň özi bolsa hiç haçan ýekeje reňk almaýar we suwuk ýagtylyk derýasynyň üstünde ýüzýän gara-ak redaksiýa galereýasynyň duýgusyny döredýär. Şrift äheňi kesgitleýär: 78 piksellik 300 setirlik agram pyşyrdaýar, 225 piksellik 400 setirlik agram görnüş meýdançasyny doldurýar we 11 piksellik 400 setirlik agram ähli zady ynamly we minimal derejede kesgitleýär. Hereket eksprestiw, ýöne sabyrly — kub-bezier (0.19, 1, 0.22, 1) deňleşdirilme garşy egriler, 1.25s çenli uzalýar, geçişleri özgerdýär, elementleriň birden durmagynyň ýerine süýşmegine mümkinçilik berýär.
Maket iň ýokary ini 1078 piksel bolup, garaňky sepgit bölekleri sahypanyň tutuş inini gurşap alýar we konteýnerden daşary çykýar. sepgit bölegi tutuş görnüş meýdançasyny eýeleýär: merkezleşdirilen, monumental at (Uni ted, Unbound) ýalpyldawuk media mazmunynyň üstünde galýar, minimalist nawigasiýa ýokarky bölekde ýüzýär we ýekeje aýlanýan nyşan aşaky çep bölegi eýeleýär. Esasy nusga bölümleri giň redaksiýa ritmine eýerýär - bölümleriň arasyndaky uly 46 piksel aralyklar bloklaryň arasynda dem alyş üçin mümkinçilik döredýär, ak we garaňky (ak şrift bilen gara) zolaklary çalyşýar. Mazmun düzümi asimmetrik: çepde tekst/sagda surat we çepde surat/sagda tekst çalyşýar, sepgit bölüminiň daşynda merkezleşdirilen bloklar ýok. Kart torlary köp sütünli däl-de, bir sütünli taslama sanawlary hökmünde görkezilýär - her taslama öz suraty we ady bilen tutuş ini eýeleýär. Nawigasiýa çepde logotipi bolan açyk ýokarky zolakdan, merkezde ýerleşýän ýeri we sagda menýudan ybaratdyr - hemişelik reňk üýtgeşmeleri ýok, kölege ýok, diňe görünmeýän saklamak düwmesi bar. Sahypanyň aşagynda gizlin tekstli kiçi üç sütünli adres bloky (Tokio, Saýgon, London) ýerleşýär. Umuman alanyňda, bu sanly žurnalyň redaksiýa stili.
Wizual görnüşler teatrlaşdyrylan we özboluşly: esasy ekranda ägirt uly, ýalpyldawuk, suwuk tekstura agdyklyk edýär - organiki ýaşyl reňkler suwuň üstündäki ýag ýa-da ereýän aýna ýaly, amber we bordo reňkleriniň arasynda ereýär. Bu atmosfera media mazmunynyň tutuş ekrany eýeleýän ýaly duýulýar, belki-de, şeýderler bilen döredilen wideo ýa-da polotno we gaýtalanýan nusga däl-de, ýeke-täk duýgy pursady hökmünde kabul edilýär. Taslamanyň demolary çarçuwasyz ýa-da çäksiz görkezilen ýakyn redaksiýa fotosuratlaryny (uly möçberli önüm suratlary, mahabat suratlary) ulanýar - surat mazmundyr. Kiçijik UI gliflerinden başga suratlar, nyşanlar ýok, bezeg şekilleri ýok. Ikonografiýa minimal ýa-da ýok; aýlanýan tegelek tekst nyşany ulgamyň ýeke-täk tipografik bezegi bolup hyzmat edýär. Umumy dykyzlyk: tekst uly ölçegde ýeke-täk wizual hereket bilen agdyklyk edýär, ondan soň tipografiýanyň we önüm suratlarynyň uzyn, asuda redaksiýa bölekleri gelýär.
Palitra
Brend
- Iridescent Fade
#a02d25— Hromatik aksent diňe gradient geçişinde peýda bolýar — reňkli atmosferanyň esasyny düzýän ereýän bordo reňki interfeýs dolandyryş elementlerinde ulanylmaýar.
Neýtral
- Obsidian
#000000— Esasy tekst, SVG çyzgysy, esasy tekstiň üstüne doldurmak - arassa gara reňk ähli öň plan maglumatlaryny we grafik elementleri öz içine alýar. - Paper
#ffffff— Garaňky ýüzlerde açyk tekst, tersine ýazylan ýazgylar we ýokary kontrastly sözbaşylar. Herekete çagyryşlar üçin açyk teksti esasy reňk hökmünde ulanmakdan gaça duruň. - Inkstone
#181818— Aşakdaky esasy tekst we goşmaça sözbaşylar uzyn tekstleri okamak üçin gara reňkde. - Felt Gray
#6d6d6d— Kömekçi tekstler, salgy bloklary, hukuk tekstleri – doly ýitip gitmezden, duýulman yza çekilýän sessiz bellikler. - Slate Pill
#636363— Neýtral doldurylan düwme fony "Kabul etmek" ýaly hereketler üçin ulanylýan ýeke-täk berk doldurgyçdyr. - Ash Mist
#9a9a9a— Görüşi pes ýa-da kontrasty pes ýüzler üçin neýtral, orta reňkli reňk.
Tipografiýa
12-den 225 piksele çenli · 9 ädim
- Roobert — çalyşmak: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · konturlar 300, 400, 600 · Esasy şrift interfeýsiň ähli tekstleri, nawigasiýa, sözbaşylar, esasy tekst, sanawlar we aşaky kolonkalar üçin ulanylýar. Bu ýörite dizaýn edilen sans-serif geometrik aýdyňlygy ynsanperwerlik ýylylygy bilen utgaşdyrýar; onuň giň agram diapazony (300 Whisper-den 600 Anchor-a çenli) şriftiň dem almagyna mümkinçilik berýär - monumental sözbaşylardan belliklere çenli.
- Raleway — çalyşmak: Montserrat or Jost · konturlar 400 · Diňe has ajaýyp, dar sans-serif şriftiniň kontrast döredýän käbir sözbaşy kontekstlerinde ulanylýar - has batyrgaý Robert şriftine garşylyk hökmünde seýrek ulanylýar.
- system-ui — çalyşmak: Inter · konturlar 400 · Interfeýs mikro-ýazgylary, kuki banneriniň esasy teksti, kiçi şrift - brauzeriň esasy ätiýaçlyk opsiýasy, ýörite şrift gerek bolmazdan iň kiçi jikme-jikliklerde okamaga mümkinçilik berýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 14px |
| Düwme radiusy | 75px |
| Kart radiusy | 0px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 46px |
| Sahypanyň giňligi | 1078px |
Süni intellekt web sahypaňyzy monopo saigon stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Hyer Aviation — Kabinadaky garaňkylyk pergament kagyzynyň üstünde görünýär. Solgun şapagyň asmany fýuzeleýiň ölçegindäki serif logotipi bilen gabat gelýär we ýekeje ýyly palçyk reňkli aksent monohrom saklaýyşy bozýar.
- OFF+BRAND. — Ýyly pergamentde ýalpyldawuk sfera
- Seed — laboratoriýa aýnasynyň aşagyndaky diri organizm
- Eindhoven Design District — Ak kagyzdaky redaksiýa redaksiýa rehimsizligi, minimal suratçylyk we doly çäklendirme bilen uly şriftde ýerine ýetirilen şäher dizaýn manifestidir.
- Subframe — Gyzgyn pergamentde grafiki surat. Her bir çyzgy ýa grafit ýa-da pozujy bolan dizaýner kagyzynda hiç haçan boýalmaýar — çuňluk çyzyk galyňlygy we seýrek serifler arkaly gazanylýar.
- Miranda — Açyk krem reňkli fonda klassiki giň formatly şrift — sanly döwür üçin gazet redaksiýasy
- Monocle — Krem reňkli kagyzda ýokary hilli, giň formatly gazet. Her bir sütün öz ornuna mynasyp bolan we sahypada diňe bir manyly reňk peýda bolýan üns bilen taýýarlanan redaksiýa makalasy.
- Agencja brandingowa — Ak reňklerde, gara syýa bilen ýazylan tipografiýa bilen redaksiýa galereýasy
- Websmith Studio — Kremli kagyzda irdenki ýagtylyk
- Aspelin Reitan — Candlelight tarapyndan döredilen binagärlik arhiwi - Sahypa, ýyly krem reňkli diwara berkidilen gurlan giňişlikleriň portfeline meňzeýär, sahypanyň tutuş giňligi boýunça her bir suratyň üstünde ak tekstiň bir setiri ýüzýär.
- Public — Sowuk mermeriň üstünde monohrom redaksiýa — tas monohrom kanwata, 300 punktlyk serif şrifti we ýekeje gyrmyzy reňkli aksenti bilen ähli reňkleri ýerine ýetirýär.
- Motto — Kagyzdaky tipografik monolit – gar ýaly ak kagyzda özüni yglan edýän ýeke-täk, ynamly ses