Mercury
Mga bangko sa Alpine sa kilumkilom
Ang Mercury naglihok sulod sa usa ka Alpine banking aesthetic: ang usa ka hapit itom nga canvas (#171721) nagmugna og usa ka cinematic, sama sa obserbatoryo nga atmospera, diin ang mga sulud sa sulud naglutaw sama sa gamay nga mas gaan nga mga graphite card. Ang interface kasagaran monochrome—ivory text sa onyx, nga adunay usa ka mahayag nga cobalt (#5266eb) nga elemento nga gigamit lamang alang sa kinauyokan nga operasyon nga "Open Account". Ang tipograpiya nagdala sa panguna nga ekspresyon: ang usa ka custom display font nga 480 (dili bold o light) nga gipares sa usa ka subtle body font nga 400 nagmugna og usa ka masaligon apan dili gyud garish nga istilo. Ang mga sangkap patag ug walay frame, nga nagsalig sa usa ka 12px graphite card radius ug capsule-shaped nga mga kontrol aron ipasabut ang istruktura imbes nga mga anino. Ang panguna nga elemento sa litrato, nga nag-okupar sa tibuuk nga nawong sa panid—mga gabon nga bukid batok sa usa ka nag-inusara nga lamesa—nagtakda sa tono sa dili pa magsugod ang user interface, ug ang matag sunod nga elemento nagmintinar sa hilom, premium nga kangitngit.
Ang tanang sulod gidisenyo sa ngitngit ug bug-os nga gilapdon nga estilo. Ang pangunang screen usa ka 100px, bug-os nga gilapdon nga litrato nga adunay nakasentro nga headline, subtext, ug usa ka form block para sa pagkolekta sa impormasyon sa pagkontak sa email (maximum nga gilapdon ~640px). Sa ubos sa pangunang screen, ang sulod giorganisar sa mga seksyon nga adunay maximum nga gilapdon nga 1200px nga adunay 72px nga bertikal nga mga margin, nga nagpuli-puli tali sa duha ka kolum nga layout sa teksto sa wala ug usa ka imahe sa tuo, ug tulo ka kolum nga mga deskripsyon sa produkto. Ang nabigasyon usa ka transparent nga top bar nga gisapaw sa pangunang screen, nga, samtang mag-scroll ka, mobalhin ngadto sa usa ka solidong ngitngit nga puno nga susama sa frosted glass (background blur). Ang footer ngitngit nga adunay teksto sa nota. Ang bertikal nga ritmo lapad—luag nga densidad nga adunay daghang espasyo tali sa mga seksyon. Walay side navigation; ang tanang nabigasyon nahimutang sa ibabaw nga bar.
Ang pangunang seksyon gidominar sa mga full-width nga sinematikong litrato—atmospera, makapadasig nga mga talan-awon (gabon nga mga bukid, hilit nga mga workspace sa kinaiyahan)—nga nagbutang sa banking isip usa ka mahunahunaon ug halangdon nga kasinatian. Ang mga litrato taas og kalidad, gamay nga desaturated, nga adunay bugnaw nga mga tono ug usa ka malumo nga ngitngit nga overlay aron mapreserbar ang pagbasa sa teksto. Sa ubos sa pangunang seksyon, ang mga imahe nagpuli-puli sa mga screenshot sa user interface sa produkto ug abstract, atmospheric nga mga background. Walay mga ilustrasyon, walay mga icon nga susama sa mga buhat sa arte—ang mga visual nga elemento kay photographic o puro nga magamit. Ang estilo sa icon sa tibuok user interface usa ka minimalist, kolor-ivory nga estilo sa linya/glyph nga gigamit sa nabigasyon, mga butones, ug mga elemento sa porma.
Paleta
Brand
- Cobalt
#5266eb— Ang purpura gigamit para sa mga butones nga napuno, pinili nga mga estado sa nabigasyon, ug mga focus-driven conversion moment.
Neutral
- Onyx Canvas
#171721— Background sa pangunang panid, batakang overlay para sa home screen, mga canvas para sa footer ug mga seksyon. - Graphite Card
#1e1e2a— Ang gipataas nga mga nawong sa karton ug mga seksyon mas gaan og usa ka lakang kay sa canvas, nga nagmugna og hapsay nga panagbulag. - Obsidian Button
#272735— Dugang nga mga pagpuno sa butones, gisulod nga mga background sa porma, dili makahasol nga interactive nga mga nawong. - Slate Border
#70707d— Mga pangbahin sa medium-thickness ug mga utlanan sa istruktura taliwala sa mga bloke sa sulud. - Mist Border
#e2e3ed— Nipis, halos dili mamatikdan nga mga utlanan, halos dili mamatikdan nga mga outline sa butones, mga ngilit sa input field - usa ka hayag nga utlanan sa usa ka ngitngit nga background. - Ash Text
#c3c3cc— Pangunang teksto, auxiliary nga teksto, dugang nga mga label - gipasimple nga herarkiya nga wala mawala ang kasayon sa pagbasa.
Tipograpiya
gikan sa 12 ngadto sa 65px · 9 ka lakang
- arcadia — kapuli: Inter · mga balangkas 360, 400, 420, 480 · Panguna ug Interface sa Gumagamit - Usa ka font para sa nabigasyon, lawas sa teksto, mga butones, mga input field, mga label, ug auxiliary text, nga adunay gibug-aton nga 400 para sa lawas sa teksto ug 480 para sa paghatag og gibug-aton. Ang intermediate weight scale (360, 420, 480) imbes sa standard (300/400/600) naghatag sa teksto sa Mercury og klaro nga balanse nga hitsura—dili gyud maisog, dili gyud nipis, kanunay gisukod.
- arcadiaDisplay — kapuli: Söhne Breit · mga balangkas 360, 480, 530 · Ang font para sa mga heading ug mga pangdekorasyon nga elemento gigamit sa 480 nga gibug-aton para sa tanang gidak-on sa heading gikan sa 28px hangtod 65px, samtang ang 530 gitagana para sa pinakadakong mga pangdekorasyon nga elemento. Ang ubos nga gitas-on sa linya (1.1–1.2) ug positibo nga gilay-on sa mga letra (0.01–0.02em) naghatag sa pangdekorasyon nga teksto og lapad, arkitektural nga hitsura, imbes nga ang gikompres nga istruktura nga makita sa editoryal nga teksto.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | aberids |
| Batakang lakang | 12px |
| Radius sa butones | 32px |
| Radius sa kard | 12px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 72px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Mercury ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Origin Financial — Usa ka galeriya sa tungang gabii sa hilom nga kaharuhay. Usa ka hilom, halos ngitngit nga lawak diin ang dagkong serif nga mga font ug pipila ka gisidlakan nga mga panel nga kolor nagmugna sa pagbati nga ang pinansya usa ka maampingong giorganisar nga obra maestra.
- Air — eskultura nga "Kalangitan sa Tungang Gabii Pinaagi sa Bildo"
- Slash — Tunga sa tungang gabii nga vault nga adunay mga gilded ledger
- dope.security — Terminal sa tungang gabii nga adunay mga purpura nga suga
- Modal — Usa ka phosphorescent terminal sa usa ka ngitngit nga server room - ang bugtong tinubdan sa kahayag mao ang hayag nga berde nga kolor
- Giga — Kapunawpunawan sa tungang gabii ibabaw sa nagyelo nga obsidian
- Dovetail — Sentro sa Pagkontrol sa Blueprint sa Tungang Gabii
- Dovetail — Usa ka blueprint ubos sa itom nga bulan—halos dili makita nga mga linya sa graph, puti nga font, usa ka purpura nga kislap
- AgentQL — Northern Lights ibabaw sa terminal sa gabii
- Supabase — Usa ka code editor sa tungang gabii nga adunay phosphorescent green nga tulbok—usa ka chromatic pulse sa dagat sa abog sa karbon
- Changelog — Ang obserbatoryo nga konsol sa luyo sa itom nga bildo
- GitHub — Usa ka space command panel nga adunay bioluminescent control points—usa ka ngitngit ug atmospheric nga workspace diin ang usa ka berde nga kahayag nagtudlo sa dalan padulong sa unahan.