Superlist
ღამის სამუშაო სივრცე მარჯნის ნაკვერჩხლებით - წყნარი ბადრიჯნის ზედაპირი, სადაც ერთი თბილი ნარინჯისფერი ნაპერწკალი ყველა მოქმედებას მიანიშნებს.
Superlist იყენებს პროდუქტიულობის ენას შუაღამის იისფერ ტონებში: მუქი ბადრიჯნისფერი, თბილი მარჯნისფერი, როგორც ერთადერთი ძირითადი ფერი და დიდი sans-serif სათაურები, რომლებიც მთელ ატმოსფეროს იპყრობს. ინტერფეისი იწვევს გვიან ღამით ფოკუსირებული მუშაობის შეგრძნებას - მშვიდი, მრავალშრიანი და თავდაჯერებული, ფერი გამოიყენება მხოლოდ ფუნქციური პუნქტუაციისთვის მოწოდებებში, აქტიურ მდგომარეობებსა და ძირითად პუნქტებში. ზედაპირები მრავალშრიანია ნაზ მუქ ტონებში იისფერი ელფერით (#181824 → #26253b), თავიდან აიცილებს სუფთა შავს, რათა სიღრმე თბილი იყოს და არა სტერილური. კომპონენტებს აქვთ დიდი მომრგვალებული ფორმები (20 პიქსელიანი ბარათები, აბების ღილაკები), რბილი ჩრდილები და „სუნთქვა“ კომფორტული 10-16 პიქსელიანი ხარვეზებით მჭიდრო ბადეების ნაცვლად. სათაურის ხმა ყველაფერია: 600 ქულის წონა 70-88 პიქსელზე -0.02em ასოებს შორის მცირე ინტერვალით ტექსტს ტიპოგრაფიულად აღიქვამს და არა ინტერფეისად - ის უფრო მეტად რედაქციულ ტექსტთანაა დაკავშირებული, ვიდრე SaaS-თან.
გვერდის მთელ სიგანეზე მუქი სექციებია განთავსებული, ცენტრში განლაგებული, მაქსიმალური სიგანის კონტენტის კონტეინერებით. მთავარი სექცია ვერტიკალურად არის ცენტრირებული და შეიცავს სათაურს, ქვეტექსტს და მოქმედებისკენ მოწოდებას (CTA), რასაც მოჰყვება პროდუქტის დიდი ეკრანის ანაბეჭდი, რომელიც შემდეგ სექციას ფარავს. შემდგომი სექციები მონაცვლეობით ცენტრირებულ ტექსტურ ბლოკებსა და ბარათების ბადეებს შორისაა. მიმოხილვების სექცია იყენებს სამსვეტიან ბადეს მიმოხილვის ბარათებით და 16 განყოფილებით. ნავიგაცია არის ერთი ზედა ზოლი მარცხნივ ლოგოთი, მარჯვნივ კი ცენტრირებული ბმულებით და შესვლის მოქმედებებით - არ არის ფიქსირებული გვერდითი ზოლი ან მეგამენიუ. სექციებს შორის განყოფილებები დიდია (16 განყოფილებით), რაც ქმნის ფართო, სარედაქციო რიტმს მკვრივი პროდუქტის ბადის ნაცვლად.
ვიზუალურ სივრცეში დომინირებს პროდუქტის ეკრანის ანაბეჭდები - მომრგვალებული კუთხეებით დიდი ჩარჩო, რომელიც ასახავს აპლიკაციის ინტერფეისს და ავსებს მთავარ და მეორეხარისხოვან ნაწილებს. ფოტოები მინიმალურია, გამოიყენება მხოლოდ მომხმარებლის ავატარების ან აპლიკაციაშიდა მედიის წინასწარი ვერსიის სახით (მაგალითად, კონცერტის სურათი პროდუქტის მაკეტის მარჯვენა პანელში). ნდობის ზოლზე ლოგოები ბრტყელი, მდუმარე თეთრი ტექსტური სიმბოლოებია. არ არის დეკორატიული ილუსტრაციები, აბსტრაქტული გრაფიკა, 3D რენდერები. ვიზუალური სტრატეგიაა პროდუქტის მასშტაბურად წარმოჩენა, ტიპოგრაფიას ემოციური სამუშაოს შესრულების საშუალება მისცეთ და მარჯნისფერი ერთადერთი აქცენტის ფერად გამოყენება.
პალიტრა
ბრენდი
- Coral Ember
#ff4a36— ნარინჯისფერი გამოიყენება როგორც მეორადი აქცენტი დეკორატიული დეტალებისთვის და იშვიათი მინიშნებების ხაზგასასმელად. ის არ უნდა იქნას გამოყენებული, როგორც ძირითადი ფერი მოქმედებისკენ მოწოდებებისთვის.
ნეიტრალური
- Aubergine Canvas
#181824— გვერდის ფონი, მთავარი ტილო, თბილი, მუქი ელფერისაა, რომელიც სუფთა შავს ცვლის, რაც მომხმარებლის ინტერფეისს ბრტყელის ნაცვლად მრავალფენიან იერს სძენს. - Elevated Plum
#26253b— ბარათის ზედაპირები, შეყვანის ველები, ნავიგაციის კონტეინერები - ხილული საზღვრის გარეშე სიღრმის შექმნა ტილოზე ერთი ნაბიჯით უფრო ადვილია. - Pure White
#ffffff— მთავარი სათაურები, ღილაკის ტექსტი და ხატულების კონტურები - მაქსიმალური კონტრასტი მუქ ტილოზე. - Fog Text
#696f81— ძირითადი ტექსტი, მეორადი სათაურები და მდუმარე საზღვრები გამოირჩევა 7:1 კონტრასტის თანაფარდობით ბადრიჯნისფერ ფონზე კომფორტული კითხვისთვის. - Ash Text
#8e8da0— ნეიტრალური ფერი მხარდაჭერილია მეორადი ინტერფეისის ელემენტებისთვის, გამყოფებისთვის და მდუმარე ეტიკეტებისთვის. ის არ უნდა იქნას გამოყენებული, როგორც ძირითადი ფერი მოქმედებისკენ მოწოდებებისთვის. - Mist Highlight
#a3a3a7— დახვეწილი საზღვრები, გამყოფები და არააქტიური ნავიგაციის ელემენტები ქმნის დახვეწილ ნეიტრალურ ტონს, რომელიც მაინც გამოირჩევა ტილოს ფონზე.
ტიპოგრაფია
12-დან 88 პიქსელამდე · 9 ნაბიჯი
- sans-serif — ჩანაცვლება: Inter · კონტურები 400 · sans-serif - გვხვდება ამოღებულ მონაცემებში, მაგრამ არ არის აღწერილი ხელოვნური ინტელექტის მიერ.
- Haffer XH SemiBold — ჩანაცვლება: Inter Tight · კონტურები 400, 600 · ეკრანისა და სათაურების ძირითადი შრიფტი. მისი ზომაა 70–88 პიქსელი მთავარი სათაურებისთვის, ასოებს შორის ინტერვალით -0.02em და წონით 600. ასოების ვიწრო ინტერვალი და ასოების დიდი სიმაღლე სათაურებს რედაქციულ წონას ანიჭებს, რაც მუქ ინტერფეისს უფრო ჟურნალის გარეკანს ჰგავს, ვიდრე დაფას. შეცვალეთ Inter Tight-ით ან General Sans-ით მუქი შრიფტით.
- Jersey 10 — ჩანაცვლება: Anybody · კონტურები 400 · დიდი, დეკორატიული შრიფტი აქცენტური ნომრებისა და ხაზგასასმელად. გამოიყენება იშვიათად ძალიან დიდი ზომის შრიფტებზე ტიპოგრაფიული აქცენტების შესაქმნელად. შეიძლება შეიცვალოს Anybody-ით ან Cabinet Grotesk-ით.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | საშუალო |
| ძირითადი ნაბიჯი | 10-16px |
| ღილაკის რადიუსი | 100px |
| ბარათის რადიუსი | 20px |
| ჩრდილები | რბილი ჩრდილები |
| სექციებს შორის | 80px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Superlist სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- DNA — შუაღამის ობსერვატორია ნაწილაკების ლინზით დანახული
- Abetterlou — ნაპერწკლები უნაგირის ტყავზე - თბილი, კრემისფერი შრიფტი, რომელიც ანათებს მუქ ყავისფერი-შავ ფონზე, ქარვისფერ-ოქროსფერი ღილებით, რომლებიც გვერდზე დაჭერილი ცხელი ლითონის შეგრძნებას ტოვებს.
- Galileo-ft — ღრმა კოსმოსური სამეთაურო გემბანი ელექტრო ლურჯი სიგნალებით
- Decide AI — ობსერვატორია შუაღამისას - ზარაფხანის სიგნალი
- Redis Agency — სარედაქციო სახელოსნო, რომელიც სამუშაო საათების შემდეგაც მუშაობს, სრულიად ბნელი ადგილია, სადაც ბრენდინგის მთელი სამუშაო serif შრიფტებითა და ერთი წითელი ბოლოკით სრულდება.
- Spellbook — შუაღამისას სასამართლო დარბაზი, რომელიც მარჯნის მელნით იყო განათებული - ბნელი სარედაქციო ზედაპირი, სადაც ერთადერთი ხმა თბილი ნარინჯისფერი კალმის შტრიხია.
- Linear — შუაღამის ზუსტი ინსტრუმენტი
- Origin Financial — შუაღამის გალერეა მშვიდი ფუფუნებით. წყნარი, თითქმის ბნელი ოთახი, სადაც დიდი სერიფული შრიფტები და რამდენიმე განათებული ფერადი პანელი ქმნის განცდას, რომ ფინანსები ხელოვნების საგულდაგულოდ შერჩეული ნიმუშია.
- Hyperstudio — დიზაინი ობსიდიანშია ამოტვიფრული. ტექსტი და წვრილი ხაზები სუფთა შავი ფერის თეთრ სივრცეს აკრავს, ზოგჯერ ოქროსფერი კომპასის ნიშნებით, რომლებიც გზას მიუთითებს.
- Air — ქანდაკება "შუაღამის ცა მინის გავლით"
- Raycast — შუაღამის სარდლობის ცენტრი, Coral Neon
- dope.security — შუაღამის ტერმინალი იასამნისფერი შუქურებით