Mercury
Alpu krasti krēslā
Mercury darbojas Alpu banku estētikā: gandrīz melns audekls (#171721) rada kinematogrāfisku, observatorijai līdzīgu atmosfēru, kur satura virsmas peld kā nedaudz gaišākas grafīta kartītes. Saskarne pārsvarā ir vienkrāsaina — ziloņkaula krāsas teksts uz oniksa, ar vienu spilgtu kobalta krāsas elementu (#5266eb), kas tiek izmantots tikai pamatdarbībai “Atvērt kontu”. Tipogrāfija nodrošina galveno izteiksmību: pielāgots displeja fonts 480 (ne treknrakstā, ne gaišā krāsā) apvienojumā ar smalku pamatfontu 400 rada pārliecinošu, bet nekad uzkrītošu stilu. Komponenti ir plakani un bez rāmja, balstoties uz 12 pikseļu grafīta kartītes rādiusu un kapsulas formas vadības ierīcēm, lai definētu struktūru, nevis ēnas. Galvenais fotoattēla elements, kas aizņem visu lapas virsmu — miglaini kalni uz vientuļa galda — nosaka toni, pirms sāk darboties lietotāja saskarne, un katrs nākamais elements saglabā šo kluso, augstākās kvalitātes tumsu.
Viss saturs ir veidots tumšā, pilna platuma stilā. Galvenais ekrāns ir 100 pikseļu pilna platuma fotoattēls ar centrētu virsrakstu, apakštekstu un veidlapas bloku e-pasta kontaktinformācijas apkopošanai (maksimālais platums ~640 pikseļi). Zem galvenā ekrāna saturs ir sakārtots sadaļās ar maksimālo platumu 1200 pikseļi ar 72 pikseļu vertikālām malām, pārmaiņus starp divu kolonnu izkārtojumu ar tekstu kreisajā pusē un attēlu labajā pusē, kā arī trīs kolonnu produktu aprakstu kartītēm. Navigācija ir caurspīdīga augšējā josla, kas pārklāj galveno ekrānu un, ritinot, pāriet uz vienlaidus tumšu aizpildījumu, kas atgādina matētu stiklu (fona izpludinājums). Kājene ir tumša ar piezīmju tekstu. Vertikālais ritms ir dāsns — plašs blīvums ar daudz vietas starp sadaļām. Nav sānu navigācijas; visa navigācija atrodas augšējā joslā.
Galvenajā sadaļā dominē pilna platuma kinematogrāfiskas fotogrāfijas — atmosfēriskas, iedvesmojošas ainavas (miglaini kalni, nomaļas darba vietas dabā) —, kas pozicionē banku darbību kā kontemplatīvu, cildenu pieredzi. Fotogrāfijas ir augstas kvalitātes, nedaudz nepiesātinātas, ar vēsiem toņiem un smalku tumšu pārklājumu, lai saglabātu teksta lasāmību. Zem galvenās sadaļas attēli mijas ar produkta lietotāja saskarnes ekrānuzņēmumiem un abstraktiem, atmosfēriskiem foniem. Nav ilustrāciju, nav ikonu, kas atgādinātu mākslas darbus — vizuālie elementi ir vai nu fotogrāfiski, vai tīri funkcionāli. Ikonu stils visā lietotāja saskarnē ir minimālistisks, ziloņkaula krāsas līniju/glifu stils, kas tiek izmantots navigācijā, pogās un formas elementos.
Palete
Zīmols
- Cobalt
#5266eb— Violeta krāsa tiek izmantota aizpildītām pogām, atlasītiem navigācijas stāvokļiem un fokusa vadītiem konversijas momentiem.
Neitrāls
- Onyx Canvas
#171721— Galvenās lapas fons, pamata pārklājums sākuma ekrānam, audekli kājenei un sadaļām. - Graphite Card
#1e1e2a— Kartona un sekciju paceltās virsmas ir par vienu pakāpienu vieglākas nekā audekls, radot vienmērīgu atdalīšanu. - Obsidian Button
#272735— Papildu pogu aizpildījumi, iegulti veidlapu foni, neuzkrītošas interaktīvas virsmas. - Slate Border
#70707d— Vidēja biezuma atdalītāji un strukturālās robežas starp satura blokiem. - Mist Border
#e2e3ed— Plānas, tikko pamanāmas apmales, tikko pamanāmas pogu kontūras, ievades lauka malas - gaiša apmale uz tumša fona. - Ash Text
#c3c3cc— Galvenais teksts, palīgteksts, papildu etiķetes — vienkāršota hierarhija, nezaudējot lasāmību.
Tipogrāfija
no 12 līdz 65 pikseļiem · 9 soļi
- arcadia — nomaiņa: Inter · kontūras 360, 400, 420, 480 · Galvenā un lietotāja saskarne — fonts navigācijai, pamattekstam, pogām, ievades laukiem, etiķetēm un palīgtekstam ar svaru 400 pamattekstam un 480 izcelšanai. Starpposma svaru skala (360, 420, 480) standarta (300/400/600) vietā piešķir Mercury tekstam izteikti līdzsvarotu izskatu — nekad nav treknrakstā, nekad nav tievs, vienmēr ir pārdomāts.
- arcadiaDisplay — nomaiņa: Söhne Breit · kontūras 360, 480, 530 · Virsrakstu un dekoratīvo elementu fonts ir 480 biezumā visiem virsrakstu izmēriem no 28 pikseļiem līdz 65 pikseļiem, savukārt 530 ir rezervēts lielākajiem dekoratīvajiem elementiem. Zems rindas augstums (1,1–1,2) un pozitīva burtu atstarpe (0,01–0,02 em) piešķir dekoratīvajam tekstam platu, arhitektonisku izskatu, nevis saspiestu struktūru, kas raksturīga redakcionālajam tekstam.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 12px |
| Pogas rādiuss | 32px |
| Kartes rādiuss | 12px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 72px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Mercury stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Origin Financial — Pusnakts galerija, kurā valda klusa greznība. Klusa, gandrīz tumša telpa, kur lieli serif fonti un daži izgaismoti krāsaini paneļi rada sajūtu, ka finanses ir rūpīgi veidots mākslas darbs.
- Air — skulptūra "Pusnakts debesis caur stiklu"
- Slash — Pusnakts velve ar apzeltītiem grāmatvedības žurnāliem
- dope.security — Pusnakts terminālis ar violetām bākām
- Modal — Fosforescējošs terminālis aptumšotā serveru telpā — vienīgais gaismas avots ir spilgti zaļa krāsa
- Giga — Pusnakts horizonts virs matēta obsidiāna
- Dovetail — Projektu vadības centrs pusnaktī
- Dovetail — Rasējums zem melna mēness — tik tikko saskatāmas grafika līnijas, balts fonts, viena violeta dzirksts
- AgentQL — Ziemeļblāzma virs termināļa naktī
- Supabase — Koda redaktors pusnaktī ar fosforescējošu zaļu punktu — vienu hromatisku impulsu uz ogļu putekļu jūras
- Changelog — Novērošanas pults aiz tumša stikla
- GitHub — Kosmosa komandu panelis ar bioluminiscējošiem vadības punktiem — tumša, atmosfēriska darba vieta, kur viena zaļa gaisma norāda ceļu uz priekšu.