Mercury
Ալպյան ափերը մթնշաղին
Mercury-ն գործում է ալպիական բանկային գեղագիտության շրջանակներում. գրեթե սև կտավը (#171721) ստեղծում է կինեմատոգրաֆիկ, աստղադիտարանի նման մթնոլորտ, որտեղ բովանդակության մակերեսները լողում են որպես մի փոքր ավելի բաց գրաֆիտային քարտեր: Ինտերֆեյսը հիմնականում մոնոխրոմ է՝ փղոսկրե տեքստ օնիքսի վրա, իսկ մեկ վառ կոբալտային (#5266eb) տարրը օգտագործվում է բացառապես «Բաց հաշիվ» գործողության համար: Տիպագրությունը կրում է հիմնական արտահայտչականությունը. 480 չափի (ոչ թավ, ոչ էլ բաց) հատուկ ցուցադրման տառատեսակը, զուգորդված 400 չափի նուրբ մարմնի տառատեսակի հետ, ստեղծում է վստահ, բայց երբեք ճչան ոճ: Բաղադրիչները հարթ և առանց շրջանակի են, հենվելով 12px գրաֆիտային քարտի շառավղի և պարկուճի ձև ունեցող կառավարման վրա՝ կառուցվածքը սահմանելու համար, այլ ոչ թե ստվերները: Հիմնական լուսանկարչական տարրը, որը զբաղեցնում է էջի ամբողջ մակերեսը՝ մշուշոտ լեռներ միայնակ սեղանի վրա, սահմանում է տոնը, նախքան օգտագործողի ինտերֆեյսի գործարկումը, և յուրաքանչյուր հաջորդ տարր պահպանում է այդ հանգիստ, բարձրորակ խավարը:
Բոլոր բովանդակությունը նախագծված է մուգ, լիալայնությամբ ոճով: Գլխավոր էկրանը 100px, լիալայնությամբ լուսանկար է՝ կենտրոնացված վերնագրով, ենթատեքստով և էլեկտրոնային փոստի կոնտակտային տեղեկություններ հավաքելու համար նախատեսված ձևաթղթի բլոկով (առավելագույն լայնությունը՝ ~640px): Գլխավոր էկրանի տակ բովանդակությունը կազմակերպված է առավելագույնը 1200px լայնությամբ բաժիններով՝ 72px ուղղահայաց լուսանցքներով, որոնք հերթագայում են ձախ կողմում տեքստի երկսյունակ դասավորությունը, աջ կողմում՝ պատկերը, և ապրանքի նկարագրության երեքսյունակ քարտերը: Նավիգացիան գլխավոր էկրանի վրա դրված թափանցիկ վերին գոտի է, որը, երբ դուք գլորում եք, անցնում է սառցե ապակի հիշեցնող ամբողջական մուգ լցոնի (ֆոնի մշուշոտություն): Ստորին մասը մուգ է՝ նշումների տեքստով: Ուղղահայաց ռիթմը առատ է՝ ընդարձակ խտություն՝ բաժինների միջև մեծ տարածությամբ: Կողային նավիգացիա չկա. բոլոր նավիգացիաները գտնվում են վերին գոտում:
Գլխավոր բաժնում գերակշռում են լիալայնությամբ կինեմատոգրաֆիկ լուսանկարները՝ մթնոլորտային, ոգեշնչող բնապատկերներ (մառախլապատ լեռներ, բնության մեջ մեկուսացված աշխատանքային տարածքներ), որոնք բանկային գործունեությունը ներկայացնում են որպես խորհրդածական, վեհ փորձառություն: Լուսանկարները բարձրորակ են, թեթևակի անհագեցված, զով երանգներով և նուրբ մուգ ծածկույթով՝ տեքստի ընթեռնելիությունը պահպանելու համար: Գլխավոր բաժնի տակ պատկերները հերթագայում են ապրանքի օգտագործողի ինտերֆեյսի էկրանանկարներով և աբստրակտ, մթնոլորտային ֆոնով: Չկան նկարազարդումներ, արվեստի գործեր հիշեցնող պատկերակներ. տեսողական տարրերը կամ լուսանկարչական են, կամ զուտ ֆունկցիոնալ: Օգտագործողի ինտերֆեյսի ողջ պատկերակների ոճը մինիմալիստական, փղոսկրե գույնի գծերի/գլիֆների ոճ է, որն օգտագործվում է նավիգացիայի, կոճակների և ձևի տարրերի մեջ:
Պալիտրա
Բրենդ
- Cobalt
#5266eb— Մանուշակագույնը օգտագործվում է լցված կոճակների, ընտրված նավիգացիոն վիճակների և կենտրոնացված փոխակերպման պահերի համար։
Չեզոք
- Onyx Canvas
#171721— Գլխավոր էջի ֆոն, գլխավոր էկրանի հիմնական ծածկույթ, ստորին էջի և բաժինների համար նախատեսված կտավներ։ - Graphite Card
#1e1e2a— Ստվարաթղթի և հատվածների բարձրացված մակերեսները մեկ աստիճանով ավելի թեթև են, քան կտավը, ստեղծելով հարթ բաժանում։ - Obsidian Button
#272735— Լրացուցիչ կոճակների լրացումներ, ներդրված ձևերի ֆոնային պատկերներ, աննկատ ինտերակտիվ մակերեսներ։ - Slate Border
#70707d— Միջին հաստության բաժանարարներ և կառուցվածքային սահմաններ բովանդակության բլոկների միջև։ - Mist Border
#e2e3ed— Բարակ, հազիվ նկատելի եզրագծեր, հազիվ նկատելի կոճակների ուրվագծեր, մուտքագրման դաշտերի եզրեր՝ բաց եզրագիծ մուգ ֆոնի վրա։ - Ash Text
#c3c3cc— Հիմնական տեքստ, օժանդակ տեքստ, լրացուցիչ պիտակներ՝ պարզեցված հիերարխիա՝ առանց ընթեռնելիության կորստի։
Տպագրություն
12-ից մինչև 65px · 9 քայլ
- arcadia — փոխարինում: Inter · ուրվագծեր 360, 400, 420, 480 · Գլխավոր և օգտագործողի ինտերֆեյս - տառատեսակ նավիգացիայի, հիմնական տեքստի, կոճակների, մուտքագրման դաշտերի, պիտակների և օժանդակ տեքստի համար, որի հիմնական տեքստի համար 400 և շեշտադրման համար 480 կշիռ կա: Միջին կշռի սանդղակը (360, 420, 480) ստանդարտի (300/400/600) փոխարեն Mercury տեքստին հաղորդում է հստակ հավասարակշռված տեսք՝ երբեք թավ, երբեք բարակ, միշտ չափված:
- arcadiaDisplay — փոխարինում: Söhne Breit · ուրվագծեր 360, 480, 530 · Վերնագրերի և դեկորատիվ տարրերի համար նախատեսված տառատեսակը 480 կշռով է օգտագործվում բոլոր վերնագրերի չափերի համար՝ 28-ից մինչև 65 պիքսել, մինչդեռ 530 կշռով տառատեսակը նախատեսված է ամենամեծ դեկորատիվ տարրերի համար: Տողերի ցածր բարձրությունը (1.1–1.2) և տառերի միջև դրական հեռավորությունը (0.01–0.02 մ) դեկորատիվ տեքստին հաղորդում են լայն, ճարտարապետական տեսք, այլ ոչ թե խմբագրական տեքստում հանդիպող սեղմված կառուցվածք:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | միջին |
| Հիմնական քայլ | 12px |
| Կոճակի շառավիղ | 32px |
| Քարտի շառավիղ | 12px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 72px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Mercury ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Origin Financial — Կեսգիշերային պատկերասրահ՝ լուռ շքեղությամբ։ Լուռ, գրեթե մութ սենյակ, որտեղ մեծ սերիֆ տառատեսակները և մի քանի լուսավորված գունավոր վահանակները ստեղծում են այն զգացողությունը, որ ֆինանսները ուշադիր ընտրված արվեստի գործ են։
- Air — «Կեսգիշերային երկինքը ապակու միջով» քանդակը
- Slash — Կեսգիշերային պահոց՝ ոսկեզօծ գրանցամատյաններով
- dope.security — Կեսգիշերային տերմինալ՝ մանուշակագույն փարոսներով
- Modal — Ֆոսֆորեսցենտ տերմինալ մութ սերվերային սենյակում. միակ լույսի աղբյուրը վառ կանաչ գույնն է
- Giga — Կեսգիշերային հորիզոն՝ սառցե օբսիդիանի վրայով
- Dovetail — Կեսգիշերին «Նախագծի կառավարման կենտրոն»
- Dovetail — Սև լուսնի տակ նախագիծ՝ հազիվ տեսանելի գրաֆիկական գծեր, սպիտակ տառատեսակ, մեկ մանուշակագույն փայլ
- AgentQL — Հյուսիսային լույսերը գիշերը տերմինալի վրա
- Supabase — Կեսգիշերին կոդի խմբագրիչ՝ ֆոսֆորեսցենտ կանաչ կետով՝ մեկ քրոմատիկ զարկ ածխի փոշու ծովի վրա
- Changelog — Դիտարանի վահանակը մուգ ապակու հետևում
- GitHub — Տիեզերական հրամանատարական վահանակ՝ բիոլյումինեսցենտ կառավարման կետերով. մութ, մթնոլորտային աշխատանքային տարածք, որտեղ միակ կանաչ լույսը ցույց է տալիս առաջ շարժվելու ճանապարհը։