Mercury
Альпі жағалаулары ымырт кезінде
Меркурий Альпі банк эстетикасы аясында жұмыс істейді: қара түсті кенеп (#171721) кинематографиялық, обсерваторияға ұқсас атмосфера жасайды, онда мазмұн беттері сәл ашық графит карталары ретінде қалқып жүреді. Интерфейс негізінен монохромды - оникстегі піл сүйегі бар мәтін, тек негізгі "Шот ашу" операциясы үшін пайдаланылатын бір жарқын кобальт (#5266eb) элементі бар. Типография негізгі экспрессивтілікті сақтайды: 480 (қалың да, ашық та емес) арнайы дисплей қаріпі 400 нәзік негізгі қаріппен жұптастырылған, бірақ ешқашан көзге түспейтін стиль жасайды. Компоненттер жалпақ және жақтаусыз, көлеңкелерден гөрі құрылымды анықтау үшін 12 пиксельді графит картасының радиусына және капсула тәрізді басқару элементтеріне негізделген. Беттің бүкіл бетін алып жатқан негізгі фотоэлемент - жалғыз үстелге қарсы тұманды таулар - пайдаланушы интерфейсі іске қосылмас бұрын реңкті орнатады және әрбір кейінгі элемент сол тыныш, жоғары сапалы қараңғылықты сақтайды.
Барлық мазмұн қараңғы, толық енді стильде жасалған. Негізгі экран - орталықтандырылған тақырыбы, ішкі мәтіні және электрондық пошта байланыс ақпаратын жинауға арналған форма блогы бар 100 пиксельдік, толық енді фотосурет (максималды ені ~640 пиксель). Негізгі экранның астында мазмұн 72 пиксельдік тік жиектері бар, сол жақтағы екі бағандық мәтін орналасуы мен оң жақтағы сурет және үш бағандық өнім сипаттамасы карталары арасында кезектесіп орналасқан, максималды ені 1200 пиксель болатын бөлімдерге бөлінген. Навигация - негізгі экранның үстіндегі мөлдір жоғарғы жолақ, ол айналдыру кезінде күңгірт әйнекті еске түсіретін тұтас қараңғы толтырғышқа ауысады (фон бұлыңғырлығы). Төменгі колонтитул қара түсті, ескертпе мәтіні бар. Тік ырғақ жомарт - бөлімдер арасында кең тығыздық және көп орын бар. Бүйірлік навигация жоқ; барлық навигация жоғарғы жолақта орналасқан.
Негізгі бөлімде толыққанды кинематографиялық фотосуреттер басым — атмосфералық, шабыттандыратын ландшафттар (тұманды таулар, табиғаттағы оқшауланған жұмыс кеңістіктері) — олар банкингті ойландыратын, керемет тәжірибе ретінде көрсетеді. Фотосуреттер жоғары сапалы, аздап қанық емес, салқын реңктермен және мәтіннің оқылуын сақтау үшін нәзік қараңғы қабатпен жасалған. Негізгі бөлімнің астында суреттер өнімнің пайдаланушы интерфейсінің скриншоттарымен және абстрактілі, атмосфералық фонмен кезектесіп орналасқан. Иллюстрациялар, өнер туындыларына ұқсайтын белгішелер жоқ — визуалды элементтер фотографиялық немесе таза функционалды. Пайдаланушы интерфейсіндегі белгіше стилі — навигацияда, түймелерде және форма элементтерінде қолданылатын минималистік, піл сүйегі түсті сызық/глиф стилі.
Палитра
Бренд
- 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 салмақпен. Стандартты (300/400/600) орнына аралық салмақ шкаласы (360, 420, 480) Меркурий мәтініне айқын теңдестірілген көрініс береді - ешқашан қалың емес, ешқашан жұқа емес, әрқашан өлшемді.
- arcadiaDisplay — ауыстыру: Söhne Breit · контурлар 360, 480, 530 · Тақырыптар мен сәндік элементтерге арналған қаріп 28 пиксельден 65 пиксельге дейінгі барлық тақырып өлшемдері үшін 480 калибрінде қолданылады, ал 530 калибрі ең үлкен сәндік элементтер үшін сақталған. Жолдың төмен биіктігі (1,1–1,2) және әріптер арасындағы оң интервал (0,01–0,02 см) сәндік мәтінге редакциялық мәтіндегі қысылған құрылымның орнына кең, сәулеттік көрініс береді.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | орташа |
| Негізгі қадам | 12px |
| Түйме радиусы | 32px |
| Карта радиусы | 12px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 72px |
| Беттің ені | 1200px |
Жасанды интеллект сіздің веб-сайтыңызды Mercury стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Origin Financial — Тыныш сән-салтанаттың түн ортасындағы галереясы. Үлкен сериф қаріптері мен бірнеше жарықтандырылған түрлі-түсті панельдер қаржыны мұқият таңдалған өнер туындысы сияқты сезім тудыратын тыныш, дерлік қараңғы бөлме.
- Air — «Түн ортасындағы аспан әйнек арқылы» мүсіні
- Slash — Алтын жалатылған кітапшалары бар түнгі қойма
- dope.security — Күлгін маяктары бар түнгі терминал
- Modal — Қараңғы сервер бөлмесіндегі фосфоресцентті терминал - жалғыз жарық көзі - ашық жасыл түс
- Giga — Мұзды обсидиан үстіндегі түнгі көкжиек
- Dovetail — Түн ортасындағы Жобаны басқару орталығы
- Dovetail — Қара айдың астындағы сызба — әрең көрінетін график сызықтары, ақ қаріп, бір күлгін жарқырау
- AgentQL — Түнде терминал үстіндегі солтүстік шұғыласы
- Supabase — Түн ортасындағы фосфоресцентті жасыл нүктесі бар код редакторы — көмір шаңы теңізіндегі бір хроматикалық импульс
- Changelog — Қара әйнектің артындағы обсерватория пультісі
- GitHub — Биолюминесцентті басқару нүктелері бар ғарыштық басқару панелі — бір жасыл жарқыл алға жылжуды көрсететін қараңғы, атмосфералық жұмыс кеңістігі.