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. Interfejs je pretežno monohromatski - tekst boje slonovače na oniksu, s jednim živahnim 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 se korisnički interfejs aktivira, a svaki sljedeći element održava tu tihu, vrhunsku tamu.
Sav sadržaj je dizajniran u tamnom stilu pune širine. Glavni ekran je fotografija pune širine od 100px sa centriranim naslovom, podtekstom i blokom obrasca za prikupljanje kontakt informacija putem e-pošte (maksimalna širina ~640px). Ispod glavnog ekrana, sadržaj je organiziran u dijelove maksimalne širine od 1200px sa vertikalnim marginama od 72px, naizmjenično između rasporeda teksta u dvije kolone s lijeve strane i slike s desne strane, te kartica s opisom proizvoda u tri kolone. Navigacija je prozirna gornja traka koja se preklapa preko glavnog ekrana, a dok skrolate, prelazi 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 se nalazi u gornjoj traci.
Glavni dio dominiraju kinematografske fotografije pune širine - atmosferski, inspirativni pejzaži (magličaste planine, osamljeni radni prostori u prirodi) - koje bankarstvo pozicioniraju kao kontemplativno, uzvišeno iskustvo. Fotografije su visokog kvaliteta, blago desaturirane, s hladnim tonovima i suptilnim tamnim slojem kako bi se sačuvala čitljivost teksta. Ispod glavnog dijela, slike se izmjenjuju sa snimcima ekrana korisničkog interfejsa proizvoda i apstraktnim, atmosferskim pozadinama. Nema ilustracija, nema ikona koje podsjećaju na umjetnička djela - vizualni elementi su ili fotografski ili čisto funkcionalni. Stil ikona u cijelom korisničkom interfejsu je minimalistički, linijski/glifski stil boje slonovače koji se koristi u navigaciji, dugmadima i elementima obrasca.
Paleta
Brend
- Cobalt
#5266eb— Ljubičasta se koristi za ispunjene dugmad, odabrana stanja navigacije i trenutke konverzije vođene fokusom.
Neutralno
- Onyx Canvas
#171721— Pozadina glavne stranice, osnovni prekrivač za početni ekran, platna za podnožje i odjeljke. - Graphite Card
#1e1e2a— Podignute površine kartona i dijelova su za jedan korak lakše od platna, stvarajući glatko razdvajanje. - Obsidian Button
#272735— Dodatna popunjavanja dugmadi, ugrađene pozadine obrazaca, nenametljive interaktivne površine. - Slate Border
#70707d— Razdjelnici srednje debljine i strukturne granice između blokova sadržaja. - Mist Border
#e2e3ed— Tanke, jedva primjetne ivice, jedva primjetni obrisi dugmadi, ivice polja za unos - svijetla ivica 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 · Glavni i korisnički interfejs - Font za navigaciju, tekst u tijelu, dugmad, polja za unos, oznake i pomoćni tekst, s težinom 400 za tekst u tijelu i 480 za naglasak. Srednja skala težine (360, 420, 480) umjesto standardne (300/400/600) daje tekstu Mercury izrazito uravnotežen izgled - nikad podebljan, nikad tanak, uvijek odmjeren.
- arcadiaDisplay — zamjena: Söhne Breit · obrisi 360, 480, 530 · Font za naslove i dekorativne elemente koristi se u težini 480 za sve veličine naslova od 28px do 65px, dok je 530 rezervisan za najveće dekorativne elemente. Mala visina reda (1,1–1,2) i pozitivan razmak između slova (0,01–0,02em) daju dekorativnom 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 dugmeta | 32px |
| Radijus kartice | 12px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 72px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Mercury stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage 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 sa pozlaćenim knjigama
- dope.security — Ponoćni terminal sa 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ć sa fosforescentnom zelenom tačkom - jednim hromatskim pulsom na moru ugljene prašine
- Changelog — Konzola opservatorije iza tamnog stakla
- GitHub — Svemirska komandna ploča s bioluminiscentnim kontrolnim tačkama - taman, atmosferski radni prostor gdje jedan zeleni sjaj pokazuje put naprijed.