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 — მანათობელი ნაკვერჩხალი ნახშირით მორთულ გალერეაში
- Apple iPhone 18 Pro — შუაღამის ტექნიკის გალერეა. წარმოიდგინეთ თითოეული სექცია, როგორც მუქი, მუზეუმის მსგავსი კვარცხლბეკი, სადაც პროდუქტის ერთი ნაწილი ზუსტად არის მონიშნული, ხოლო ტიპოგრაფია და ლურჯი მართვის ელემენტები მის გარშემო დისკრეტულ ეტიკეტებს წარმოადგენს.
- Apple Watch Ultra 4 — ღამის ტესტირების ინსტრუმენტი. შექმენით ეკრანები შავი საგამოფენო ზონების თანმიმდევრობის სახით, სადაც უზარმაზარი SF Pro ჰედერები ასახავენ მაღალი სიზუსტის აღჭურვილობას, აქტიურ მონაცემებს და ფრთხილად დოზირებულ ელექტრო ფერებს.
- Apple Watch Series 12 — ბრინჯაოს სენსორი სიბნელეში. წარმოიდგინეთ საათის აპარატურა და სტატუსის ინდიკატორები, როგორც განათებული ობიექტები, რომლებიც თითქმის ბნელ გალერეაშია ჩამოკიდებული.
- Bedouin's Daughter — მზის სხივები შავ ხავერდზე. ვიზუალური კომპოზიციის თანაბარ ნაწილად გამოიყენეთ მანათობელი კარაქისფერი ყვითელი, მყარი შავი ზედაპირები და მარცვლოვანი, მზისგან განათებული გამოსახულებები.
- ORYZO AI — ფოტოესე ბნელ ოთახში. თბილ სიბნელეში ლივლივებს მარტოხელა ობიექტი, რომლის ერთადერთი დეკორაცია კრემისფერი შრიფტია.