Telegram, WhatsApp+380637610482
Valerij Danyuk
Valerij DanyukfejlesztőMI-eszközök fejlesztése vállalkozások számára. Kiváló minőség. Megfizethető ár.Írjon Telegramon
Mercury — egy ilyen stílusú webhely előnézete

Mercury

Alpesi partok alkonyatkor

A Mercury az alpesi banki esztétika jegyében működik: a közel fekete vászon (#171721) filmes, csillagvizsgálószerű hangulatot teremt, ahol a tartalomfelületek kissé világosabb grafitkártyákként lebegnek. A kezelőfelület túlnyomórészt monokróm – elefántcsont színű szöveg ónixon, egyetlen élénk kobaltkék (#5266eb) elemmel, amelyet kizárólag a „Számlanyitás” művelethez használnak. A tipográfia hordozza az elsődleges kifejezőerőt: a 480-as egyéni megjelenítési betűtípus (sem félkövér, sem világos) egy finom, 400-as betűtípussal párosítva magabiztos, de soha nem harsány stílust hoz létre. Az elemek laposak és keret nélküliek, 12 képpontos grafitkártya-rádiuszra és kapszula alakú vezérlőkre támaszkodva határozzák meg a struktúrát, nem pedig az árnyékokat. A fő fotóelem, amely az oldal teljes felületét elfoglalja – ködös hegyek egy magányos asztal hátterében – megadja az alaphangulatot, mielőtt a felhasználói felület bekapcsolna, és minden további elem megőrzi ezt a csendes, prémium sötétséget.

Minden tartalom sötét, teljes szélességű stílusban készült. A főképernyő egy 100 képpontos, teljes szélességű fotó középre igazított címsorral, alszöveggel és egy űrlapblokkkal az e-mail elérhetőségi adatok gyűjtésére (maximális szélesség ~640 képpont). A főképernyő alatt a tartalom maximum 1200 képpontos szélességű részekre van osztva, 72 képpontos függőleges margókkal, váltakozva a bal oldalon lévő szöveg és a jobb oldalon lévő kép két oszlopos elrendezése, valamint a három oszlopos termékleíró kártyák között. A navigáció egy átlátszó felső sáv, amely a főképernyőre vetül, és görgetés közben egy matt üvegre emlékeztető, sötét kitöltésre vált (háttér elmosódása). A lábléc sötét, jegyzetszöveggel. A függőleges ritmus nagyvonalú – tágas sűrűségű, a részek között bőséges hely van. Nincs oldalsó navigáció; az összes navigáció a felső sávban található.

A fő részt teljes szélességű filmes fényképek uralják – hangulatos, inspiráló tájképek (ködös hegyek, félreeső munkaterületek a természetben) –, amelyek a bankolást elmélkedő, fenséges élményként állítják be. A fényképek kiváló minőségűek, enyhén telítetlenek, hűvös tónusokkal és finom sötét réteggel, hogy a szöveg olvashatósága megmaradjon. A fő rész alatt a képek a termék felhasználói felületének képernyőképeivel és absztrakt, hangulatos hátterekkel váltakoznak. Nincsenek illusztrációk, nincsenek műalkotásokra emlékeztető ikonok – a vizuális elemek vagy fotografikusak, vagy tisztán funkcionálisak. A felhasználói felület ikonstílusa minimalista, elefántcsont színű vonal/karakterjel stílus, amelyet a navigációban, a gombokban és az űrlapelemekben használnak.

Paletta

Márka

  • Cobalt #5266eb — A lilát kitöltött gombokhoz, kiválasztott navigációs állapotokhoz és fókuszvezérelt konverziós pillanatokhoz használják.

Semleges

  • Onyx Canvas #171721 — Főoldal háttere, alapvető átfedés a kezdőképernyőhöz, vásznak a lábléchez és a szakaszokhoz.
  • Graphite Card #1e1e2a — A karton és a részek kiemelkedő felületei egy lépéssel világosabbak a vászonnál, így sima elválasztás jön létre.
  • Obsidian Button #272735 — További gombkitöltések, beágyazott űrlaphátterek, diszkrét interaktív felületek.
  • Slate Border #70707d — Közepes vastagságú elválasztók és szerkezeti határok a tartalomblokkok között.
  • Mist Border #e2e3ed — Vékony, alig észrevehető szegélyek, alig észrevehető gombkörvonalak, beviteli mező szélei - világos szegély sötét háttéren.
  • Ash Text #c3c3cc — Fő szöveg, segédszöveg, további címkék - egyszerűsített hierarchia az olvashatóság elvesztése nélkül.

Tipográfia

12-től 65 képpontig · 9 lépésben

  • arcadia — csere: Inter · körvonalak 360, 400, 420, 480 · Fő és felhasználói felület – Egy betűtípus a navigációhoz, a törzsszöveghez, a gombokhoz, a beviteli mezőkhöz, a címkékhez és a segédszöveghez, 400-as vastagságban a törzsszöveghez és 480-as vastagságban a kiemeléshez. A köztes vastagságskála (360, 420, 480) a szabványos (300/400/600) helyett kifejezetten kiegyensúlyozott megjelenést kölcsönöz a Mercury szövegnek – soha nem félkövér, soha nem vékony, mindig megfontolt.
  • arcadiaDisplay — csere: Söhne Breit · körvonalak 360, 480, 530 · A címsorok és díszítőelemek betűtípusa 480-as vastagságú, minden címsorméret esetén 28 képponttól 65 képpontig, míg az 530-as a legnagyobb díszítőelemekhez van fenntartva. Az alacsony sormagasság (1,1–1,2) és a pozitív betűköz (0,01–0,02em) széles, architektúrás megjelenést kölcsönöz a díszítőszövegnek, szemben a szerkesztői szövegekben található tömörített szerkezettel.

Intervallumok és forma

CélJelentés
Sűrűségátlagos
Alapvető lépés12px
Gomb sugara32px
Kártya sugara12px
Árnyékoknincs - szegélyek árnyékok helyett
Szakaszok között72px
Oldal szélessége1200px

A mesterséges intelligencia Mercury stílusban fogja elkészíteni a weboldaladat, és kitölti azt.

  • Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
  • Tartalom átvitele régi webhelyéről – csak adja meg a címet.
  • Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
  • Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.

Hasonló stílusok

  • Origin Financial — Egy éjféli galéria a csendes fényűzésről. Egy csendes, szinte sötét terem, ahol a nagy talpas betűtípusok és néhány megvilágított színes panel azt az érzetet kelti, mintha a pénzügy egy gondosan válogatott műalkotás lenne.
  • Air — "Éjféli égbolt üvegen keresztül" szobor
  • Slash — Éjféli trezor aranyozott főkönyvekkel
  • dope.security — Éjféli terminál lila jelzőfényekkel
  • Modal — Egy foszforeszkáló terminál egy elsötétített szerverszobában - az egyetlen fényforrás egy élénkzöld színű
  • Giga — Éjféli horizont matt obszidián felett
  • Dovetail — Tervrajz-irányítóközpont éjfélkor
  • Dovetail — Egy tervrajz a fekete hold alatt – alig látható grafikonvonalak, fehér betűtípus, egyetlen lila csillogás
  • AgentQL — Északi fény a terminál felett éjszaka
  • Supabase — Egy kódszerkesztő éjfélkor, foszforeszkáló zöld ponttal – egyetlen kromatikus impulzussal a szénpor tengerén
  • Changelog — A sötét üveg mögötti kilátó konzol
  • GitHub — Egy űrparancsnoki panel biolumineszcens vezérlőpontokkal – egy sötét, hangulatos munkaterület, ahol egyetlen zöld fény jelzi az utat.