Mercury
Alpske obale u sumrak
Mercury djeluje unutar alpske bankarske estetike: gotovo crno platno (#171721) stvara filmsku atmosferu nalik opservatoriju, gdje površine sadržaja lebde poput nešto svjetlijih grafitnih kartica. Sučelje je pretežno monokromatski - tekst boje bjelokosti na oniksu, s jednim živopisnim kobaltnim (#5266eb) elementom koji se koristi isključivo za osnovnu operaciju "Otvori račun". Tipografija nosi primarnu ekspresivnost: prilagođeni font za prikaz od 480 (ni podebljan ni svijetao) uparen sa suptilnim fontom tijela od 400 stvara samouvjeren, ali nikada drečav stil. Komponente su ravne i bez okvira, oslanjajući se na radijus grafitne kartice od 12px i kontrole u obliku kapsule za definiranje strukture, a ne sjena. Glavni element fotografije, koji zauzima cijelu površinu stranice - maglovite planine uz usamljeni stol - postavlja ton prije nego što korisničko sučelje počne djelovati, a svaki sljedeći element održava tu tihu, vrhunsku tamu.
Sav sadržaj dizajniran je u tamnom stilu pune širine. Glavni zaslon je fotografija pune širine od 100px s centriranim naslovom, podtekstom i blokom obrasca za prikupljanje podataka za kontakt putem e-pošte (maksimalna širina ~640px). Ispod glavnog zaslona sadržaj je organiziran u dijelove maksimalne širine 1200px s okomitim marginama od 72px, izmjenjujući se između rasporeda teksta u dva stupca s lijeve strane i slike s desne strane te kartica s opisom proizvoda u tri stupca. Navigacija je prozirna gornja traka koja se preklapa preko glavnog zaslona i koja se, dok se pomičete, pretvara u jednobojno tamno ispunjavanje koje podsjeća na matirano staklo (zamućena pozadina). Podnožje je tamno s tekstom bilješki. Vertikalni ritam je velikodušan - prostrana gustoća s puno prostora između dijelova. Nema bočne navigacije; sva navigacija nalazi se u gornjoj traci.
Glavnim dijelom dominiraju kinematografske fotografije pune širine - atmosferski, inspirativni pejzaži (maglovite planine, osamljena radna mjesta u prirodi) - koje bankarstvo pozicioniraju kao kontemplativno, uzvišeno iskustvo. Fotografije su visoke kvalitete, blago desaturirane, s hladnim tonovima i suptilnim tamnim slojem kako bi se sačuvala čitljivost teksta. Ispod glavnog dijela, slike se izmjenjuju sa snimkama zaslona korisničkog sučelja proizvoda i apstraktnim, atmosferskim pozadinama. Nema ilustracija, nema ikona koje nalikuju umjetničkim djelima - vizualni elementi su ili fotografski ili isključivo funkcionalni. Stil ikona u cijelom korisničkom sučelju je minimalistički, stil linija/glifova boje bjelokosti koji se koristi u navigaciji, gumbima i elementima obrasca.
Paleta
Robna marka
- Cobalt
#5266eb— Ljubičasta se koristi za ispunjene gumbe, odabrana stanja navigacije i trenutke konverzije vođene fokusom.
Neutralno
- Onyx Canvas
#171721— Pozadina glavne stranice, osnovni sloj za početni zaslon, platna za podnožje i odjeljke. - Graphite Card
#1e1e2a— Povišene površine kartona i dijelova su za jedan korak lakše od platna, stvarajući glatko odvajanje. - Obsidian Button
#272735— Dodatna ispunjavanja gumba, ugrađene pozadine obrazaca, neupadljive interaktivne površine. - Slate Border
#70707d— Razdjelnici srednje debljine i strukturne granice između blokova sadržaja. - Mist Border
#e2e3ed— Tanki, jedva primjetni rubovi, jedva primjetni obrisi gumba, rubovi polja za unos - svijetli rub na tamnoj pozadini. - Ash Text
#c3c3cc— Glavni tekst, pomoćni tekst, dodatne oznake - pojednostavljena hijerarhija bez gubitka čitljivosti.
Tipografija
od 12 do 65px · 9 koraka
- arcadia — zamjena: Inter · obrisi 360, 400, 420, 480 · Glavno i korisničko sučelje - Font za navigaciju, tekst tijela, gumbe, polja za unos, oznake i pomoćni tekst, s težinom 400 za tekst tijela i 480 za naglasak. Srednja skala težine (360, 420, 480) umjesto standardne (300/400/600) daje tekstu Mercury izrazito uravnotežen izgled - nikad podebljano, nikad tanko, uvijek odmjereno.
- arcadiaDisplay — zamjena: Söhne Breit · obrisi 360, 480, 530 · Font za naslove i ukrasne elemente koristi se u težini 480 za sve veličine naslova od 28px do 65px, dok je 530 rezervirano za najveće ukrasne elemente. Mala visina retka (1,1–1,2) i pozitivan razmak između slova (0,01–0,02em) daju ukrasnom tekstu širok, arhitektonski izgled, umjesto komprimirane strukture koja se nalazi u uredničkom tekstu.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 12px |
| Radijus gumba | 32px |
| Radijus kartice | 12px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 72px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Mercury stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Origin Financial — Ponoćna galerija tihe raskoši. Tiha, gotovo mračna soba u kojoj veliki serifni fontovi i nekoliko osvijetljenih obojenih panela stvaraju osjećaj da su financije pažljivo odabrano umjetničko djelo.
- Air — skulptura "Ponoćno nebo kroz staklo"
- Slash — Ponoćni trezor s pozlaćenim knjigama
- dope.security — Ponoćni terminal s ljubičastim svjetionicima
- Modal — Fosforescentni terminal u zamračenoj serverskoj sobi - jedini izvor svjetlosti je jarko zelene boje
- Giga — Ponoćni horizont iznad zaleđenog opsidijana
- Dovetail — Centar za kontrolu nacrta u ponoć
- Dovetail — Nacrt pod crnim mjesecom - jedva vidljive linije grafikona, bijeli font, jedna ljubičasta iskra
- AgentQL — Sjeverna svjetlost iznad terminala noću
- Supabase — Uređivač koda u ponoć s fosforescentnom zelenom točkom - jednim kromatskim pulsom na moru ugljene prašine
- Changelog — Konzola opservatorija iza tamnog stakla
- GitHub — Svemirska komandna ploča s bioluminiscentnim kontrolnim točkama - taman, atmosferski radni prostor gdje jedan zeleni sjaj pokazuje put naprijed.