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