Телеграм, WhatsApp +380637610482
Валерий Данюк
Валерий ДанюкразработчикРазработка ИИ‑инструментов для бизнеса. Качественно. Недорого.Написать в Telegram
monopo saigon — превью сайта в этом стиле

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