Shop
თეთრ მარმარილოზე მცურავი სავაჭრო თანავარსკვლავედი
ონლაინ მაღაზია „თეთრი ტილოს“ მოდელზე მუშაობს, სადაც პროდუქტები მინიატურების ბადის ნაცვლად დიდი, ძლიერ მოხრილი სურათების ბარათების სახითაა წარმოდგენილი. მთელი ინტერფეისი წარმოუდგენლად გლუვია: 20-28 პიქსელიანი რადიუსი მთელ სივრცეში, აბების ფორმის მართვის საშუალებები და კომპაქტური 16 პიქსელიანი GT Standard კორპუსი მჭიდრო ნეგატიური თვალთვალით, რაც ტექსტს მკაფიოს და თამამს ხდის. სისტემის ერთადერთი თამამი აქცენტია ნათელი იისფერი (#5433eb), რომელიც ჩნდება ლოგოში, წრიულ ძიების შედეგების ველში და იმავე ღილაკზე შეფერილი ჩრდილის სახით. პალიტრის დანარჩენი ნაწილი თბილი ნეიტრალურია: თეთრი ზედაპირები, დახვეწილი ცივი ნაცრისფერი ტილო, დახვეწილი საზღვრები და თითქმის შავი ტექსტი. სიმჭიდროვე კომპაქტური რჩება 12 პიქსელიანი ღარებით, მაგრამ გმირისა და კატეგორიის ზოლები სუნთქავს 64-80 პიქსელის დიდი ვერტიკალური რიტმის წყალობით, რაც კომერციულ გამოცდილებას უფრო დათვალიერებას ჰგავს, ვიდრე კატალოგს.
მაქსიმალური სიგანეა 1200 პიქსელი, ცენტრში განთავსებული გამჭვირვალე #f2f4f5 ტილოზე, მარცხენა მხარეს კი მუდმივი 64 პიქსელის სიგანის გვერდითი ზოლი, რომელიც მხოლოდ ნავიგაციის ხატულებს შეიცავს. მთავარი ელემენტი არის სრული სიგანის ზოლი, რომლის ცენტრში განთავსებულია პროდუქტის ბარათები ცენტრირებული მეწამული „მაღაზიის“ ლოგოს ზემოთ, ხოლო მის ქვემოთ აბის ფორმის საძიებო ზოლი. კატეგორიის აბები განლაგებულია ერთ ცენტრალურ რიგში საძიებო ზოლის ქვემოთ. კონტენტის სექციები (ქალები, მამაკაცები, სილამაზე, სახლი, ბავშვი და ბავშვები) მოჰყვება დანიშნული ზოლების სახით, თითოეული შეიცავს 4-სვეტიან ბადეს პროდუქტის სურათებით ან 2-სვეტიან „ძირითადი ელემენტისა და ბადის“ კომპოზიციას. ვერტიკალური რიტმი ფართოა: 64–80 პიქსელი მთავარ სექციებს შორის. ქვედა კოლონტიტული არის მუქი ზოლი გვერდის ქვედა ნაწილში სვეტის ფორმის ბმულების ჯგუფებით. ჰორიზონტალური პროდუქტის პანელების მარჯვენა მხარეს კარუსელის ისრები მიუთითებს გადახვევად კონტენტზე გვერდების წერტილების გარეშე.
ფოტოგრაფია დომინანტური ვიზუალური ელემენტია: თეთრ ფონზე სრულეკრანიანი პროდუქტის ფოტოები, 1:1 თანაფარდობით მოჭრილი და თბილი მიწიერი ტონებით (კრემისფერი, ტერაკოტა, სალბი, სპილოსძვლისფერი) ცხოვრების სტილის სურათები. პროდუქტის სურათებს საკუთარი ფერი აქვთ - მომხმარებლის ინტერფეისი აქრომატული რჩება, რაც პროდუქტის ფერებს საშუალებას აძლევს ვიზუალური მრავალფეროვნება შესთავაზონ. ბრენდის ლოგოები ჩნდება როგორც გადაფარვის ტექსტი მუქ ან ღია მთავარ სურათებზე და არა როგორც ცალკეული ხატები. მთავარ კომპოზიციაში, პროდუქტის ბარათები განლაგებულია როგორც მცურავი, ოდნავ გადაფარვის თანავარსკვლავედი სიტყვიერი ნიშნის ზემოთ. ხატები მინიმალისტური და მონოქრომულია (შავი კონტურები), გარდა კატეგორიის ხატებისა, რომლებიც იყენებენ ერთი ბრენდის ფერს. პროდუქტის სურათებში არ არის ილუსტრაციები, 3D ეფექტები ან გრადიენტები.
პალიტრა
ბრენდი
- Shop Violet
#5433eb— გაგზავნის ღილაკი, წერტილოვანი ტექსტი და ბრენდის ლოგო ერთადერთი აქცენტებია, რომლებიც თეთრ ფონზე მოქმედებასა და ინდივიდუალობას უსვამს ხაზს. - Violet Wash
#c0b5f3— იისფერი გაგზავნის ღილაკის უკან გამჭვირვალე ჰალო, რომელიც ინარჩუნებს თავის ბზინვარებას ელფერის შეცვლის გარეშე.
ნეიტრალური
- Canvas Mist
#f2f4f5— გვერდის ფონი და დამატებითი ზედაპირული დამუშავება ამოზნექილი ბარათების უკან. - Pure White
#ffffff— ძირითადი ზედაპირი ბარათების, შეყვანის ველების, მცურავი ნიშნებისა და აბების ფორმის ღილაკებისთვის. - Ink Black
#000000— მთავარი ტექსტი, სათაურები, ხატულები, ნავიგაციის სიმბოლოები და პროდუქტის ბარათები ბნელ რეჟიმში. - Faint Border
#ebebeb— ბარათებზე თხელი გამყოფი ხაზები, შეყვანის ველის კონტურები და აბების ფორმის ღილაკების ჩარჩოები. - Muted Gray
#787574— მეორადი ტექსტი, ნავიგაციის ეტიკეტები, ხატულების კონტურები არააქტიურობის შემთხვევაში - Cool Stone
#cccccc— ჩანაცვლების ველები, გამორთული მდგომარეობები და არააქტიური ხატულების ფონი
ტიპოგრაფია
11-დან 16 პიქსელამდე · 4 ნაბიჯი
- GT Standard — ჩანაცვლება: Inter · კონტურები 400 · ძირითადი შრიფტი ყველა ზომისთვის - როგორც ძირითადი ტექსტისთვის, ასევე სათაურებისთვის. GTStandard-MRegular 16px/-0.031em ზომით არის ძირითადი შრიფტი ძირითადი ტექსტისთვის, ღილაკებისთვის და ეტიკეტებისთვის. GTStandard-MSemibold 20px/-0.05em ზომით გამოიყენება რამდენიმე დიდი სათაურისთვის; GTStandard-MMedium 11–12px ზომით გამოიყენება მიკროსუბტიტრებისთვის. შრიფტის თითოეული ვარიანტი ნაჩვენებია 400 ოპტიკური წონით - შრიფტის იერარქია მიიღწევა დახვეწილი გრადიენტებით და მკვრივი უარყოფითი ასოების ინტერვალით, თამამი კონტრასტის ნაცვლად. ეს არის ხელმოწერის სტილი: Shop არ იყენებს თამამ შრიფტებს, არამედ ტექსტს ასოების ინტერვალის მიხედვით აყალიბებს.
- Shopify Sans — ჩანაცვლება: Inter · კონტურები 400, 700 · დაცულია სისტემის დონის შეტყობინებებისთვის, როგორიცაა აპლიკაციის ჩატვირთვის ბანერები და ქუქი-ფაილების თანხმობის ტექსტი.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | საშუალო |
| ძირითადი ნაბიჯი | 12px |
| ღილაკის რადიუსი | 9999px |
| ბარათის რადიუსი | 28px |
| ჩრდილები | რბილი ჩრდილები |
| სექციებს შორის | 64px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Shop სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Cursor — მყუდრო პერგამენტის სახელოსნო, განათებული მბჟუტავი ნაკვერჩხლებით
- Slush — პასტელის ქაღალდზე სტიკერების გასაბერი სამყარო
- MindMarket — კრემისფერ ქაღალდზე გადაღებული მყუდრო ზღაპრის წიგნი - მეგობრული სარედაქციო ტილო, სადაც მზით გაჟღენთილ, სტიკერებივით რბილ ზედაპირზე თანაარსებობენ ინტერის დიდი სათაურები და ამოჭრილი ქაღალდის პერსონაჟები.
- Airbnb — წყნარი თეთრი გალერეის კედელი ერთი მარჯნისფერი წითელი სანიშნეთი
- Superr — თბილი სკოლის რვეული შუადღის რბილ შუქზე. კრემისფერი ფურცელი, ნარინჯისფერი მარკერი თავსახურის გარეშე და ლამინირებული სახელობითი სტიკერების დასტა, რომლებიც მოშორებას ელოდებიან.
- Apple (España) — მუზეუმის გალერეა, დღის რბილ შუქზე, ერთიანი, მომხიბვლელი, უწონო თეთრი სივრცეა, სადაც თითოეული ექსპონატი ოდნავ შეფერილი კედლის ფონზე განათებული პროჟექტორით არის განათებული.
- Lamborghini — შავი ფერის კორპუსი შოურუმში, პროჟექტორების ქვეშ - ერთი ყვითელი მანქანა
- Amplemarket — მზით გაჟღენთილი სამუშაო ადგილი, რომელიც კონფეტით იყო მოფენილი
- Getharvest — მაგიდა ოქროს საათში – თბილი კრემისფერი ტილო, ტილოზე ჩამოკიდებული თეთრი საფოსტო ბარათები და ერთი კაშკაშა ნარინჯისფერი ალი
- Agence Foudre — ჟურნალის გარეკანი ღია ვარდისფერი ფერისაა, რომელიც პომადას მოგვაგონებს.
- Drive Capital — რეტრო საგზაო მოგზაურობის პლაკატი თბილ ქაღალდზე
- Apple (España) — თეთრი გალერეის ვიტრინა