monopo saigon
Skystas, vaivorykštinis švytėjimas už redakcijos tylos – monochrominė redakcijos galerija, plūduriuojanti išsilydžiusioje šviesoje
„Monopo Saigon“ vadovaujasi radikalia monochromijos disciplina: gryna juoda ir balta su subtiliais pilkos spalvos tonais, apgaubta masyvaus „Roobert“ šrifto, kuris tarsi kvėpuoja drobėmis, apimančiomis visą puslapio plotį. Būdingas kontrastas slypi griežtame redakciniame santūrume (aštrūs navigacijos ir teksto nuorodų kampai, gausi balta erdvė, 4 pikselių ritmas) ir viename išraiškingame geste – 75 pikselių spindulio mygtukuose, kurie lyg skystis plūduriuoja virš vaizdų. Pagrindiniai dizaino elementai linksta link vaivorykštės, skystos chromatinės atmosferos (žali atspalviai išblunka iki gintaro, o vėliau – iki sodrios bordo spalvos), o pati sąsaja niekada neįgauna nė vieno atspalvio, sukurdama nespalvotos redakcinės galerijos, plūduriuojančios virš skystos šviesos upės, įspūdį. Šriftas nustato toną: 300 eilučių storis ties 78 pikseliais šnabžda, 400 eilučių storis ties 225 pikseliais užpildo peržiūros sritį, o 400 eilučių storis ties 11 pikselių užtikrintai ir minimaliai apibrėžia visa kita. Judesys išraiškingas, tačiau kantrus – kubinės bezjė (0,19, 1, 0,22, 1) anti-aliasing kreivės, ištęsiančios iki 1,25 s, transformuoja perėjimus, leisdamos elementams slysti, o ne staigiai sustoti.
Išdėstymas centruotas, maksimalus plotis – 1078 pikseliai, o tamsios įžangos apima visą puslapio plotį ir tęsiasi už konteinerio ribų. Įžangos dalis užima visą rodinio sritį: virš mirgančio medijos turinio kabo centruotas, monumentalus pavadinimas („Un i ted“, „Unbound“), viršuje plūduriuoja minimalistinė navigacija, o apačioje kairėje – viena besisukanti piktograma. Pagrindinės teksto dalys išdėstytos erdviu redakciniu ritmu – dideli 46 pikselių tarpai tarp skyrių sukuria erdvės tarp blokų, pakaitomis baltos ir tamsios (juodos su baltu šriftu) juostelės. Turinio išdėstymas asimetriškas: vyrauja pakaitomis rodomas tekstas kairėje / vaizdas dešinėje ir vaizdas kairėje / tekstas dešinėje, be centruotų blokų už įžangos dalies ribų. Kortelių tinkleliai rodomi kaip vieno stulpelio, o ne kelių stulpelių projektų sąrašai – kiekvienas projektas užima visą plotį su savo vaizdu ir pavadinimu. Navigaciją sudaro permatoma viršutinė juosta su logotipu kairėje, lokalizacija centre ir meniu dešinėje – jokių nuolatinių spalvų pakeitimų, jokio šešėlio, tik nematomas išsaugojimo mygtukas. Puslapio apačioje yra kompaktiškas trijų stulpelių adresų blokas (Tokijas, Saigonas, Londonas) su diskretišku tekstu. Apskritai tai skaitmeninio žurnalo redakcinis stilius.
Vizualiniai elementai teatrališki ir unikalūs: pagrindiniame ekrane dominuoja masyvi, vaivorykštinė, skysta tekstūra – organiniai žali atspalviai, tirpstantys gintaro ir bordo spalvose, tarsi aliejus ant vandens ar išlydytas stiklas. Tai atrodo kaip atmosferinis medijos turinys, užimantis visą ekraną, galbūt vaizdo įrašas ar drobė, sukurta naudojant šešėliavimo įrankius, ir suvokiama kaip vienas jutiminis momentas, o ne pasikartojantis raštas. Projekto demonstracinėse versijose naudojamos intymios redakcinės fotografijos (didelio masto produktų nuotraukos, reklaminiai vaizdai), pateikiamos be rėmelių ar apvadų – vaizdas yra turinys. Nėra jokių iliustracijų, jokių piktogramų, išskyrus mažyčius vartotojo sąsajos simbolius, jokių dekoratyvinių formų. Ikonografija minimali arba jos visai nėra; besisukanti apskrita teksto piktograma yra vienintelis sistemos tipografinis puošmuo. Bendras tankis: dominuoja vienas didelis vizualinis gestas, po kurio seka ilgi, ramūs redakciniai tipografijos ir produktų vaizdų fragmentai.
Paletė
Prekės ženklas
- Iridescent Fade
#a02d25— Chromatinis akcentas atsiranda tik gradiento perėjime – išsilydęs bordo atspalvis, kuris sudaro vaivorykštės atmosferos pagrindą, sąsajos valdikliuose nenaudojamas.
Neutralus
- Obsidian
#000000— Pagrindinis tekstas, SVG kontūras, užpildymas per visą pagrindinį tekstą – gryna juoda spalva talpina visą priekinio plano informaciją ir grafinius elementus. - Paper
#ffffff— Šviesus tekstas ant tamsių paviršių, apversti subtitrai ir didelio kontrasto antraštės. Venkite naudoti šviesų tekstą kaip pagrindinę spalvą raginimams veikti. - Inkstone
#181818— Pagrindinis tekstas poraštėje ir papildomos antraštės yra prislopinta juoda spalva, skirta ilgiems tekstams skaityti. - Felt Gray
#6d6d6d— Pagalbinis tekstas, adresų blokai, teisiniai tekstai – tylios anotacijos, kurios nepastebimai dingsta, bet visiškai neišnyksta. - Slate Pill
#636363— Mygtuko neutralus fonas yra vienintelis vientisas užpildas, naudojamas tokiems veiksmams kaip „Priimti“. - Ash Mist
#9a9a9a— Neutralus, vidutinio tono atspalvis silpnai matomiems arba mažai kontrastingiems paviršiams.
Tipografija
nuo 12 iki 225 pikselių · 9 žingsniai
- Roobert — pakeitimas: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · kontūrai 300, 400, 600 · Pagrindinis šriftas naudojamas visam sąsajos tekstui, navigacijai, antraštėms, pagrindiniam tekstui, sąrašams ir poraštėms. Šis pagal užsakymą sukurtas šriftas be serifų derina geometrinį aiškumą su humanistiniu šilumu; platus storių diapazonas (nuo 300 „Whisper“ iki 600 „Anchor“) leidžia šriftui laisvai reikštis – nuo monumentalių antraščių iki pastabų.
- Raleway — pakeitimas: Montserrat or Jost · kontūrai 400 · Naudojamas tik tam tikruose antraščių kontekstuose, kur elegantiškesnis, siauresnis be serifo šriftas suteikia kontrastą – retai naudojamas kaip kontrastas drąsesniam Roberto šriftui.
- system-ui — pakeitimas: Inter · kontūrai 400 · Sąsajos mikrožymės, slapukų reklamjuostės tekstas, mažas šriftas – numatytoji naršyklės atsarginė parinktis, užtikrinanti įskaitomumą iki smulkiausių detalių, nereikalaujant pasirinktinio šrifto.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 14px |
| Mygtuko spindulys | 75px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 46px |
| Puslapio plotis | 1078px |
Dirbtinis intelektas sukurs jūsų svetainę monopo saigon stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Hyer Aviation — Prieblanda kabinoje virš pergamento. Blyškus aušros dangus susitinka su fiuzeliažo dydžio serifo logotipu, o vienas šiltas molio akcentas nutraukia monochromatinį santūrumą.
- OFF+BRAND. — Vaivorykštinė sfera ant šilto pergamento
- Seed — gyvas organizmas po laboratoriniu stiklu
- Eindhoven Design District — Redakcinis brutalumas ant balto popieriaus yra savivaldybės dizaino manifestas, atliktas dideliu šriftu, su minimaliu fotografijos kiekiu ir absoliučiu santūrumu.
- Subframe — Grafinis piešinys ant šilto pergamento. Dizainerio popierius, kuriame kiekvienas potėpis yra arba grafitas, arba trintukas, niekada netapytas – gylis pasiekiamas per linijų storį ir retus serifus.
- Miranda — Klasikinis plataus formato šriftas šviesiai kreminiame fone – skaitmeninio amžiaus laikraščio redakcijos straipsnis
- Monocle — Aukštos kokybės, plataus formato laikraštis ant kreminės spalvos popieriaus. Kruopščiai kuruojamas redakcinis straipsnis, kuriame kiekvienas stulpelis nusipelno savo vietos ir puslapyje pateikiama tik viena prasminga spalva.
- Agencja brandingowa — Redakcinė galerija baltais tonais ir juodu rašalu atlikta tipografija
- Websmith Studio — Ryto šviesa ant kreminio popieriaus
- Aspelin Reitan — Architektūros archyvas žvakių šviesoje – puslapis atrodo kaip prie šiltos kreminės sienos pritvirtintų pastatytų erdvių portfolio, o virš kiekvieno paveikslėlio per visą puslapio plotį kybo viena balto teksto eilutė.
- Public — Monochrominis redakcinis straipsnis ant šalto marmuro – beveik monochrominė drobė, su 300 taškų serif šriftu ir vienu violetiniu akcentu, atliekančiu visą spalvų darbą.
- Motto — Tipografinis monolitas ant popieriaus – vienas, užtikrintas balsas, pasiskelbiantis ant sniego baltumo popieriaus