Slash
შუაღამის სარდაფი მოოქროვილი საწიგნეებით
Slash მუშაობს შუაღამის გალერეის რეჟიმში: თითქმის შავი ტილო, თეთრი შრიფტი და ერთი თბილი სპილენძის აქცენტი, რომელიც პუნქტუაციის ნიშანს წარმოადგენს. სათაურები გამოსახულია Ivy Presto-ში, მაღალი კონტრასტის დიდონ სერიფში, რომელიც გამოიყენება ექსტრემალურ ზომებში (88 პიქსელამდე) - სერიფისა და სანსერიფის შრიფტების ეს შეჯახება სისტემის ხელმოწერაა, რაც მას ფინანსურ სიმკვეთრეს სძენს ტრადიციული საბანკო საქმიანობის საბროკერო სიმკვეთრის გარეშე. მომხმარებლის ინტერფეისის დანარჩენი ნაწილი განზრახ შეუმჩნეველია: თხელი საზღვრები, აბის ფორმის კონტროლი, კომპაქტური 16 პიქსელიანი ტექსტი და დახვეწილი ზევით აწევა, რათა შრიფტმა „სუნთქოს“. ერთი ოქროსფერი გრადიენტი (დიაგრამის ხაზი, მიკროაქცენტები) სითბოს მატებს მონოქრომულ სისტემას, რაც დიზაინის აუდიტორიისთვის შექმნილი Bloomberg ტერმინალის თბილ ელვარებას იწვევს.
კონტენტი 1216 პიქსელი სიგანისაა, ცენტრშია განლაგებული, 160 პიქსელიანი ვერტიკალური ღარებით. მთავარი ეკრანი წარმოადგენს მუქ, სრული სიგანის ტილოს გაყოფილი კომპოზიციით: მარცხნივ გასწორებული სერიფული სათაური (64–88 პიქსელი სიგანით) ქვემოთ ელექტრონული ფოსტის მისამართის ველით და მარჯვნივ დიდი პროდუქტის ინტერფეისის ბარათი (დაფის ეკრანის ანაბეჭდი) 50%-იანი სიგანით. შემდგომი სექციები იყენებს ერთსვეტოიან, ცენტრში განლაგებულ სათაურს (სერიფი, 44–64 პიქსელი სიგანით) Inter ქვესათაურით, რასაც მოჰყვება ბარათების სამსვეტოიანი ბადე ფუნქციების აღწერილობების/გამოხმაურებების/ბლოგებისთვის. ნავიგაცია არის ფიქსირებული ზედა ზოლი: ლოგო მარცხნივ, ცენტრალური მენიუ (კომპანია, პროდუქტები, გადაწყვეტილებები, კლიენტები, ფასები, ხშირად დასმული კითხვები), მარჯვნივ გასწორებული შესვლა (შეუმჩნეველი) და დაწყება (თეთრი შევსების ელემენტი). ქვედა კოლონტიტული შეიცავს ბმულების მკვრივ ხუთსვეტოან ბადეს კომპანიის ინფორმაციით და იურიდიული შეტყობინებებით. გვერდი მონაცვლეობით აჩვენებს კონტენტით მდიდარ ბადისებრ სექციებსა და სრულეკრანიან სტატისტიკას — რიტმი განისაზღვრება სვეტებს შორის დიდი თეთრი სივრცით და არა ფონის ფერების მონაცვლეობით (მთელი გვერდი წარმოდგენილია როგორც ერთიანი ტილო).
ფოტოგრაფია რედაქციული და ნატურალისტურია: დამფუძნებლებისა და გუნდის წევრების თბილი პორტრეტები რეალურ სამუშაო გარემოში (ოფისები, მისაღები ოთახები, სამშენებლო ობიექტები). სურათები ავსებს ბარათის ჩარჩოებს კიდიდან კიდემდე, ყოველგვარი ჩაღრმავების გარეშე. რეკომენდაციის ბარათების ქვედა ნაწილში გამოყენებულია მუქი გრადიენტი ტექსტის წაკითხვადობის გასაუმჯობესებლად. ესთეტიკა - „LinkedIn ხვდება რედაქციულ ჟურნალს“ - არის ყოველდღიური, ადამიანური და ოდნავ მდუმარე, არასდროს არის დახვეწილი საფონდო ფოტოგრაფიით. სტატიის მინიატურები აერთიანებს ფოტოებს ილუსტრირებულ კონცეფციებთან (ადამიანი, რომელიც ლაბირინთში დგას, ბუხარი ფულის ტომრებით). პროდუქტის ინტერფეისი ნაჩვენებია მუქ რეჟიმში სრული გაუმჭვირვალობით, გვერდის ზემოთ განლაგებულია დახვეწილ მუქ ზედაპირებზე - ცენტრალური ელემენტი. ხატულები მონოქრომულია 1 პიქსელიანი შტრიხებით #2e3038 ან #777a88 ნომრებში, არასდროს არის შევსებული ბრენდის ფერით.
პალიტრა
ნეიტრალური
- Bone
#e2e3e9— ძირითადი ტექსტისთვის დიდი შრიფტის ზომა, დეტალური მონაცემთა ეტიკეტები და სტანდარტული ტექსტის ტონი ინტერფეისის ელემენტების უმეტესობაში. - Obsidian
#08080a— გვერდის ტილო, ქვედა კოლონტიტულის ფონი და ყველაზე მუქი ზედაპირი თითქმის შავია დახვეწილი ლურჯი ელფერით. - Onyx
#040406— ბარათის ზედაპირი, დამატებითი ფონი, ვიზუალური ეფექტისთვის გვერდთან შედარებით ერთი საფეხურით უფრო ღრმაა. - Carbon
#121317— აწეული პანელები, შეუმჩნეველი ინტერფეისის შევსება - Surface Stack-ის ევოლუციის პირველი შესამჩნევად მსუბუქი ნაბიჯი. - Graphite
#1c1d22— საზღვრები, გამყოფები, ხატულების კონტეინერები, მართვის სლაიდერები - ფერის ყველაზე დახვეწილი ელფერი, რომელიც განსაზღვრავს სტრუქტურას. - Slate
#2e3038— დამატებითი საზღვრები, მდუმარე ხატულების ხაზები, დახვეწილი გამყოფები კონტენტის ბლოკებს შორის.
ტიპოგრაფია
13-დან 88 პიქსელამდე · 9 ნაბიჯი
- Ivy Presto — ჩანაცვლება: Playfair Display · კონტურები 400, 500 · სერიფული შრიფტი სათაურებისა და ქვესათაურებისთვის — გამოიყენება ექსკლუზიურად 28 პიქსელი და მეტი ზომის სათაურებისა და სექციების სათაურებისთვის. მაღალი კონტრასტული დიდონური შტრიხები თხელი სერიფებით ქმნის რედაქციული ფუფუნების შეგრძნებას; 0.01em-ის მცირე დადებითი ასოების ინტერვალი უჩვეულოა და შრიფტს დაბეჭდილ, ბუღალტრულ იერსახეს ანიჭებს. ეს სერიფული შრიფტი ბრენდის ძირითადი სავიზიტო ბარათია — ის განასხვავებს Slash-ს ყველა სხვა SaaS ფინტექ კომპანიისგან, რომლებიც ნაგულისხმევად გეომეტრიულ sans-serif შრიფტებს იყენებენ.
- Inter — ჩანაცვლება: Inter (self-hosted via Google Fonts) · კონტურები 300, 400, 500, 600, 700 · UI Sans - ძირითადი ტექსტი, ნავიგაცია, ღილაკები, წარწერები, ბმულები, ფორმის ველები და ქვესათაურები. ძირითადი ტექსტი იყენებს 300 შრიფტს შეუმჩნეველი მეორადი ტექსტისთვის; 500 გამოიყენება საშუალო ხაზგასმული ტექსტისა და ღილაკების წარწერებისთვის; 600 განკუთვნილია პატარა ასოებით დაწერილი კატეგორიის წარწერებისთვის. უარყოფითი ასოების ინტერვალი მცირდება 2-დან (-3) და მცირდება ზომის შემცირებასთან ერთად, რაც ტიპიურია Inter შრიფტის ოპტიკური მასშტაბირებისთვის.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | ფართო |
| ძირითადი ნაბიჯი | 8px |
| ღილაკის რადიუსი | 9999px |
| ბარათის რადიუსი | 10px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 160px |
| გვერდის სიგანე | 1216px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Slash სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Modal — ფოსფორესცენტული ტერმინალი ჩაბნელებულ სერვერების ოთახში - სინათლის ერთადერთი წყარო კაშკაშა მწვანე ფერია
- AgentQL — ჩრდილოეთის ნათება ტერმინალის თავზე ღამით
- GitHub — კოსმოსური სარდლობის პანელი ბიოლუმინესცენტური საკონტროლო წერტილებით — ბნელი, ატმოსფერული სამუშაო სივრცე, სადაც ერთი მწვანე ნათება წინსვლის გზას მიუთითებს.
- Doppler — სარდაფის იისფერი განათება შუაღამისას. თითქმის შავი ტილო ერთი ლავანდისფერი სიგნალითა და მწვანე დამადასტურებელი შუქით ანათებს, ყველა ზედაპირი საკმარისად მოხრილია, რომ მისი მოჭერა შესაძლებელი იყოს.
- Basedash — შუაღამის მონაცემთა ტერმინალი მქრქალი შრიფტით. ბნელი ობსერვატორია, სადაც მეტრიკა ანათებს იისფერ და მწვანე ფერებში, ხმაურის ზემოთ სერიფული სათაურები ლივლივებს, ხოლო თეთრი აბის ფორმის ღილაკები ერთადერთი კაშკაშა ობიექტებია რბილი შავი ზედაპირების მქონე ოთახში.
- Superwhisper — ჩრდილოეთის ნათება შუაღამის მინაზე ქრება
- Better Stack — შუაღამის SRE კონსოლი
- Langbase — შუაღამის ჩრდილოეთის შუქების კონსოლი
- Astro — ღრმა კოსმოსური მისიის კონტროლი ნისლეულიდან ერთი იასამნისფერი ნათებით
- Wayfinder — შავი კინოეკრანი, რომლის ზემოთაც ძლივს გასაგონად გამოსახული სათაური ლივლივებს. ინტერფეისი მართვის პანელის ნაცვლად სიკაშკაშის სლაიდერს წარმოადგენს.
- HashiCorp — შუაღამისას იისფერი ნეონის შუქებით აღჭურვილი საკონტროლო ოთახი ბნელი ტექნიკური ზედაპირია, სადაც მანათობელი ექვსკუთხა კუბი ერთადერთ ფერად მინიშნებას წარმოადგენს.
- Umbrel — მყუდრო კოცონი ღამის სერვერების ოთახში - ბნელი ოთახი, სადაც ერთი ატმისფერი ნათება ხაზს უსვამს იმას, რაც ნამდვილად მნიშვნელოვანია.