monopo saigon
Редакциялык жымжырттыктын артындагы суюк, иридес жаркыроо — эриген жарыкта калкып жүргөн монохром редакциялык галерея
Monopo Saigon радикалдуу монохромдук тартипте иштейт: таза кара жана ак түстөр, барактын бүтүндөй туурасын камтыган полотнолордо дем алып жаткандай көрүнгөн чоң Руберт шрифтинин айланасына оролгон, назик боз түстөр менен. Өзгөчө контраст катуу редакциялык чектөөдө (навигациянын жана тексттик шилтемелердин курч бурчтары, мол ак мейкиндик, 4 пикселге негизделген ритм) жана бир гана экспрессивдүү жаңсоодо — сүрөттөрдүн үстүндө суюктук сыяктуу калкып жүргөн 75 пикселдик радиустагы баскычтарда жатат. Негизги дизайн элементтери иридесанттуу, суюк хроматикалык атмосферага тартылат (жашыл түстөр янтарь түскө, андан кийин терең бургундияга чейин жоголот), ал эми интерфейстин өзү эч качан бир өңгө ээ болбойт, суюк жарык дарыясынын үстүндө калкып жүргөн кара-ак редакциялык галереянын сезимин жаратат. Шрифт тонду белгилейт: 78 пикселдеги 300 саптык калыңдык шыбырап турат, 225 пикселдеги 400 саптык калыңдык көрүү терезесин толтурат жана 11 пикселдеги 400 саптык калыңдык башка нерселерди ишенимдүү жана минималдуу түрдө аныктайт. Кыймыл экспрессивдүү, бирок чыдамкай — 1,25с чейин созулган куб-безье (0,19, 1, 0,22, 1) тегизделүүгө каршы ийри сызыктар, трансформациялык өткөөлдөр элементтердин кескин токтоп калбай, жылып кетишине мүмкүндүк берет.
Макеттин эң чоң туурасы 1078 пиксель, караңгы чачыраган бөлүктөрү барактын бүт туурасын ээлеп, контейнерден тышкары созулат. Чачыраган бөлүк бүтүндөй көрүү терезесин ээлейт: борборлоштурулган, монументалдуу аталыш (Uni ted, Unbound) жаркыраган медиа контенттин үстүндө калкып турат, минималисттик навигация жогору жагында калкып жүрөт, ал эми бир айлануучу сөлөкөт төмөнкү сол жагында жайгашкан. Негизги көчүрмө бөлүмдөрү кеңири редакциялык ритмге ылайык келет — бөлүмдөрдүн ортосундагы чоң 46 пикселдик боштуктар блоктордун ортосунда дем алуу үчүн орун түзөт, ак жана караңгы (ак шрифт менен кара) тилкелер кезектешип турат. Мазмундун макети асимметриялык: сол жактагы текст/оң жактагы сүрөт жана сол жактагы сүрөт/оң жактагы текст кезектешип турат, чачыраган бөлүмдүн сыртында борборлоштурулган блоктор жок. Карта торчолору көп тилкелүү эмес, бир тилкелүү долбоорлордун тизмеси катары көрсөтүлөт — ар бир долбоор өзүнүн сүрөтү жана аталышы менен толук туурасын ээлейт. Навигация сол жагында логотиби бар тунук үстүнкү тилкеден, ортосунда локализациядан жана оң жагында менюдан турат — түстүн туруктуу өзгөрүшү жок, көлөкө жок, жөн гана көрүнбөгөн сактоо баскычы. Барактын ылдый жагында үч тилкелүү дарек блогу (Токио, Сайгон, Лондон) жана тексти так берилген. Жалпысынан алганда, бул санарип журналынын редакциялык стили.
Визуалдык көрүнүштөр театрлаштырылган жана уникалдуу: негизги экранда массивдүү, жылмакай, суюк текстура басымдуулук кылат — янтарь жана бургундия аркылуу эрип кеткен органикалык жашыл түстөр, суудагы май же эритилген айнек сыяктуу. Бул бүт экранды ээлеген атмосфералык медиа контент сыяктуу сезилет, балким, шейдерлер менен түзүлгөн видео же полотно жана кайталануучу үлгү эмес, бир гана сезимдик учур катары кабыл алынат. Долбоордун демолорунда рамкаларсыз же чек араларсыз берилген интимдик редакциялык сүрөттөр (ири масштабдуу продукт сүрөттөрү, жарнамалык сүрөттөр) колдонулат — сүрөт мазмун болуп саналат. Иллюстрациялар жок, кичинекей UI глифтеринен башка сүрөтчөлөр жок, декоративдик формалар жок. Иконография минималдуу же жок; айлануучу тегерек текст сүрөтчөсү системанын жалгыз типографиялык кооздугу катары кызмат кылат. Жалпы тыгыздык: текст чоң өлчөмдөгү бир гана визуалдык жаңсоо менен басымдуулук кылат, андан кийин типографиянын жана продукт сүрөттөрүнүн узун, тынч редакциялык узундуктары келет.
Түстөр палитрасы
Бренд
- Iridescent Fade
#a02d25— Хроматикалык акцент градиент өткөөлүнүн ичинде гана пайда болот — иридесценттик атмосферанын негизин түзгөн эриген бордо түсү интерфейс башкаруу элементтеринде колдонулбайт.
Нейтралдуу
- Obsidian
#000000— Негизги текст, SVG штрих, негизги тексттин үстүнөн толтуруу - таза кара түс бардык алдыңкы пландагы маалыматты жана графикалык элементтерди камтыйт. - Paper
#ffffff— Караңгы беттердеги ачык текст, тескери жазылган жазуулар жана жогорку контрасттуу аталыштар. Аракетке чакыруу үчүн ачык текстти негизги түс катары колдонуудан алыс болуңуз. - Inkstone
#181818— Төмөнкү колонтитулдагы негизги текст жана кошумча аталыштар узун тексттерди окуу үчүн үнсүз кара түстө берилген. - Felt Gray
#6d6d6d— Көмөкчү тексттер, дарек блоктору, юридикалык тексттер – толугу менен жоголуп кетпестен, байкалбай артка чегинген тынч аннотациялар. - Slate Pill
#636363— Баскычтын нейтралдуу фоны - "Кабыл алуу" сыяктуу аракеттер үчүн колдонулган жалгыз катуу толтуруу. - Ash Mist
#9a9a9a— Көрүүсү начар же контрасты төмөн беттер үчүн нейтралдуу, орточо тондогу түс.
Типография
12ден 225 пикселге чейин · 9 кадам
- Roobert — алмаштыруу: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · контурлар 300, 400, 600 · Негизги шрифт интерфейстин бардык тексттери, навигация, аталыштар, негизги текст, тизмелер жана төмөнкү колонтитулдар үчүн колдонулат. Бул атайын жасалган sans-serif шрифти геометриялык тактыкты гумандуу жылуулук менен айкалыштырат; анын кеңири салмак диапазону (300 Whisperден 600 Anchorго чейин) шрифттин дем алуусуна мүмкүндүк берет — монументалдуу аталыштардан тартып ноталарга чейин.
- Raleway — алмаштыруу: Montserrat or Jost · контурлар 400 · Айрым аталыш контексттеринде гана колдонулат, мында көркөм, кууш sans-serif шрифти контраст берет — сейрек Роберттин тайманбас шрифтине каршы контрапункт катары колдонулат.
- system-ui — алмаштыруу: Inter · контурлар 400 · Интерфейстин микро-этикеткалары, куки баннеринин негизги тексти, кичинекей шрифт - браузердин демейки резервдик опциясы, ал ыңгайлаштырылган шрифттин кереги жок эле эң майда-чүйдөсүнө чейин окулушун камсыз кылат.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | тыгыз |
| Негизги кадам | 14px |
| Баскычтын радиусу | 75px |
| Картанын радиусу | 0px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 46px |
| Барактын туурасы | 1078px |
Жасалма интеллект сиздин веб-сайтыңызды monopo saigon стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Hyer Aviation — Пергаменттин үстүндө кабинада күүгүм кирип турат. Кубарыңкы таңкы асман фюзеляждын өлчөмүндөгү сериф логотиби менен кагылышып, жылуу чопо түстөгү бир гана акцент монохромдук кармагычты бузат.
- OFF+BRAND. — Жылуу пергаменттеги жаркыраган шар
- Seed — лабораториялык айнектин астындагы тирүү организм
- Eindhoven Design District — Ак кагаздагы редакциялык брутализм – бул чоң шрифт менен, минималдуу сүрөткө тартуу жана толук чектөө менен аткарылган муниципалдык дизайн манифести.
- Subframe — Жылуу пергаментке тартылган графикалык сүрөт. Ар бир сызыгы графит же өчүргүч болгон дизайнердик кагаз эч качан боёлбойт — тереңдик сызыктын калыңдыгы жана сейрек кездешүүчү серифтер аркылуу жетишилет.
- Miranda — Ачык крем түстүү фондо классикалык кең форматтуу шрифт — санарип доору үчүн гезиттин редакциялык макаласы
- Monocle — Каймак түстүү кагазга басылган, жогорку сапаттагы, кеңири форматтагы гезит. Ар бир колонка өз ордун татыктуу алып жүргөн жана баракта бир гана маанилүү түс пайда болгон кылдаттык менен тандалган редакциялык макала.
- Agencja brandingowa — Кара сыя менен басылган ак түстөгү редакциялык галерея
- Websmith Studio — Каймак кагазга басылган таңкы жарык
- Aspelin Reitan — Candlelight тарабынан жасалган архитектуралык архив - Барак жылуу каймак түстөгү дубалга бекитилген курулган мейкиндиктердин портфолиосуна окшош, ар бир сүрөттүн үстүндө барактын толук туурасы боюнча бир сап ак текст калкып турат.
- Public — Муздак мраморго басылган монохромдуу редакциялык чыгарма — дээрлик монохромдуу полотно, 300 пункттуу сериф шрифти жана бир гана кочкул кызыл түстөгү акцент менен бардык түстөр менен айкалышкан.
- Motto — Кагаздагы типографиялык монолит – аппак кагазда өзүн жарыялаган жалгыз, ишенимдүү үн