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

Mercury

Альпийские банки в сумерках

Mercury работает в альпийской банковской эстетике: почти чёрный холст (#171721) создаёт кинематографическую, обсерваторную атмосферу, где поверхности контента парят в виде чуть более светлых графитовых карточек. Интерфейс преимущественно монохромный — текст цвета слоновой кости на ониксе, с единственным ярким кобальтовым (#5266eb) элементом, используемым исключительно для основной операции «Открыть счёт». Типографика несёт на себе основную выразительность: пользовательский шрифт для отображения текста средней толщины 480 (ни жирный, ни светлый) в сочетании с утончённым шрифтом для основного текста толщиной 400 создаёт уверенный, но никогда не кричащий стиль. Компоненты плоские и без рамок, полагаясь на графитовую карточку радиусом 12px и элементы управления в форме капсул для определения структуры, а не теней. Главный фотоэлемент, занимающий всю поверхность страницы, — туманные горы на фоне одинокого стола — задает тон, прежде чем начнет работать пользовательский интерфейс, и каждый последующий элемент сохраняет эту тихую, премиальную темноту.

Весь контент выполнен в темном стиле с полным заполнением. Главный экран — это фотография размером 100 пикселей с полным заполнением, центрированным заголовком, подтекстом и блоком формы для сбора контактных данных электронной почты (максимальная ширина ~640px). Под главным экраном контент расположен в секциях максимальной ширины 1200px с вертикальными отступами 72px, чередуясь между двухколоночным разделением текста слева и изображения справа и трехколоночными карточками с описанием товаров. Навигация представляет собой прозрачную верхнюю панель, наложенную на главный экран, которая при прокрутке переходит в сплошную темную заливку, напоминающую матовое стекло (размытие фона). Нижний колонтитул темный с текстом-примечанием. Вертикальный ритм щедрый — просторная плотность с большим пространством между секциями. Боковая навигация отсутствует; вся навигация находится в верхней панели.

В главном разделе доминируют кинематографические фотографии во всю ширину страницы — атмосферные, вдохновляющие пейзажи (туманные горы, уединенные рабочие места на природе), которые позиционируют банковское дело как созерцательный, возвышенный опыт. Фотографии высокого качества, слегка обесцвеченные, с холодными тонами и обработанные тонким темным наложением для сохранения читаемости текста. Ниже главного раздела изображения сменяются скриншотами пользовательского интерфейса продукта и абстрактными атмосферными фонами. Никаких иллюстраций, никаких иконок как произведений искусства — визуальные элементы либо фотографические, либо чисто функциональные. Стиль иконок во всем пользовательском интерфейсе — минималистичный линейный/глифовый стиль цвета слоновой кости, используемый в навигации, кнопках и элементах форм.

Палитра

Бренд

  • Cobalt #5266eb — Фиолетовый цвет используется для закрашенных кнопок, выбранных состояний навигации и моментов конверсии, на которые направлено внимание.

Нейтральные

  • Onyx Canvas #171721 — Основной фон страницы, базовое наложение для главного экрана, холсты для нижнего колонтитула и разделов.
  • Graphite Card #1e1e2a — Приподнятые поверхности картона и секций — на один шаг светлее холста, что создает плавное разделение.
  • Obsidian Button #272735 — Дополнительные заливки кнопок, фоны встроенных форм, ненавязчивые интерактивные поверхности.
  • Slate Border #70707d — Разделители средней толщины и структурные границы между блоками контента.
  • Mist Border #e2e3ed — Тонкие, едва заметные границы, едва заметные контуры кнопок, края полей ввода — светлая граница на темном фоне.
  • Ash Text #c3c3cc — Основной текст, вспомогательный текст, дополнительные метки — упрощенная иерархия без потери читаемости.

Типографика

от 12 до 65px · 9 ступеней

  • arcadia — замена: Inter · начертания 360, 400, 420, 480 · Основной и пользовательский интерфейс — шрифт для навигации, основного текста, кнопок, полей ввода, меток и вспомогательного текста с толщиной 400 для основного текста и 480 для акцентного. Промежуточная шкала толщины (360, 420, 480) вместо стандартной (300/400/600) придает тексту Mercury отчетливо сбалансированный вид — никогда не жирный, никогда не тонкий, всегда размеренный.
  • arcadiaDisplay — замена: Söhne Breit · начертания 360, 480, 530 · Шрифт для заголовков и декоративных элементов — используется в толщине 480 для всех размеров заголовков от 28px до 65px, а 530 зарезервировано для самых крупных декоративных элементов. Малая межстрочная высота (1,1–1,2) и положительное межбуквенное расстояние (0,01–0.02em) придают декоративному тексту широкий, архитектурный вид, а не сжатую, как в редакционных текстах, структуру.

Интервалы и форма

НазначениеЗначение
Плотностьсредняя
Базовый шаг12px
Радиус кнопок32px
Радиус карточек12px
Тенинет — границы вместо теней
Между секциями72px
Ширина страницы1200px

ИИ соберёт ваш сайт в стиле Mercury и наполнит его

  • Наполнит товарами и постами по ссылке — Instagram, TikTok, Facebook.
  • Перенесёт контент со старого сайта — достаточно указать адрес.
  • Современный дизайн на лучшем движке: React (Next.js) с серверным рендерингом и SEO-оптимизацией из коробки.
  • Полная автоматическая SEO-оптимизация под поисковую выдачу и рекомендации нейросетей.

Похожие стили

  • Origin Financial — Полуночная галерея тихого богатства. Тихая, почти темная комната, где крупные шрифты с засечками и несколько…
  • Air — скульптура «Полуночное небо сквозь стекло»
  • Slash — Полуночное хранилище с позолоченными линиями бухгалтерских книг
  • dope.security — Полуночный терминал с фиолетовыми маяками
  • Modal — Фосфорный терминал в затемненной серверной комнате — единственным источником света является ярко-зеленый цвет
  • Giga — Полуночный горизонт над матовым обсидианом
  • Dovetail — Центр управления чертежами в полночь
  • Dovetail — Схема чертежа под черной луной — едва заметные линии графика, белый шрифт, одна фиолетовая искра
  • AgentQL — Северное сияние над ночным терминалом
  • Supabase — Редактор кода в полночь с фосфоресцирующей зеленой точкой — одиночный хроматический импульс на море угольной…
  • Changelog — Консоль обсерватории за темным стеклом
  • GitHub — Космическая командная панель с биолюминесцентными контрольными точками — темное, атмосферное рабочее простра…