Mercury
Alpeetako ibaiertzak ilunabarrean
Mercuryk Alpeetako banku-estetika baten barruan funtzionatzen du: mihise ia beltz batek (#171721) giro zinematografiko eta behatoki-antzekoa sortzen du, non edukien gainazalak grafito-txartel arinagoak bezala flotatzen diren. Interfazea nagusiki monokromoa da: bolizko testua onix gainean, eta kobalto biziko elementu bakarra (#5266eb) "Kontua Ireki" eragiketa nagusirako soilik erabiltzen da. Tipografiak du adierazkortasun nagusia: 480ko letra-tipo pertsonalizatu batek (ez lodia ez argia), 400eko gorputz-letra-tipo sotil batekin batera, estilo segurua sortzen du, baina inoiz ez deigarria. Osagaiak lauak eta markorik gabekoak dira, 12px-ko grafito-txartelaren erradioan eta kapsula-formako kontroletan oinarritzen dira itzalen ordez egitura definitzeko. Argazki-elementu nagusiak, orrialdearen gainazal osoa hartzen duenak (mendi lainotsuak mahai bakarti baten aurrean), tonua ezartzen du erabiltzaile-interfazea martxan jarri aurretik, eta ondorengo elementu guztiek iluntasun lasai eta premium hori mantentzen dute.
Eduki guztia estilo ilun eta zabalera osokoan diseinatuta dago. Pantaila nagusia 100px-ko argazki zabalera osokoa da, erdian dagoen izenburuarekin, azpitestuarekin eta posta elektroniko bidezko harremanetarako informazioa biltzeko formulario-bloke batekin (gehienezko zabalera ~640px). Pantaila nagusiaren azpian, edukia gehienez 1200px-ko zabalerako ataletan antolatuta dago, 72px-ko marjina bertikalekin, ezkerrean testu bi zutabeko eta eskuinean irudi baten diseinuaren eta hiru zutabeko produktuen deskribapen-txartelen artean txandakatuz. Nabigazioa pantaila nagusian gainjarritako goiko barra garden bat da, eta, mugitzen zaren heinean, beira izoztua gogorarazten duen betegarri ilun solido batera aldatzen da (atzeko plano lausoa). Orri-oina iluna da, ohar-testuarekin. Erritmo bertikala eskuzabala da: dentsitate zabala, atalen artean tarte askorekin. Ez dago alboko nabigaziorik; nabigazio guztia goiko barran dago.
Atal nagusia argazki zinematografiko zabalera osokoek osatzen dute —paisaia atmosferiko eta inspiratzaileak (mendi lainotsuak, naturako lan-eremu isolatuak)—, banku-jarduerak esperientzia kontenplatibo eta sublime gisa kokatzen dituztenak. Argazkiak kalitate handikoak dira, apur bat desaturatuak, tonu hotzekin eta testuaren irakurgarritasuna mantentzeko gainjartze ilun sotil batekin. Atal nagusiaren azpian, irudiak produktuaren erabiltzaile-interfazearen pantaila-argazkiekin eta atzeko plano abstraktu eta atmosferikoekin txandakatzen dira. Ez dago ilustraziorik, ezta artelanen antzeko ikonorik ere; elementu bisualak fotografikoak edo guztiz funtzionalak dira. Erabiltzaile-interfaze osoko ikonoen estiloa nabigazioan, botoietan eta formulario-elementuetan erabiltzen den lerro/glifo estilo minimalista eta boli kolorekoa da.
Paleta
Marka
- Cobalt
#5266eb— Morea botoi beteetarako, hautatutako nabigazio egoeretarako eta fokuan oinarritutako bihurketa uneetarako erabiltzen da.
Neutroa
- Onyx Canvas
#171721— Orrialde nagusiaren atzeko planoa, hasierako pantailarako oinarrizko gainjartzea, oin-ohar eta ataletarako mihiseak. - Graphite Card
#1e1e2a— Kartoiaren eta atalen gainazal altxatuak mihisea baino urrats bat arinagoak dira, bereizketa leuna sortuz. - Obsidian Button
#272735— Botoi-betegarri gehigarriak, txertatutako formularioen atzeko planoak, gainazal interaktibo diskretuak. - Slate Border
#70707d— Eduki-blokeen arteko lodiera ertaineko banatzaileak eta egitura-mugak. - Mist Border
#e2e3ed— Ertz meheak, ia hautemanezinak, botoien eskemak ia hautemanezinak, sarrera-eremuaren ertzak - ertz argia atzealde ilun batean. - Ash Text
#c3c3cc— Testu nagusia, testu lagungarria, etiketa gehigarriak - irakurgarritasuna galdu gabe hierarkia sinplifikatua.
Tipografia
12tik 65px-ra · 9 urrats
- arcadia — ordezkapena: Inter · eskemak 360, 400, 420, 480 · Interfaze Nagusia eta Erabiltzailearen Interfazea - Nabigaziorako, testuaren gorputzerako, botoietarako, sarrera-eremuetarako, etiketetarako eta testu osagarrirako letra-tipoa, 400eko pisuarekin testuaren gorputzerako eta 480ko enfasirako. Tarteko pisu-eskala (360, 420, 480) estandarraren (300/400/600) ordez, Mercury testuari itxura orekatu nabarmena ematen dio: inoiz ez lodia, inoiz ez mehea, beti neurtua.
- arcadiaDisplay — ordezkapena: Söhne Breit · eskemak 360, 480, 530 · Izenburu eta elementu apaingarrietarako letra-tipoa 480 lodierarekin erabiltzen da 28px-tik 65px-ra bitarteko izenburu-tamaina guztietarako, eta 530a elementu apaingarri handienetarako gordetzen da. Lerro-altuera txikiak (1.1–1.2) eta letren arteko tarte positiboak (0.01–0.02em) testu apaingarrien itxura zabal eta arkitektonikoa ematen diote, testu editorialean aurkitzen den egitura konprimituaren ordez.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | batez bestekoa |
| Oinarrizko urratsa | 12px |
| Botoiaren erradioa | 32px |
| Txartelaren erradioa | 12px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 72px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Mercury estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Origin Financial — Gauerdiko galeria oparoa eta isila. Gela isila eta ia iluna, non serif letra-tipo handiek eta koloretako panel argiztatu batzuek finantzak arretaz zaindutako artelan bat direlako sentsazioa sortzen duten.
- Air — eskultura "Gauerdiko zerua beiraren bidez"
- Slash — Gauerdiko ganga urreztatutako kontabilitate-liburuekin
- dope.security — Gauerdiko terminala baliza moreekin
- Modal — Terminal fosforeszente bat zerbitzari-gela ilun batean - argi-iturri bakarra berde biziko kolorea da
- Giga — Gauerdiko horizontea obsidiana izoztuaren gainean
- Dovetail — Planoen Kontrol Zentroa gauerdian
- Dovetail — Ilargi beltz baten azpian plano bat — ia ikusten ez diren grafiko-lerroak, letra-tipo zuria, distira more bat
- AgentQL — Iparraldeko argiak terminalaren gainean gauez
- Supabase — Gauerdiko kode editore bat puntu berde fosforeszente batekin: ikatz hauts itsaso batean pultsu kromatiko bakarra
- Changelog — Behatokiko kontsola beira ilunaren atzean
- GitHub — Kontrol-puntu biolumineszenteak dituen espazio-aginte-panel bat —lan-eremu ilun eta atmosferikoa, non distira berde bakar batek aurrera egiteko bidea adierazten duen.