Mercury
Alpine ntug dej thaum tsaus ntuj
Mercury ua haujlwm hauv Alpine banking aesthetic: ib daim ntaub canvas ze li dub (#171721) tsim ib qho chaw zoo li cinematic, zoo li lub chaw saib hnub qub, qhov twg cov ntsiab lus ntab ua daim npav graphite me ntsis sib dua. Lub interface feem ntau yog monochrome—cov ntawv ivory ntawm onyx, nrog rau ib qho cobalt ci ntsa iab (#5266eb) siv rau lub hauv paus "Qhib Account" kev ua haujlwm. Typography nqa qhov kev qhia tawm tseem ceeb: ib qho kev cai tso saib font ntawm 480 (tsis yog bold lossis light) ua ke nrog lub cev font ntawm 400 tsim ib qho kev ntseeg siab tab sis tsis muaj garish style. Cov khoom yog tiaj tus thiab tsis muaj thav duab, vam khom rau 12px graphite daim npav radius thiab capsule-zoo li cov tswj kom txhais cov qauv es tsis yog duab ntxoov ntxoo. Lub ntsiab lus duab tseem ceeb, uas siv tag nrho qhov chaw ntawm nplooj ntawv—roob pos huab tawm tsam lub rooj kho siab—teem lub suab ua ntej lub interface neeg siv pib, thiab txhua lub ntsiab lus tom qab tswj hwm qhov tsaus ntuj ntsiag to, zoo.
Tag nrho cov ntsiab lus yog tsim los rau hauv ib qho tsaus ntuj nti, dav dav. Lub vijtsam tseem ceeb yog 100px, daim duab dav dav nrog lub npe tseem ceeb, cov ntawv hauv qab, thiab ib daim ntawv rau kev sau cov ntaub ntawv tiv tauj email (dav siab tshaj ~ 640px). Hauv qab lub vijtsam tseem ceeb, cov ntsiab lus tau teeb tsa ua ntu ntawm qhov dav tshaj plaws ntawm 1200px nrog 72px ntsug margins, hloov pauv ntawm ob-kab ntawv layout ntawm sab laug thiab ib daim duab ntawm sab xis, thiab peb-kab ntawv piav qhia khoom. Lub navigation yog ib lub bar sab saum toj pob tshab overlaid ntawm lub vijtsam tseem ceeb, uas, thaum koj scroll, hloov mus rau qhov tsaus ntuj nti sau zoo li iav frosted (tom qab blur). Lub footer yog tsaus nrog cov ntawv sau. Lub suab ntsug yog dav - dav ntom nrog ntau qhov chaw ntawm cov ntu. Tsis muaj sab navigation; tag nrho cov navigation nyob rau hauv lub bar sab saum toj.
Lub ntsiab lus tseem ceeb yog cov duab cinematic puv dav - cov toj roob hauv pes uas muaj huab cua zoo nkauj, txhawb siab (roob pos huab, chaw ua haujlwm nyob ib leeg hauv xwm) - uas ua rau kev xav thiab kev paub zoo kawg nkaus. Cov duab zoo, me ntsis desaturated, nrog cov xim txias thiab cov xim tsaus me ntsis kom khaws cov ntawv nyeem tau yooj yim. Hauv qab lub ntsiab lus tseem ceeb, cov duab hloov pauv nrog cov ntxaij vab tshaus ntawm cov khoom siv interface thiab cov keeb kwm yav dhau los abstract, atmospheric. Tsis muaj cov duab kos, tsis muaj cov cim zoo li cov duab kos duab - cov ntsiab lus pom yog duab lossis ua haujlwm xwb. Cov qauv cim thoob plaws lub interface neeg siv yog minimalist, xim av daj / glyph style siv rau hauv kev taw qhia, khawm, thiab cov ntsiab lus ntawm daim ntawv.
Xim av
Hom
- Cobalt
#5266eb— Xim av yog siv rau cov nyees khawm puv nkaus, cov xwm txheej kev taw qhia uas tau xaiv, thiab cov sijhawm hloov pauv uas tsom mus rau kev tsom mus rau.
Nruab nrab
- Onyx Canvas
#171721— Keeb kwm yav dhau ntawm nplooj ntawv tseem ceeb, kev npog yooj yim rau lub vijtsam hauv tsev, cov ntaub canvases rau hauv qab thiab cov ntu. - Graphite Card
#1e1e2a— Cov nplaim ntawm cov ntawv cardboard thiab cov seem yog ib kauj ruam sib dua li daim ntaub canvas, tsim kom muaj kev sib cais du. - Obsidian Button
#272735— Cov nyees khawm ntxiv, cov keeb kwm yav dhau los ntawm daim ntawv, cov chaw sib tham tsis pom tseeb. - Slate Border
#70707d— Cov khoom faib nruab nrab thiab cov ciam teb ntawm cov ntsiab lus. - Mist Border
#e2e3ed— Cov ciam teb nyias nyias, tsis tshua pom tseeb, cov kab kos khawm tsis tshua pom tseeb, cov npoo ntawm cov ntawv nkag - ciam teb sib dua ntawm keeb kwm yav dhau tsaus ntuj. - Ash Text
#c3c3cc— Cov ntawv tseem ceeb, cov ntawv pab, cov ntawv ntxiv - kev ua kom yooj yim dua yam tsis poob qhov nyeem tau yooj yim.
Kev sau ntawv
txij li 12 mus rau 65px · 9 kauj ruam
- arcadia — hloov: Inter · cov qauv qhia 360, 400, 420, 480 · Lub Ntsiab Lus Tseem Ceeb thiab Tus Neeg Siv - Ib hom ntawv rau kev taw qhia, cov ntawv hauv lub cev, cov nyees khawm, cov teb nkag, cov ntawv lo, thiab cov ntawv pabcuam, nrog qhov hnyav ntawm 400 rau cov ntawv hauv lub cev thiab 480 rau kev hais kom meej. Qhov ntsuas qhov hnyav nruab nrab (360, 420, 480) es tsis yog tus qauv (300/400/600) muab cov ntawv Mercury ib qho zoo sib npaug - yeej tsis tuab, yeej tsis nyias, ib txwm ntsuas.
- arcadiaDisplay — hloov: Söhne Breit · cov qauv qhia 360, 480, 530 · Cov ntawv rau cov npe thiab cov khoom dai kom zoo nkauj siv rau hauv 480 qhov hnyav rau txhua qhov loj me ntawm 28px txog 65px, thaum 530 yog tseg rau cov khoom dai kom zoo nkauj loj tshaj plaws. Qhov siab ntawm kab qis (1.1–1.2) thiab qhov sib nrug ntawm cov ntawv zoo (0.01–0.02em) muab cov ntawv dai kom zoo nkauj dav dav, zoo li cov qauv tsim, es tsis yog cov qauv compressed pom hauv cov ntawv kho kom zoo nkauj.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 12px |
| Lub vojvoog ntawm lub pob | 32px |
| Lub vojvoog ntawm daim npav | 12px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 72px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Mercury thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Origin Financial — Ib lub tsev khaws puav pheej thaum ib tag hmo uas muaj kev nplua nuj nyob ntsiag to. Ib chav ntsiag to, yuav luag tsaus ntuj uas cov ntawv loj loj thiab ob peb lub vaj huam sib luag xim ci ntsa iab ua rau muaj kev xav tias kev nyiaj txiag yog ib daim duab kos duab zoo nkauj.
- Air — duab puab "Ntuj Nruab Hnub Los Ntawm Iav"
- Slash — Lub tsev khaws puav pheej nruab hmo nrog cov phau ntawv gilded
- dope.security — Lub davhlau ya nyob twg ib tag hmo nrog cov teeb liab ntshav
- Modal — Lub davhlau ya nyob twg phosphorescent hauv chav tsaus ntuj - tsuas yog lub teeb ci ntsa iab xwb
- Giga — Lub qab ntuj tsaus ntuj hla lub frosted obsidian
- Dovetail — Chaw Tswj Xyuas Blueprint thaum ib tag hmo
- Dovetail — Ib daim duab qhia hauv qab lub hli dub—cov kab kos uas tsis pom tseeb, cov ntawv dawb, ib qho ci ntsa iab xim ntshav
- AgentQL — Teeb Northern hla lub davhlau ya nyob twg thaum hmo ntuj
- Supabase — Ib tug kws kho code thaum ib tag hmo nrog lub teeb ntsuab phosphorescent - ib lub teeb chromatic pulse ntawm ib lub hiav txwv ntawm cov hmoov av thee
- Changelog — Lub console observatory tom qab iav tsaus nti
- GitHub — Ib lub vaj huam sib luag hais kom ua qhov chaw nrog cov chaw tswj hwm bioluminescent - qhov chaw ua haujlwm tsaus ntuj, huab cua uas ib lub teeb ntsuab taw qhia txoj kev mus tom ntej.