Mercury
Караңгы төшкәндә Альп таулары ярлары
Меркурий Альп банк эстетикасы кысаларында эшли: кара төстәге полотно (#171721) кинематографик, обсерваториягә охшаган атмосфера тудыра, анда эчтәлек өслекләре бераз ачыграк графит карталары рәвешендә йөзә. Интерфейс, нигездә, монохром - оникс өстендәге фил сөяге текст, бер якты кобальт (#5266eb) элементы төп "Ачык хисап" операциясе өчен генә кулланыла. Типография төп экспрессивлыкны үз эченә ала: 480 (калын да, ачык та түгел) махсус дисплей шрифты һәм 400 нечкә корпус шрифты ышанычлы, ләкин беркайчан да ямьсез стиль тудыра. Компонентлар яссы һәм рамсыз, күләгәләр урынына структураны билгеләү өчен 12 пиксель графит картасы радиусына һәм капсула формасындагы контроль элементларына таяна. Битнең бөтен өслеген алып торган төп фотоэлемент - ялгыз өстәлгә каршы томанлы таулар - кулланучы интерфейсы эшли башлаганчы тонны билгели, һәм һәр аннан соңгы элемент тыныч, югары сыйфатлы караңгылыкны саклый.
Барлык эчтәлек тә караңгы, тулы киңлекле стильдә эшләнгән. Төп экран - 100 пиксель зурлыктагы, тулы киңлекле фото, анда үзәктә башлык, астарлы текст һәм электрон почта контакт мәгълүматын җыю өчен форма блогы урнашкан (максимум киңлек ~640 пиксель). Төп экран астында эчтәлек 1200 пиксель киңлекле, 72 пиксель вертикаль кырлар белән бүлекләрдә урнаштырылган, сул якта ике баганалы текст һәм уң якта рәсем, һәм өч баганалы продукт тасвирламасы карточкалары арасында чиратлашып урнашкан. Навигация - төп экранда капланган үтә күренмәле өске панель, ул сез скроллинг ясаганда, бозлы пыяланы хәтерләткән нык караңгы тутыруга күчә (фон тоныклыгы). Аскы колонтитул караңгы, нота тексты белән. Вертикаль ритм киң - киң тыгызлык һәм бүлекләр арасында җитәрлек урын. Ян навигация юк; барлык навигация дә өске панельдә урнашкан.
Төп бүлектә тулы киңлектәге кинематографик фотосурәтләр өстенлек итә - атмосфералы, илһамландыргыч пейзажлар (томанлы таулар, табигатьтәге яшерен эш урыннары) - алар банкингны уйланучан, бөек тәҗрибә буларак күрсәтәләр. Фотосурәтләр югары сыйфатлы, бераз туендырылмаган, салкын төсләр һәм текстның укыла торганлыгын саклап калу өчен нечкә караңгы катлам белән. Төп бүлек астында рәсемнәр продуктның кулланучы интерфейсының скриншотлары һәм абстракт, атмосфера фоннары белән чиратлашып тора. Иллюстрацияләр, сәнгать әсәрләренә охшаган иконалар юк - визуаль элементлар я фотографик, я саф функциональ. Кулланучы интерфейсындагы иконалар стиле - навигациядә, төймәләрдә һәм форма элементларында кулланыла торган минималист, фил сөяге төсендәге сызык/глиф стиле.
Палитра
Бренд
- 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 — Биолюминесцент идарә итү нокталары булган галәм белән идарә итү панеле — караңгы, атмосфералы эш урыны, анда бер генә яшел балкыш алга таба юл күрсәтә.