Shopify
შუაღამის სათბური - სავაჭრო ნიშნები ყვავის მუქი ფირუზისფერი ფონზე, განათებული პიტნის ერთი ნაპერწკლით
Shopify-ის დიზაინის სისტემა კომერციისთვის შუაღამის სახელოსნოა: თითქმის შავი ტილო, შეფერილი მუქი ფირუზისფერი მწვანეთი, ფართო, თავდაჯერებული სანს-სერიფის შრიფტი და ერთი ნათელი პიტნისფერი აქცენტი, რომელიც ააქტიურებს ინტერაქტიულ მომენტებს. ინტერფეისი ბნელ ოთახს წააგავს, სადაც პროდუქტები და ბრენდები სინათლის წყაროა - ფოტოები და ვიტრინები თითქმის შავ ზედაპირებზე ანათებენ, ხოლო ქრომის ელემენტები უკან იხევენ. კომპონენტები გეომეტრიულია, მაგრამ რბილი: 12 პიქსელიანი რადიუსის ბარათები თხელი საზღვრებით, აბის ფორმის ღილაკები და 330 წონიანი შრიფტი, რომელიც ჩურჩულით გამოხატავს მასშტაბს ყვირილის ნაცვლად. ბმულებზე, თეგებსა და ფოკუსის მდგომარეობებზე იშვიათად გამოიყენება ერთი ქრომატული პუნქტუაციის ნიშანი (#36f4a4), ფერი კი ფუნქციური მომენტებისთვისაა განკუთვნილი, რათა უზრუნველყოფილი იყოს, რომ გამყიდველის ისტორიები ვიზუალურ ფოკუსურ წერტილად დარჩეს.
მაქსიმალური სიგანეა ~1280 პიქსელი, ცენტრში, სრული სიგანის შესავალი ბლოკებით, რომლებიც ფოტო კონტეინერის მიღმა ვრცელდება. გვერდის რიტმი მონაცვლეობითია: (1) სრული სიგანის მუქი შესავალი გვერდი გადაფარებული სათაურით და მოწოდების ღილაკებით, (2) კომფორტული მუქი სექციები მაქსიმალური სიგანის ტექსტისა და სურათის ბლოკებით 2 სვეტში ან სურათების ბადეებით 3 სვეტში, (3) ინტერაქტიული ვიტრინის პანელები (პროდუქტის ბარათი, მიწოდების კალკულატორი, მსოფლიო რუკა), რომლებიც ნაჩვენებია ამობურცული ბარათების სახით უფრო ღრმა ტილოზე. ნავიგაცია არის ფიქსირებული ზედა ზოლი ლოგოთი + 3 ნავიგაციის ელემენტით + მეორადი ბმულები + ძირითადი მოწოდების ღილაკი, ყველა მარჯვნივ გასწორებული. ვერტიკალური რიტმი იყენებს 80 პიქსელის ინტერვალებს სექციებს შორის გლუვი გადასვლით - მუქ სექციებს შორის გამყოფების გარეშე, მხოლოდ ზედაპირის ტონის ცვლილებით.
ვიზუალური დიზაინი, ძირითადად, საცალო მოვაჭრეზეა ორიენტირებული: ვიზუალური წონის ძირითადი ნაწილი მოდის სრული ზომის პროდუქტის ფოტოებსა და ბრენდის ღონისძიებების ფოტოებზე, რომლებიც ხშირად დიდი ფონის სახითაა წარმოდგენილი თეთრი ტექსტით. სურათები მჭიდროდ არის მოჭრილი, მაღალი კონტრასტისა და სადღესასწაულო ხასიათისაა (Nasdaq-ის ზარის რეკვა, ჯგუფური მისალმებები, ხელში პროდუქტების ახლო ხედები). მუქი ფონი ქმნის შთაბეჭდილებას, რომ ეს ფოტოები პროჟექტორებით არის განათებული. ილუსტრაციები მინიმალისტურია - ძირითადი განმარტებითი სამუშაო შესრულებულია ჩაშენებული პროდუქტის სურათებით და ვიტრინების ეკრანის ანაბეჭდებით. ხატულები მონოქრომულია, ხაზის სიგანით 1.5–2 პიქსელი, როგორც წესი, თეთრი ან #36f4a4 აქტიური მდგომარეობებისთვის.
პალიტრა
ბრენდი
- Shopify Mint
#36f4a4— აქტიური ნავიგაციის ინდიკატორები, ფოკუსის რგოლები, თეგის მონიშნული ხაზები და ბმულებზე მაუსის გადატარების ხაზები ერთადერთი ქრომატული ნაპერწკალია, რომელიც მუქ ფონზე ჩართული ინტერაქტიულობის შეგრძნებას ქმნის.
ნეიტრალური
- Midnight Forest
#02090a— გვერდის ტილო, სათაურის ფონის სურათები, სექციის ფონის სურათები - Deep Lichen
#061a1c— ბარათის ძირითადი ზედაპირები, ამობურცული პანელები, კონტენტის ბლოკები. - Shaded Fern
#072720— ნავიგაციის პანელი, დამატებითი ბარათები, პანელის ძლივს შესამჩნევი აწევა. - Spruce Border
#1e2c31— თხელი საზღვრები ბარათებისთვის, გამყოფი ხაზები, შეყვანის ველის კონტურები. - Abyss Indigo
#000a1e— დამატებითი ზედაპირი პროდუქტების/დემონსტრაციების ჩასადგმელად, პანელები ფუნქციების აღწერით. - Pure White
#ffffff— მთავარი ტექსტი, ღილაკის შევსება, სათაური, ლოგოები.
ტიპოგრაფია
12-დან 70 პიქსელამდე · 8 ნაბიჯი
- Neue Haas Grotesk — ჩანაცვლება: Inter · კონტურები 330, 400, 500, 550, 600 · ტიპოგრაფიული სისტემის ძირითადი ტიპოგრაფიული სისტემაა 70–96 პიქსელიანი (330–400) შრიფტის ზომით შექმნილი სათაურები, რომლებიც უფრო დახვეწილია, ვიდრე ხმამაღალი; ძირითადი ტექსტი 16–18 პიქსელიანი (400–500) შრიფტის ზომით შექმნილი ტექსტი; ხოლო ნავიგაცია და მომხმარებლის ინტერფეისი 14–16 პიქსელიანი (500–550) შრიფტის წონით შექმნილი ტექსტი. დიდი ეკრანის ზომის შემთხვევაში ულტრამსუბუქი, 330 პიქსელიანი შრიფტის წონით გამორჩეული თვისებაა: ის თავდაჯერებულობას გადმოსცემს თავშეკავებით და არა მოცულობით.
- Inter Variable — ჩანაცვლება: Inter · კონტურები 400, 420, 450, 550 · მეორადი შრიფტის ტიპი, რომელიც გამოიყენება ნავიგაციის ინტერფეისის ელემენტებში, მცირე შენიშვნებში, ჩანართების მართვის საშუალებებსა და ქვედა კოლონტიტულებში არსებულ მიკროტექსტში. მისი ოდნავ უფრო დიდი პატარა ასოები და სტანდარტული ასოებს შორის მეტი დაშორება მას უფრო ადვილად წასაკითხს ხდის კომპაქტურ ზომებში. ის ასევე შესაფერისია იმ სიტუაციებისთვის, როდესაც 420 წონიანი შრიფტი ავსებს ჩვეულებრივ და საშუალო ზომის შრიფტებს შორის არსებულ ხარვეზს.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | საშუალო |
| ძირითადი ნაბიჯი | 12px |
| ღილაკის რადიუსი | 9999px |
| ბარათის რადიუსი | 12px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 80px |
| გვერდის სიგანე | 1280px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Shopify სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Retool — თბილი ობსიდიანის სახელოსნო - ზედაპირი ზუსტი ხელსაწყოებისთვის, განათებული მბჟუტავი ნაკვერჩხლებით, სადაც ყველაფერი იქმნება
- Elektron — შუაღამისას აღჭურვილობის მართვის პანელი თითქმის შავი ტილოა, სადაც პროდუქტის ფოტოები ანათებს, ინტერფეისი კი პრაქტიკულად უხილავი რჩება.
- REKKI — ფრენის მართვის პანელი ფოტო ლაბორატორიაში
- OFFFICE : — ნუარის გალერეა მონოლითურ შრიფტში გახვეული
- Clyde — შოურუმი, თავისი ერთადერთი პროჟექტორით, თითქმის ბნელ გალერეას წარმოადგენს, სადაც ოთახში ერთადერთი ფერი თბილი გრადიენტული ბურთია.
- Channel Studio — სტუდიური ფოტოლაბორატორია ერთი მარჯნისფერი აბაჟურით
- Electronic Materials Office — მანათობელი ნაკვერჩხალი ნახშირით მორთულ გალერეაში
- ORYZO AI — ფოტოესე ბნელ ოთახში. თბილ სიბნელეში ლივლივებს მარტოხელა ობიექტი, რომლის ერთადერთი დეკორაცია კრემისფერი შრიფტია.
- Factory — „საომარი ოთახის“ ტერმინალი შუაღამისას. „ქარხანა“ შავი ფერის საკონტროლო პანელია, სადაც ერთი თეთრი ბარათი ფანრით განათებული დისპეტჩერის მსგავსად ხვდება - ოთახში ერთადერთი ობიექტი თავად სამუშაოა.
- Hungry Tiger — ტანდურის კედელზე კურკუმასფერი კაშკაშა გრაფიტი. ოქროსფერი და ჟანგისფერი ყავისფერი ფერების ერთიანი პალიტრა, იმდენად დიდი შრიფტით, რომ ვებსაიტზე მეტად სანელებლების ბაზრის აბრას ჰგავს.
- Bibliothèque — შავი კუბის ფორმის გალერეა პროჟექტორის ქვეშ - მარტოხელა განათებული თეფში უზარმაზარ, ბნელ დარბაზში
- Apple (España) — შავი თეატრი განათებული ფიტინგებით