
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 — Космическая командная панель с биолюминесцентными контрольными точками — темное, атмосферное рабочее простра…