Mercury
Alpské břehy za soumraku
Mercury funguje v rámci alpské bankovní estetiky: téměř černé plátno (#171721) vytváří filmovou atmosféru podobnou observatoři, kde se obsah vznáší jako o něco světlejší grafitové karty. Rozhraní je převážně černobílé – slonovinový text na onyxu s jediným zářivým kobaltovým prvkem (#5266eb) použitým výhradně pro základní operaci „Otevřít účet“. Typografie nese primární expresivitu: vlastní písmo o velikosti 480 (ani tučné, ani světlé) v kombinaci s jemným písmem o velikosti 400 vytváří sebevědomý, ale nikdy ne křiklavý styl. Komponenty jsou ploché a bezrámové, spoléhají se na 12pixelový poloměr grafitové karty a ovládací prvky ve tvaru kapsle, které definují strukturu spíše než stíny. Hlavní fotografický prvek, který zabírá celý povrch stránky – mlhavé hory na pozadí osamělého stolu – udává tón, než se spustí uživatelské rozhraní, a každý následující prvek si udržuje tuto tichou, prémiovou tmu.
Veškerý obsah je navržen v tmavém stylu na celou šířku. Hlavní obrazovka je tvořena fotografií o velikosti 100 pixelů na celou šířku s vycentrovaným nadpisem, podtextem a blokem formuláře pro shromažďování kontaktních informací na e-mail (maximální šířka ~640 pixelů). Pod hlavní obrazovkou je obsah uspořádán do sekcí o maximální šířce 1200 pixelů se svislými okraji 72 pixelů, střídavě se zde nachází dvousloupcové rozložení textu vlevo a obrázku vpravo a třísloupcové karty s popisem produktu. Navigace je tvořena průhledným horním panelem překrývajícím hlavní obrazovku, který se při posouvání mění na jednolitou tmavou výplň připomínající matné sklo (rozmazání pozadí). Zápatí je tmavé s textem poznámky. Vertikální rytmus je velkorysý – prostorná hustota s dostatkem prostoru mezi sekcemi. Neexistuje žádná boční navigace; veškerá navigace se nachází v horním panelu.
Hlavní sekci dominují filmové fotografie v plné šířce – atmosférické, inspirativní krajiny (mlžné hory, odlehlá pracovní místa v přírodě) – které prezentují bankovnictví jako kontemplativní, vznešený zážitek. Fotografie jsou vysoce kvalitní, mírně desaturované, s chladnými tóny a jemným tmavým překrytím pro zachování čitelnosti textu. Pod hlavní sekcí se střídají obrázky se snímky obrazovky uživatelského rozhraní produktu a abstraktním, atmosférickým pozadím. Nejsou zde žádné ilustrace ani ikony připomínající umělecká díla – vizuální prvky jsou buď fotografické, nebo čistě funkční. Styl ikon v celém uživatelském rozhraní je minimalistický, slonovinově zbarvený styl čar/glyfů používaný v navigaci, tlačítkách a formulářových prvcích.
Paleta
Značka
- Cobalt
#5266eb— Fialová se používá pro vyplněná tlačítka, vybrané stavy navigace a momenty konverze řízené fokusem.
Neutrální
- Onyx Canvas
#171721— Pozadí hlavní stránky, základní překryvná vrstva pro domovskou obrazovku, plátna pro zápatí a sekce. - Graphite Card
#1e1e2a— Vyvýšené povrchy kartonu a sekcí jsou o krok lehčí než plátno, což vytváří hladké oddělení. - Obsidian Button
#272735— Další výplně tlačítek, vložené pozadí formulářů, nenápadné interaktivní povrchy. - Slate Border
#70707d— Středně silné oddělovače a strukturální hranice mezi bloky obsahu. - Mist Border
#e2e3ed— Tenké, sotva znatelné okraje, sotva znatelné obrysy tlačítek, okraje vstupních polí - světlý okraj na tmavém pozadí. - Ash Text
#c3c3cc— Hlavní text, pomocný text, další popisky - zjednodušená hierarchie bez ztráty čitelnosti.
Typografie
od 12 do 65 pixelů · 9 kroků
- arcadia — nahrazení: Inter · obrysy 360, 400, 420, 480 · Hlavní a uživatelské rozhraní – Písmo pro navigaci, text, tlačítka, vstupní pole, popisky a pomocný text s váhou 400 pro text a 480 pro zvýraznění. Střední váhová stupnice (360, 420, 480) namísto standardní (300/400/600) dává textu Mercury výrazně vyvážený vzhled – nikdy tučný, nikdy tenký, vždy odměřený.
- arcadiaDisplay — nahrazení: Söhne Breit · obrysy 360, 480, 530 · Písmo pro nadpisy a dekorativní prvky má tloušťku 480 pro všechny velikosti nadpisů od 28px do 65px, zatímco tloušťka 530 je vyhrazena pro největší dekorativní prvky. Nízká výška řádku (1,1–1,2) a kladné rozteče písmen (0,01–0,02em) dodávají dekorativnímu textu široký, architektonický vzhled, spíše než komprimovanou strukturu, která se nachází v redakčním textu.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 12px |
| Poloměr tlačítka | 32px |
| Poloměr karty | 12px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 72px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Mercury a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Origin Financial — Půlnoční galerie tiché opulentnosti. Tichá, téměř tmavá místnost, kde velké patkové fonty a několik osvětlených barevných panelů vytvářejí pocit, že finance jsou pečlivě kurátorovaným uměleckým dílem.
- Air — socha "Půlnoční obloha skrz sklo"
- Slash — Půlnoční trezor se zlacenými účetními knihami
- dope.security — Půlnoční terminál s fialovými majáky
- Modal — Fosforeskující terminál v zatemněné serverovně - jediným zdrojem světla je jasně zelená barva
- Giga — Půlnoční horizont nad matným obsidiánem
- Dovetail — Řídicí centrum plánů o půlnoci
- Dovetail — Plán pod černým měsícem – sotva viditelné čáry grafu, bílé písmo, jedna fialová jiskra
- AgentQL — Polární záře nad terminálem v noci
- Supabase — Editor kódu o půlnoci s fosforeskující zelenou tečkou – jediný chromatický puls na moři uhelného prachu
- Changelog — Konzola observatoře za tmavým sklem
- GitHub — Vesmírný velitelský panel s bioluminiscenčními kontrolními body – tmavý, atmosférický pracovní prostor, kde jediná zelená záře ukazuje cestu vpřed.