Mercury
Maluri alpine la amurg
Mercury operează într-o estetică bancară alpină: o pânză aproape neagră (#171721) creează o atmosferă cinematografică, asemănătoare unui observator, unde suprafețele de conținut plutesc ca niște carduri de grafit puțin mai deschise la culoare. Interfața este predominant monocromă - text fildeș pe onix, cu un singur element vibrant de cobalt (#5266eb) folosit exclusiv pentru operațiunea principală „Deschidere cont”. Tipografia poartă expresivitatea principală: un font personalizat de afișare de 480 (nici îndrăzneț, nici deschis), asociat cu un font subtil pentru corp de 400, creează un stil încrezător, dar niciodată strident. Componentele sunt plate și fără rame, bazându-se pe o rază a cardului de grafit de 12px și comenzi în formă de capsulă pentru a defini structura mai degrabă decât umbrele. Elementul foto principal, care ocupă întreaga suprafață a paginii - munți încețoșați pe o masă singuratică - dă tonul înainte ca interfața cu utilizatorul să se activeze, iar fiecare element ulterior menține acea întuneric liniștit și premium.
Tot conținutul este conceput într-un stil închis la culoare, cu lățime completă. Ecranul principal este o fotografie de 100px, cu lățime completă, cu un titlu centrat, subtext și un bloc de formular pentru colectarea informațiilor de contact prin e-mail (lățime maximă ~640px). Sub ecranul principal, conținutul este organizat în secțiuni cu o lățime maximă de 1200px și margini verticale de 72px, alternând între un aspect pe două coloane de text în stânga și o imagine în dreapta și fișe cu descrierea produsului pe trei coloane. Navigarea este o bară superioară transparentă suprapusă peste ecranul principal, care, pe măsură ce derulați, trece la o umplutură întunecată solidă, care amintește de sticla mată (estompare de fundal). Subsolul este închis la culoare, cu text de notă. Ritmul vertical este generos - densitate spațioasă, cu mult spațiu între secțiuni. Nu există navigare laterală; toată navigarea se află în bara superioară.
Secțiunea principală este dominată de fotografii cinematografice pe toată lățimea – peisaje atmosferice, inspiratoare (munți învăluiți în ceață, spații de lucru retrase în natură) – care prezintă activitatea bancară ca o experiență contemplativă, sublimă. Fotografiile sunt de înaltă calitate, ușor desaturate, cu tonuri reci și o suprapunere subtilă întunecată pentru a păstra lizibilitatea textului. Sub secțiunea principală, imaginile alternează cu capturi de ecran ale interfeței utilizator a produsului și fundaluri abstracte, atmosferice. Nu există ilustrații, nu există pictograme care să semene cu opere de artă – elementele vizuale sunt fie fotografice, fie pur funcționale. Stilul pictogramelor în întreaga interfață cu utilizatorul este un stil minimalist, de culoarea fildeșului, utilizat în navigare, butoane și elemente de formular.
Paletă
Marca
- Cobalt
#5266eb— Movul este folosit pentru butoanele umplute, stările de navigare selectate și momentele de conversie bazate pe focuri.
Neutru
- Onyx Canvas
#171721— Fundalul paginii principale, suprapunere de bază pentru ecranul de pornire, zone de lucru pentru subsol și secțiuni. - Graphite Card
#1e1e2a— Suprafețele ridicate ale cartonului și secțiunilor sunt cu un pas mai ușoare decât pânza, creând o separare lină. - Obsidian Button
#272735— Butoane suplimentare de umplere, fundaluri de formular încorporate, suprafețe interactive discrete. - Slate Border
#70707d— Separatoare de grosime medie și limite structurale între blocurile de conținut. - Mist Border
#e2e3ed— Borduri subțiri, abia vizibile, contururi ale butoanelor abia vizibile, margini ale câmpului de introducere - o bordură deschisă la culoare pe un fundal întunecat. - Ash Text
#c3c3cc— Text principal, text auxiliar, etichete suplimentare - ierarhie simplificată fără pierderi de lizibilitate.
Tipografie
de la 12 la 65px · 9 pași
- arcadia — înlocuire: Inter · contururi 360, 400, 420, 480 · Interfață principală și cu utilizatorul - Un font pentru navigare, text, butoane, câmpuri de introducere, etichete și text auxiliar, cu o pondere de 400 pentru text și 480 pentru accentuare. Scala de ponderare intermediară (360, 420, 480) în loc de cea standard (300/400/600) conferă textului Mercury un aspect distinct echilibrat - niciodată îndrăzneț, niciodată subțire, întotdeauna măsurat.
- arcadiaDisplay — înlocuire: Söhne Breit · contururi 360, 480, 530 · Fontul pentru titluri și elemente decorative este utilizat cu grosimea 480 pentru toate dimensiunile titlurilor de la 28px la 65px, în timp ce 530 este rezervat pentru cele mai mari elemente decorative. Înălțimea redusă a rândurilor (1,1–1,2) și spațierea pozitivă între litere (0,01–0,02em) conferă textului decorativ un aspect amplu, arhitectural, mai degrabă decât structura comprimată întâlnită în textul editorial.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | medie |
| Pasul de bază | 12px |
| Raza butonului | 32px |
| Raza cardului | 12px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 72px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Mercury și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Origin Financial — O galerie de opulență liniștită, ca de obicei în miezul nopții. O cameră liniștită, aproape întunecată, unde fonturi mari cu serife și câteva panouri colorate iluminate creează senzația că finanțele sunt o operă de artă atent selecționată.
- Air — sculptura „Cerul de la miezul nopții prin sticlă”
- Slash — Boltă de la miezul nopții cu registre aurite
- dope.security — Terminal de la miezul nopții cu balize mov
- Modal — Un terminal fosforescent într-o cameră de servere întunecată - singura sursă de lumină este o culoare verde strălucitor
- Giga — Orizont de miezul nopții peste obsidian înghețat
- Dovetail — Centrul de control al planurilor la miezul nopții
- Dovetail — Un plan sub o lună neagră — linii grafice abia vizibile, font alb, o sclipire violetă
- AgentQL — Aurora boreală deasupra terminalului noaptea
- Supabase — Un editor de cod la miezul nopții cu un punct verde fosforescent - un singur puls cromatic pe o mare de praf de cărbune
- Changelog — Consola observatorului din spatele sticlei întunecate
- GitHub — Un panou de comandă spațială cu puncte de control bioluminescente — un spațiu de lucru întunecat și atmosferic, unde o singură strălucire verde indică drumul înainte.