
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 — Монохромная редакционная статья на холодном мраморе — почти монохромное полотно, шрифт с засечками толщиной …
- Motto — Типографский монолит на бумаге — единый уверенный голос, заявляющий о себе на белоснежной бумаге