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 — Түнкү саат 12де Планды башкаруу борбору
- Dovetail — Кара айдын астындагы чийме — дээрлик көрүнбөгөн график сызыктары, ак шрифт, бир кочкул кызыл жаркыроо
- AgentQL — Түнкүсүн терминалдын үстүндөгү түндүк жаркыроолору
- Supabase — Түн ортосунда фосфоресценттүү жашыл чекит менен код редактору — көмүр чаңынын деңизиндеги бир хроматикалык импульс
- Changelog — Караңгы айнектин артындагы обсерватория консолу
- GitHub — Биолюминесценттик башкаруу чекиттери бар космостук башкаруу панели — бир гана жашыл жаркыроо алдыга жол көрсөтүп турган караңгы, атмосфералык жумуш мейкиндиги.