
monopo saigon
Šķidrs, zaigojošs mirdzums aiz redakcijas klusuma — melnbalta redakcijas galerija, kas peld uz izkusušas gaismas
Monopo Saigon darbojas radikālā monohromā disciplīnā: tīra melnbalta krāsa ar smalkiem pelēkiem toņiem, kas aptīta ar masīvu Roobert fontu, kas, šķiet, elpo uz audekliem, kas aptver visu lapas platumu. Raksturīgais kontrasts slēpjas stingrajā redakcionālajā atturībā (asi navigācijas un teksta saišu leņķi, bagātīga balta telpa, ritms, kas balstīts uz 4 pikseļiem) un vienā izteiksmīgā žestā — 75 pikseļu rādiusa pogas, kas peld kā šķidrums virs attēliem. Galvenie dizaina elementi sliecas uz zaigojošu, plūstošu hromatisku atmosfēru (zaļie toņi izgaist līdz dzintara krāsai un pēc tam līdz tumši bordo krāsai), savukārt pati saskarne nekad neiegūst nevienu nokrāsu, radot sajūtu, ka melnbalta redakcionālā galerija peld virs šķidras gaismas upes. Burtveidols nosaka toni: 300 rindu biezums ar 78 pikseļiem čukst, 400 rindu biezums ar 225 pikseļiem aizpilda skatlogu, un 400 rindu biezums ar 11 pikseļiem pārliecinoši un minimāli nosaka visu pārējo. Kustība ir izteiksmīga, tomēr pacietīga — kubiskā bezjē (0,19, 1, 0,22, 1) izlīdzināšanas līknes, kas stiepjas līdz 1,25 s, pārveido pārejas, ļaujot elementiem slīdēt, nevis pēkšņi apstāties.
Izkārtojums ir centrēts maksimālajā platumā 1078 pikseļi, ar tumšām uzplaiksnījuma sadaļām, kas aptver visu lapas platumu un sniedzas ārpus konteinera. Uzplaiksnījuma sadaļa aizņem visu skata logu: virs mirdzoša multivides satura atrodas centrēts, monumentāls nosaukums (neierobežots, bez ierobežojumiem), augšpusē peld minimālistiska navigācija, un apakšējā kreisajā stūrī atrodas viena rotējoša ikona. Pamatteksta sadaļas seko plašam redakcionālajam ritmam — lielas 46 pikseļu atstarpes starp sadaļām rada elpu starp blokiem, pārmaiņus baltas un tumšas (melnas ar baltu fontu) svītras. Satura izkārtojums ir asimetrisks: dominē pārmaiņus teksts kreisajā pusē/attēls labajā pusē un attēls kreisajā pusē/teksts labajā pusē, bez centrētiem blokiem ārpus uzplaiksnījuma sadaļas. Karšu režģi tiek attēloti kā vienas kolonnas projektu saraksti, nevis vairāku kolonnu saraksti — katrs projekts aizņem visu platumu ar savu attēlu un nosaukumu. Navigācija sastāv no caurspīdīgas augšējās joslas ar logotipu kreisajā pusē, lokalizāciju centrā un izvēlni labajā pusē — nav pastāvīgu krāsu izmaiņu, nav ēnas, tikai neredzama saglabāšanas poga. Lapas apakšdaļā ir kompakts trīs kolonnu adrešu bloks (Tokija, Saigona, Londona) ar diskrētu tekstu. Kopumā tas atbilst digitālā žurnāla redakcijas stilam.
Vizuālie materiāli ir teatrāli un unikāli: galvenajā ekrānā dominē masīva, zaigojoša, plūstoša tekstūra — organiski zaļi toņi, kas izšķīst cauri dzintara un bordo krāsai, līdzīgi kā eļļa uz ūdens vai izkusis stikls. Tas rada iespaidu, ka visu ekrānu aizņem atmosfērisks multivides saturs, iespējams, video vai audekls, kas izveidots ar ēnotājiem, un tiek uztverts kā viens maņu mirklis, nevis atkārtots raksts. Projekta demonstrācijās tiek izmantotas intīmas redakcionālas fotogrāfijas (liela mēroga produktu kadri, reklāmas attēli), kas tiek parādītas bez rāmjiem vai apmalēm — attēls ir saturs. Nav ilustrāciju, nav ikonu, izņemot sīkus lietotāja interfeisa glifus, nav dekoratīvu formu. Ikonogrāfija ir minimāla vai tās nav vispār; rotējoša apļveida teksta ikona kalpo kā vienīgais sistēmas tipogrāfiskais rotājums. Kopējais blīvums: dominē teksts ar vienu vizuālu žestu lielā izmērā, kam seko gari, mierīgi redakcionāli tipogrāfijas un produktu attēlu posmi.
Palete
Zīmols
- Iridescent Fade
#a02d25— Hromatiskais akcents parādās tikai gradienta pārejā — izkusušais bordo tonis, kas veido zaigojošās atmosfēras pamatu, saskarnes vadīklās netiek izmantots.
Neitrāls
- Obsidian
#000000— Pamatteksts, SVG kontūra, aizpildījums virs pamatteksta — tīrā melnā krāsā ir visa priekšplāna informācija un grafiskie elementi. - Paper
#ffffff— Gaišs teksts uz tumšām virsmām, apgriezti paraksti un augsta kontrasta virsraksti. Izvairieties no gaiša teksta izmantošanas kā galvenās krāsas aicinājumiem uz darbību. - Inkstone
#181818— Kājenes galvenais teksts un papildu virsraksti ir klusinātā melnā krāsā, lai lasītu garus tekstus. - Felt Gray
#6d6d6d— Palīgteksts, adrešu bloki, juridiskie teksti — klusas anotācijas, kas nemanāmi atkāpjas, pilnībā nepazūdot. - Slate Pill
#636363— Pogas neitrālais fons ir vienīgais nepārtrauktais aizpildījums, kas tiek izmantots tādām darbībām kā Akceptēt. - Ash Mist
#9a9a9a— Neitrāls, vidēja toņa tonis virsmām ar vāju redzamību vai zemu kontrastu virsmu komplektā.
Tipogrāfija
no 12 līdz 225 pikseļiem · 9 soļi
- Roobert — nomaiņa: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · kontūras 300, 400, 600 · Galvenais burtveidols tiek izmantots visam saskarnes tekstam, navigācijai, virsrakstiem, pamattekstam, sarakstiem un kājenēm. Šis pielāgotais sans-serif fonts apvieno ģeometrisku skaidrību ar cilvēcisku siltumu; tā plašais biezuma diapazons (no 300 Whisper līdz 600 Anchor) ļauj burtveidolam “elpot” — sākot no monumentāliem virsrakstiem līdz piezīmēm.
- Raleway — nomaiņa: Montserrat or Jost · kontūras 400 · Izmanto tikai noteiktos virsrakstu kontekstos, kur elegantāks, šaurāks sans-serif fonts nodrošina kontrastu — reti tiek izmantots kā kontrapunkts drosmīgākam Robert fontam.
- system-ui — nomaiņa: Inter · kontūras 400 · Saskarnes mikroetiķetes, sīkfailu reklāmkaroga pamatteksts, mazs fonts — pārlūkprogrammas noklusējuma rezerves opcija, kas nodrošina lasāmību vissīkākajās detaļās bez nepieciešamības pēc pielāgota fonta.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 14px |
| Pogas rādiuss | 75px |
| Kartes rādiuss | 0px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 46px |
| Lapas platums | 1078px |
Mākslīgais intelekts izveidos jūsu vietni monopo saigon stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Hyer Aviation — Krēsla kabīnē virs pergamenta. Bālās rītausmas debesis satiekas ar fizelāžas lieluma serif logotipu, un viens silts māla akcents pārtrauc melnbalto atturību.
- OFF+BRAND. — Zaigojoša sfēra uz silta pergamenta
- Seed — dzīvs organisms zem laboratorijas stikla
- Eindhoven Design District — Redakcijas brutālisms uz balta papīra ir pašvaldības dizaina manifests, kas izpildīts lielformātā, ar minimālu fotogrāfiju un absolūtu atturību.
- Subframe — Grafisks zīmējums uz silta pergamenta. Dizaina papīrs, kur katrs triepiens ir vai nu grafīts, vai dzēšgumija, nekad nav gleznots — dziļums tiek panākts ar līniju biezumu un retiem serifiem.
- Miranda — Klasisks platformāta burts uz gaiši krēmkrāsas fona — laikraksta redakcijas sleja digitālajam laikmetam
- Monocle — Augstas kvalitātes, platformāta avīze uz krēmkrāsas papīra. Rūpīgi veidots redakcijas sleja, kurā katra sleja ir pelnījusi savu vietu un lapā parādās tikai viena nozīmīga krāsa.
- Agencja brandingowa — Redakcijas galerija baltos toņos ar melnas tintes tipogrāfijas palīdzību
- Websmith Studio — Rīta gaisma uz krēmkrāsas papīra
- Aspelin Reitan — Arhitektūras arhīvs sveču gaismā — lapa izskatās kā uzbūvētu telpu portfolio, kas piesprausts pie siltas krēmkrāsas sienas, ar vienu balta teksta rindiņu virs katra attēla visā lapas platumā.
- Public — Monohroms redakcijas raksts uz auksta marmora — gandrīz monohroms audekls ar 300 punktu serif fontu un vienu violetu akcentu, kas veic visu krāsu darbu.
- Motto — Tipogrāfisks monolīts uz papīra – viena, pārliecināta balss, kas sevi pasludina uz sniegbalta papīra