
Mercury
ალპური ნაპირები შებინდებისას
Mercury ალპური საბანკო ესთეტიკის ფარგლებში მოქმედებს: თითქმის შავი ტილო (#171721) ქმნის კინემატოგრაფიულ, ობსერვატორიის მსგავს ატმოსფეროს, სადაც შინაარსის ზედაპირები ოდნავ უფრო ღია გრაფიტის ბარათების მსგავსად ტივტივებს. ინტერფეისი ძირითადად მონოქრომულია - სპილოსძვლისფერი ტექსტი ონიქსზე, ერთი ნათელი კობალტის (#5266eb) ელემენტით, რომელიც ექსკლუზიურად გამოიყენება „ღია ანგარიშის“ ძირითადი ოპერაციისთვის. ტიპოგრაფიას აქვს ძირითადი გამომსახველობა: 480-იანი მორგებული შრიფტი (არც თამამი და არც ღია) 400-იანი დახვეწილი შრიფტით ქმნის თავდაჯერებულ, მაგრამ არასდროს მკვეთრ სტილს. კომპონენტები ბრტყელია და ჩარჩოს გარეშე, ეყრდნობა 12 პიქსელიანი გრაფიტის ბარათის რადიუსს და კაფსულის ფორმის კონტროლს სტრუქტურის დასადგენად და არა ჩრდილების. მთავარი ფოტო ელემენტი, რომელიც იკავებს გვერდის მთელ ზედაპირს - ნისლიანი მთები მარტოხელა მაგიდასთან - განსაზღვრავს ტონს მომხმარებლის ინტერფეისის ამოქმედებამდე და ყოველი შემდგომი ელემენტი ინარჩუნებს ამ მშვიდ, პრემიუმ სიბნელეს.
მთელი კონტენტი შექმნილია მუქი, სრული სიგანის სტილში. მთავარი ეკრანი არის 100 პიქსელიანი, სრული სიგანის ფოტო ცენტრში განთავსებული სათაურით, ქვეტექსტით და ელექტრონული ფოსტის საკონტაქტო ინფორმაციის შესაგროვებელი ფორმის ბლოკით (მაქსიმალური სიგანე ~640 პიქსელი). მთავარი ეკრანის ქვემოთ, კონტენტი ორგანიზებულია მაქსიმალური სიგანის 1200 პიქსელიან სექციებად 72 პიქსელიანი ვერტიკალური კიდეებით, რომლებიც მონაცვლეობით ცვლიან მარცხნივ ტექსტის ორსვეტიან განლაგებას, მარჯვნივ კი სურათს, ხოლო მარჯვნივ პროდუქტის აღწერილობის სამსვეტიან ბარათებს. ნავიგაცია არის გამჭვირვალე ზედა ზოლი, რომელიც მთავარ ეკრანზეა გადაფარებული და გადახვევისას მქრქალი მინის მსგავსი მკვრივი მუქი შევსება ხდება (ფონის დაბინდვა). ქვედა კოლონტიტული მუქია შენიშვნის ტექსტით. ვერტიკალური რიტმი დიდია - ფართო სიმკვრივე სექციებს შორის საკმარისი სივრცით. გვერდითი ნავიგაცია არ არის; მთელი ნავიგაცია ზედა ზოლშია განთავსებული.
მთავარ ნაწილში დომინირებს სრული სიგანის კინემატოგრაფიული ფოტოები - ატმოსფერული, შთამაგონებელი პეიზაჟები (ნისლიანი მთები, ბუნებაში განმარტოებული სამუშაო სივრცეები) - რომლებიც საბანკო საქმიანობას წარმოაჩენენ, როგორც ჭვრეტით სავსე, ამაღლებულ გამოცდილებას. ფოტოები მაღალი ხარისხისაა, ოდნავ დეზატურირებული, ცივი ტონებით და დახვეწილი მუქი გადაფარვით, რათა შეინარჩუნონ ტექსტის წაკითხვადობა. მთავარი ნაწილის ქვემოთ, სურათები მონაცვლეობით ენაცვლება პროდუქტის მომხმარებლის ინტერფეისის ეკრანის ანაბეჭდებს და აბსტრაქტულ, ატმოსფერულ ფონს. არ არის ილუსტრაციები, არ არის ხელოვნების ნიმუშების მსგავსი ხატები - ვიზუალური ელემენტები ან ფოტოგრაფიულია ან წმინდა ფუნქციონალური. მომხმარებლის ინტერფეისში ხატების სტილი არის მინიმალისტური, სპილოსძვლისფერი ხაზის/გლიფის სტილი, რომელიც გამოიყენება ნავიგაციაში, ღილაკებსა და ფორმის ელემენტებში.
პალიტრა
ბრენდი
- Cobalt
#5266eb— იისფერი გამოიყენება შევსებული ღილაკების, არჩეული ნავიგაციის მდგომარეობებისა და ფოკუსზე ორიენტირებული კონვერტაციის მომენტებისთვის.
ნეიტრალური
- Onyx Canvas
#171721— მთავარი გვერდის ფონი, მთავარი ეკრანის ძირითადი გადაფარვა, ქვედა კოლონტიტულისა და სექციების ტილოები. - Graphite Card
#1e1e2a— მუყაოსა და სექციების ამაღლებული ზედაპირები ტილოზე ერთი საფეხურით მსუბუქია, რაც გლუვ გამიჯვნას ქმნის. - Obsidian Button
#272735— დამატებითი ღილაკების შევსება, ჩაშენებული ფორმების ფონი, შეუმჩნეველი ინტერაქტიული ზედაპირები. - Slate Border
#70707d— საშუალო სისქის გამყოფები და სტრუქტურული საზღვრები შინაარსის ბლოკებს შორის. - Mist Border
#e2e3ed— თხელი, ძლივს შესამჩნევი საზღვრები, ძლივს შესამჩნევი ღილაკების კონტურები, შეყვანის ველის კიდეები - ღია ფერის საზღვრები მუქ ფონზე. - Ash Text
#c3c3cc— ძირითადი ტექსტი, დამხმარე ტექსტი, დამატებითი წარწერები - გამარტივებული იერარქია წაკითხვის დაკარგვის გარეშე.
ტიპოგრაფია
12-დან 65 პიქსელამდე · 9 ნაბიჯი
- arcadia — ჩანაცვლება: Inter · კონტურები 360, 400, 420, 480 · მთავარი და მომხმარებლის ინტერფეისი - შრიფტი ნავიგაციისთვის, ძირითადი ტექსტისთვის, ღილაკებისთვის, შეყვანის ველებისთვის, ეტიკეტებისა და დამხმარე ტექსტისთვის, ძირითადი ტექსტისთვის 400 წონით და ხაზგასასმელად 480 წონით. სტანდარტულის (300/400/600) ნაცვლად, საშუალო წონითი შკალა (360, 420, 480) 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 — Blueprint-ის კონტროლის ცენტრი შუაღამისას
- Dovetail — შავი მთვარის ქვეშ ნახაზები - ძლივს შესამჩნევი გრაფიკული ხაზები, თეთრი შრიფტი, ერთი იისფერი ნაპერწკალი
- AgentQL — ჩრდილოეთის ნათება ტერმინალის თავზე ღამით
- Supabase — კოდის რედაქტორი შუაღამისას ფოსფორესცენტული მწვანე წერტილით - ერთი ქრომატული იმპულსი ნახშირის მტვრის ზღვაზე
- Changelog — ობსერვატორიის კონსოლი მუქი მინის უკან
- GitHub — კოსმოსური სარდლობის პანელი ბიოლუმინესცენტური საკონტროლო წერტილებით — ბნელი, ატმოსფერული სამუშაო სივრცე, სადაც ერთი მწვანე ნათება წინსვლის გზას მიუთითებს.