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 — Касмічная камандная панэль з біялюмінесцэнтнымі кантрольнымі кропкамі - цёмная, атмасферная працоўная прастора, дзе адзінае зялёнае свячэнне паказвае шлях наперад