Mercury
Алпске обале у сумрак
Меркур функционише у оквиру алпске банкарске естетике: скоро црно платно (#171721) ствара кинематографску атмосферу сличну опсерваторији, где површине садржаја лебде као мало светлије графитне картице. Интерфејс је претежно монохроматски - текст боје слоноваче на ониксу, са једним живописним кобалтним (#5266eb) елементом који се користи искључиво за основну операцију „Отвори рачун“. Типографија носи примарну експресивност: прилагођени фонт за приказ од 480 (ни подебљани нити светао) упарен са суптилним фонтом тела од 400 ствара самоуверен, али никада дречав стил. Компоненте су равне и без оквира, ослањајући се на радијус графитне картице од 12 пиксела и контроле у облику капсуле за дефинисање структуре, а не сенки. Главни елемент фотографије, који заузима целу површину странице - магловите планине уз усамљени сто - поставља тон пре него што се кориснички интерфејс активира, а сваки следећи елемент одржава ту тиху, премиум таму.
Сав садржај је дизајниран у тамном стилу пуне ширине. Главни екран је фотографија пуне ширине од 100 пиксела са центрираним насловом, подтекстом и блоком форме за прикупљање контакт информација путем е-поште (максимална ширина ~640 пиксела). Испод главног екрана, садржај је организован у одељке максималне ширине 1200 пиксела са вертикалним маргинама од 72 пиксела, наизменично између распореда текста у две колоне са леве стране и слике са десне стране, и картица са описом производа у три колоне. Навигација је провидна горња трака која се преклапа преко главног екрана, која, док скролујете, прелази у чврсту тамну боју која подсећа на матирано стакло (замућење позадине). Подножје је тамно са текстом напомена. Вертикални ритам је великодушан - пространа густина са пуно простора између одељака. Нема бочне навигације; сва навигација се налази у горњој траци.
Главним делом доминирају кинематографске фотографије пуне ширине – атмосферски, инспиративни пејзажи (магличасте планине, осамљени радни простори у природи) – које позиционирају банкарство као контемплативно, узвишено искуство. Фотографије су високог квалитета, благо десатуриране, са хладним тоновима и суптилним тамним преклапањем како би се сачувала читљивост текста. Испод главног дела, слике се смењују са снимцима екрана корисничког интерфејса производа и апстрактним, атмосферским позадинама. Нема илустрација, нема икона које подсећају на уметничка дела – визуелни елементи су или фотографски или чисто функционални. Стил икона у целом корисничком интерфејсу је минималистички, линијски/глифски стил боје слоноваче који се користи у навигацији, дугмадима и елементима форме.
Палета
Brend
- Cobalt
#5266eb— Љубичаста боја се користи за испуњена дугмад, одабрана стања навигације и тренутке конверзије вођене фокусом.
Неутрално
- Onyx Canvas
#171721— Позадина главне странице, основни преклапајући слој за почетни екран, платна за подножје и одељке. - Graphite Card
#1e1e2a— Подигнуте површине картона и делова су за један корак лакше од платна, стварајући глатко раздвајање. - Obsidian Button
#272735— Додатна попуњавања дугмади, уграђене позадине образаца, неупадљиве интерактивне површине. - Slate Border
#70707d— Разделиоци средње дебљине и структурне границе између блокова садржаја. - Mist Border
#e2e3ed— Танке, једва приметне ивице, једва приметни обриси дугмади, ивице поља за унос - светла ивица на тамној позадини. - Ash Text
#c3c3cc— Главни текст, помоћни текст, додатне ознаке - поједностављена хијерархија без губитка читљивости.
Типографија
од 12 до 65 пиксела · 9 корака
- arcadia — замена: Inter · обриси 360, 400, 420, 480 · Главни и кориснички интерфејс - Фонт за навигацију, текст тела, дугмад, поља за унос, ознаке и помоћни текст, са тежином 400 за текст тела и 480 за наглашавање. Средња скала тежине (360, 420, 480) уместо стандардне (300/400/600) даје тексту Меркур изразито уравнотежен изглед - никада подебљано, никада танак, увек одмерено.
- 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 — Свемирска командна табла са биолуминисцентним контролним тачкама - тамни, атмосферски радни простор где један зелени сјај показује пут напред.