Mercury
Алпийски брегове по здрач
Меркурий работи в рамките на алпийска банкова естетика: почти черно платно (#171721) създава кинематографична атмосфера, подобна на обсерватория, където повърхностите на съдържанието се носят като малко по-светли графитни карти. Интерфейсът е предимно монохромен - текст в цвят слонова кост върху оникс, с един ярък кобалтов (#5266eb) елемент, използван изключително за основната операция „Отваряне на сметка“. Типографията носи основната изразителност: персонализиран шрифт за показване от 480 (нито удебелен, нито светъл), съчетан с фин шрифт за тяло от 400, създава уверен, но никога крещящ стил. Компонентите са плоски и без рамки, разчитайки на радиус на графитна карта от 12px и контроли с форма на капсула, за да дефинират структура, а не сенки. Основният фото елемент, който заема цялата повърхност на страницата - мъгливи планини на фона на самотна маса - задава тона, преди потребителският интерфейс да се задейства, а всеки следващ елемент поддържа тази тиха, първокласна тъмнина.
Цялото съдържание е проектирано в тъмен стил с пълна ширина. Основният екран е снимка с размери 100px, пълна ширина, с центрирано заглавие, подтекст и блок за събиране на информация за контакт по имейл (максимална ширина ~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 — Космически команден панел с биолуминесцентни контролни точки - тъмно, атмосферно работно пространство, където един-единствен зелен блясък сочи пътя напред.