monopo saigon
Yon limyè likid, iridesan dèyè silans editoryal la—yon galeri editoryal monokrom k ap flote sou limyè fonn
Monopo Saigon opere anba yon disiplin monokrom radikal: nwa ak blan pi ak ton gri sibtil, vlope otou yon gwo karaktè Roobert ki sanble ap respire sou twal ki kouvri tout lajè paj la. Kontras siyati a chita nan kontrent editoryal strik la (ang navigasyon ak lyen tèks byen file, anpil espas blan, yon ritm ki baze sou 4px) ak yon sèl jès ekspresyon—bouton ak yon reyon 75px ki flote tankou likid anlè imaj yo. Eleman prensipal konsepsyon yo atire pa atmosfè kromatik iridesan ak likid (vèt yo vin jòn epi apre sa vin wouj fonse), alòske koòdone nan li menm pa janm pran yon sèl koulè, sa ki kreye santiman yon galeri editoryal nwa ak blan k ap flote anlè yon rivyè limyè likid. Karaktè a bay ton an: yon pwa 300 liy a 78px chuichui, yon pwa 400 liy a 225px ranpli fenèt la, epi yon pwa 400 liy a 11px defini tout lòt bagay avèk konfyans ak yon fason minim. Mouvman an ekspresif men pasyan—koub anti-aliasing kib-bezier (0.19, 1, 0.22, 1), ki etann rive nan 1.25s, tranzisyon transfòmasyon, ki pèmèt eleman yo glise olye pou yo rete bridsoukou.
Mizanpaj la santre sou yon lajè maksimòm 1078px, avèk seksyon fonse ki kouvri tout lajè paj la epi ki pwolonje pi lwen pase veso a. Seksyon prezantasyon an okipe tout fenèt la: yon tit moniman santre (Inited, Unbound) plane anlè kontni medya briyan, yon navigasyon minimalist flote anlè, epi yon sèl ikòn k ap vire okipe anba agoch la. Seksyon kò tèks yo swiv yon ritm editoryal espasye—gwo espas 46px ant seksyon yo kreye espas pou respire ant blòk yo, bann blan ak nwa (nwa ak karaktè blan) altène. Mizanpaj kontni an asimetrik: tèks altène sou bò gòch la/imaj sou bò dwat la ak imaj sou bò gòch la/tèks sou bò dwat la domine, san okenn blòk santre deyò seksyon prezantasyon an. Griy kat yo parèt kòm lis pwojè yon sèl kolòn olye de plizyè kolòn—chak pwojè okipe tout lajè a ak pwòp imaj ak tit li. Navigasyon an konsiste de yon ba transparan anlè ak logo a sou bò gòch la, lokalizasyon an nan sant la, ak yon meni sou bò dwat la—pa gen chanjman koulè pèmanan, pa gen lonbray, jis yon bouton anrejistreman envizib. Nan pati anba paj la gen yon blòk adrès kontra enfòmèl ant ak twa kolòn (Tokyo, Saigon, Lond) ak yon tèks diskrè. An jeneral, se stil editoryal yon magazin dijital.
Vizyèl yo teyatral e inik: ekran prensipal la domine pa yon teksti masif, iridesan, likid—koule vèt òganik k ap fonn nan koulè amber ak wouj grena, tankou lwil sou dlo oswa vè fonn. Sa a santi tankou kontni medya atmosferik k ap okipe tout ekran an, petèt yon videyo oswa yon twal ki kreye ak shaders, epi li pèsevwa kòm yon sèl moman sansoryèl olye de yon modèl ki repete. Demo pwojè a itilize fotografi editoryal entim (foto pwodwi gwo echèl, imaj pwomosyonèl) prezante san ankadreman oswa fwontyè—imaj la se kontni an. Pa gen okenn ilistrasyon, pa gen okenn ikòn lòt pase ti glif UI, pa gen okenn fòm dekoratif. Ikonografi a minim oswa absan; yon ikòn tèks sikilè k ap wotasyon sèvi kòm sèl anbelisman tipografik sistèm nan. Dansite jeneral: tèks domine ak yon sèl jès vizyèl nan yon gwo gwosè, ki te swiv pa long etaj editoryal kalm nan tipografi ak imaj pwodwi.
Palèt
Mak
- Iridescent Fade
#a02d25— Aksan kromatik la parèt sèlman nan tranzisyon gradyan an—koule wouj fonse ki fòme baz atmosfè iridesan an pa itilize nan kontwòl entèfas yo.
Netral
- Obsidian
#000000— Tèks kò a, konjesyon SVG, ranpli sou tèks kò a - nwa pi a gen tout enfòmasyon ak eleman grafik ki an premye plan yo. - Paper
#ffffff— Tèks klè sou sifas nwa, tit envèse, ak tit ki gen anpil kontras. Evite itilize tèks klè kòm koulè prensipal pou apèl a aksyon. - Inkstone
#181818— Tèks prensipal ki nan pye paj la ak tit adisyonèl yo se yon koulè nwa pal pou li tèks ki long. - Felt Gray
#6d6d6d— Tèks oksilyè, blòk adrès, tèks legal - anotasyon trankil ki disparèt san yo pa remake yo. - Slate Pill
#636363— Fon net bouton an se sèl ranpli solid ki itilize pou aksyon tankou Aksepte. - Ash Mist
#9a9a9a— Yon koulè net, ton mwayen pou sifas ki gen pwoblèm vizyon oswa ki gen ti kontras nan yon seri sifas.
Tipografi
soti nan 12 pou rive nan 225px · 9 etap
- Roobert — ranplasman: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · plan 300, 400, 600 · Yo itilize karaktè prensipal la pou tout tèks entèfas la, navigasyon an, tit yo, kò tèks la, lis yo, ak pye paj la. Sans-serif sa a, ki fèt espesyalman pou li, konbine klète jewometrik ak chalè imen; gwo varyete pwa li yo (soti nan 300 Whisper rive nan 600 Anchor) pèmèt karaktè a respire—soti nan tit monimantal rive nan nòt.
- Raleway — ranplasman: Montserrat or Jost · plan 400 · Yo itilize li sèlman nan sèten kontèks tit kote yon sans-serif ki pi elegant e ki pi etwat bay kontras - yo raman itilize li kòm yon kontrepwen ak yon polis karaktè Robert ki pi fonse.
- system-ui — ranplasman: Inter · plan 400 · Mikwo-etikèt nan koòdone a, tèks kò banyè bonbon an, ti polis - opsyon navigatè a itilize pa defo, ki asire lizibilite nan pi piti detay yo san ou pa bezwen yon polis pèsonalize.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 14px |
| Reyon bouton | 75px |
| Reyon kat | 0px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 46px |
| Lajè paj la | 1078px |
IA ap bati sit entènèt ou a nan style monopo saigon epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Hyer Aviation — Krepuskil nan kokpit la sou parchemin. Syèl pal douvanjou a rankontre logo serif gwosè fuselage la, epi yon sèl aksan ajil cho kraze kontrent monokrom lan.
- OFF+BRAND. — Esfè iridesan sou parchemin cho
- Seed — yon òganis vivan anba vit laboratwa
- Eindhoven Design District — Britalite editoryal sou papye blan se yon manifesto konsepsyon minisipal, egzekite an gwo karaktè, avèk yon minimòm fotografi ak yon kontrent absoli.
- Subframe — Yon desen grafik sou parchemin cho. Papye konsepsyon, kote chak tras swa grafit oswa gonm, pa janm pentire—pwofondè a reyalize atravè epesè liy ak serif ra.
- Miranda — Karaktè klasik gran fòma sou yon fon krèm pal—yon editoryal jounal pou epòk dijital la
- Monocle — Yon jounal gran fòma, kalite siperyè, sou papye koulè krèm. Yon editoryal byen òganize, kote chak kolòn merite plas li, epi se yon sèl koulè ki gen sans ki parèt sou paj la.
- Agencja brandingowa — Yon galri editoryal nan ton blan ak tipografi ki fèt ak lank nwa
- Websmith Studio — Limyè maten sou papye krèm
- Aspelin Reitan — Achiv Achitekti a Limyè Chandèl - Paj la sanble ak yon pòtfolyo espas konstwi, tache sou yon miray krèm cho, ak yon sèl liy tèks blan k ap flote anlè chak imaj sou tout lajè paj la.
- Public — Yon editoryal monokrom sou mab frèt—prèske yon twal monokrom, ak yon polis serif 300 pwen ak yon sèl aksan mov ki fè tout travay koulè a.
- Motto — Yon monolit tipografik sou papye – yon sèl vwa ki gen konfyans k ap deklare tèt li sou papye blan tankou nèj