Mercury
Alpské brehy za súmraku
Mercury funguje v rámci estetiky banky Alpine: takmer čierne plátno (#171721) vytvára filmovú atmosféru podobnú observatóriu, kde sa povrchy obsahu vznášajú ako o niečo svetlejšie grafitové karty. Rozhranie je prevažne monochromatické – slonovinový text na onyxe s jedným žiarivým kobaltovým prvkom (#5266eb) používaným výhradne pre základnú operáciu „Otvoriť účet“. Typografia nesie primárnu expresivitu: vlastné písmo displeja s veľkosťou 480 (ani tučné, ani svetlé) v kombinácii s jemným písmom tela s veľkosťou 400 vytvára sebavedomý, ale nikdy nie krikľavý štýl. Komponenty sú ploché a bezrámové, spoliehajú sa na 12px polomer grafitovej karty a ovládacie prvky v tvare kapsuly, ktoré definujú štruktúru, a nie tiene. Hlavný fotografický prvok, ktorý zaberá celý povrch stránky – hmlisté hory na pozadí osamelého stola – udáva tón predtým, ako sa spustí používateľské rozhranie, a každý nasledujúci prvok si udržiava túto tichú, prémiovú tmu.
Všetok obsah je navrhnutý v tmavom štýle na celú šírku. Hlavná obrazovka je 100px fotografia na celú šírku s centrovaným nadpisom, podtextom a blokom formulára na zhromažďovanie kontaktných informácií na e-mail (maximálna šírka ~640px). Pod hlavnou obrazovkou je obsah usporiadaný do sekcií s maximálnou šírkou 1200px so zvislými okrajmi 72px, pričom sa strieda dvojstĺpcové rozloženie textu vľavo a obrázka vpravo a trojstĺpcové karty s popisom produktu. Navigácia je tvorená priehľadným horným panelom prekrývajúcim hlavnú obrazovku, ktorý sa pri posúvaní premieňa na plnú tmavú výplň pripomínajúcu matné sklo (rozmazanie pozadia). Päta je tmavá s textom poznámky. Vertikálny rytmus je veľkorysý – priestranná hustota s dostatkom priestoru medzi sekciami. Neexistuje žiadna bočná navigácia; všetka navigácia sa nachádza v hornom paneli.
Hlavnej sekcii dominujú filmové fotografie na celú šírku – atmosférické, inšpiratívne krajiny (hmlisté hory, odľahlé pracovné priestory v prírode) – ktoré prezentujú bankovníctvo ako kontemplatívny, vznešený zážitok. Fotografie sú vysoko kvalitné, mierne desaturované, s chladnými tónmi a jemným tmavým prekrytím, ktoré zachová čitateľnosť textu. Pod hlavnou sekciou sa obrázky striedajú so snímkami obrazovky používateľského rozhrania produktu a abstraktnými, atmosférickými pozadiami. Nie sú tam žiadne ilustrácie ani ikony pripomínajúce umelecké diela – vizuálne prvky sú buď fotografické, alebo čisto funkčné. Štýl ikon v celom používateľskom rozhraní je minimalistický, slonovinovej farby s čiarami/glyfmi, ktorý sa používa v navigácii, tlačidlách a prvkoch formulárov.
Paleta
Značka
- Cobalt
#5266eb— Fialová farba sa používa pre vyplnené tlačidlá, vybrané stavy navigácie a momenty konverzie riadené zameraním.
Neutrálny
- Onyx Canvas
#171721— Pozadie hlavnej stránky, základné prekrytie pre domovskú obrazovku, plátna pre pätu a sekcie. - Graphite Card
#1e1e2a— Zvýšené povrchy kartónu a sekcií sú o krok ľahšie ako plátno, čím vytvárajú hladké oddelenie. - Obsidian Button
#272735— Doplnkové výplne tlačidiel, vložené pozadia formulárov, nenápadné interaktívne povrchy. - Slate Border
#70707d— Stredne hrubé oddeľovače a štrukturálne hranice medzi blokmi obsahu. - Mist Border
#e2e3ed— Tenké, sotva viditeľné okraje, sotva viditeľné obrysy tlačidiel, okraje vstupných polí - svetlý okraj na tmavom pozadí. - Ash Text
#c3c3cc— Hlavný text, pomocný text, ďalšie popisky - zjednodušená hierarchia bez straty čitateľnosti.
Typografia
od 12 do 65px · 9 krokov
- arcadia — náhrada: Inter · obrysy 360, 400, 420, 480 · Hlavné a používateľské rozhranie – Písmo pre navigáciu, text tela, tlačidlá, vstupné polia, popisky a pomocný text s váhou 400 pre text tela a 480 pre zvýraznenie. Stredná váhová stupnica (360, 420, 480) namiesto štandardnej (300/400/600) dodáva textu Mercury výrazne vyvážený vzhľad – nikdy tučný, nikdy tenký, vždy odmeraný.
- arcadiaDisplay — náhrada: Söhne Breit · obrysy 360, 480, 530 · Písmo pre nadpisy a dekoratívne prvky má hrúbku 480 pre všetky veľkosti nadpisov od 28px do 65px, zatiaľ čo 530 je vyhradené pre najväčšie dekoratívne prvky. Nízka výška riadku (1,1 – 1,2) a kladné rozstupy písmen (0,01 – 0,02em) dodávajú dekoratívnemu textu široký, architektonický vzhľad, a nie komprimovanú štruktúru, ktorá sa nachádza v redakčnom texte.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 12px |
| Polomer tlačidla | 32px |
| Polomer karty | 12px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 72px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Mercury a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Origin Financial — Polnočná galéria tichej opulentnosti. Tichá, takmer tmavá miestnosť, kde veľké pätkové písmo a niekoľko osvetlených farebných panelov vytvárajú pocit, že financie sú starostlivo kurátorsky spracovaným umeleckým dielom.
- Air — socha „Polnočná obloha cez sklo“
- Slash — Polnočná klenba so zlátenými účtovnými knihami
- dope.security — Polnočný terminál s fialovými majákmi
- Modal — Fosforeskujúci terminál v zatemnenej serverovni - jediným zdrojom svetla je jasne zelená farba.
- Giga — Polnočný horizont nad matným obsidiánom
- Dovetail — Riadiace centrum plánov o polnoci
- Dovetail — Plán pod čiernym mesiacom - sotva viditeľné čiary grafu, biele písmo, jedna fialová iskra
- AgentQL — Polárna žiara nad terminálom v noci
- Supabase — Editor kódu o polnoci s fosforeskujúcou zelenou bodkou – jediný chromatický impulz na mori uhoľného prachu
- Changelog — Konzola observatória za tmavým sklom
- GitHub — Vesmírny veliteľský panel s bioluminiscenčnými kontrolnými bodmi – tmavý, atmosférický pracovný priestor, kde jediná zelená žiara ukazuje cestu vpred.