Framer
ნეონის გალერეა სიცარიელეში
Framer თითქმის სრული სიბნელის მსგავსად მუშაობს - შავი ტილოს სახით, სადაც შინაარსი გალერეის გახსნაზე ნეონის ნიშანივით ლივლივებს. სათაურები, რომლებიც GT Walsheim Medium-შია განთავსებული, ხაზების მცირე ინტერვალით 0.8–1.1 და ასოების აგრესიული უარყოფითი ინტერვალით (-0.04em 54 პიქსელზე), ქმნის შეკუმშულ, დეკორატიულ შრიფტს, რომელიც გვერდზე მოწესრიგებულად ჯდება და წინ მიიწევს. ერთი ელექტრო ლურჯი (#0099ff) უზრუნველყოფს ყველა ფუნქციურ აქცენტს - საზღვრებს, ნათებას, ხატულებს, აქტიურ მდგომარეობებს - ხოლო ინტერფეისის დანარჩენი ნაწილი აქრომატული რჩება და ეყრდნობა დახვეწილ ნაცრისფერ გადასვლებს (#111, #171717, #242424) სუფთა შავიდან სიღრმის შესაქმნელად. კომპონენტები უფრო გააზრებულად გამოიყურება, ვიდრე დეკორატიულად: 8–25 პიქსელის მომრგვალებული რადიუსები, თხელი 1 პიქსელის საზღვრები, მინიმალური ჩრდილები და გამჭვირვალე ზედაპირები, რომლებიც სიცარიელეს საშუალებას აძლევს, გამოჩნდეს.
სრული სიგანის სექციები შავი ტილოს მიღმა ვრცელდება, კონტენტის მაქსიმალური სიგანე ~1200 პიქსელია და ცენტრშია განთავსებული. მთავარ სექციას აქვს მარცხნივ გასწორებული სათაური და ერთი მოწოდების ღილაკი (CTA), მარჯვენა მხარე კი განზრახ ცარიელია - ასიმეტრიულად, არაცენტრირებული. სექციები მონაცვლეობით ცვლის მხოლოდ ტექსტურ განლაგებას (დიდი სათაური + ქვეტექსტი) და პროდუქტის ეკრანის ანაბეჭდებს. „მოყვება Framer“ სექცია იყენებს ლოგოს კედელს 4-სვეტიან ბადეზე. საზოგადოების სექციაში, პროდუქტის ეკრანის ანაბეჭდი მოთავსებულია ცენტრში, სრული სიგანის კონტეინერში მომრგვალებული კუთხეებით. ნავიგაცია მინიმალურია - თხელი ზედა ზოლი ლოგოთი მარცხნივ და ბმულებით მარჯვნივ გასწორებული, ხილული კონტროლის გარეშე. სექციის რიტმი: სექციებს შორის მნიშვნელოვანი 80 პიქსელიანი ვერტიკალური ხარვეზები, რაც ქმნის სიცარიელეში მოტივტივე კონტენტის მკაფიო კუნძულებს.
პროდუქტის ინტერფეისის სკრინშოტები დომინირებს — ქრომის მსგავსი ფანჯრით, შუქნიშნის წერტილებით, ჩარჩოში ჩასმული აპლიკაციის ჩაშენებული სკრინშოტები მთავარ სურათად იქცევა. ხარისხის დამადასტურებელი ლოგოები წარმოდგენილია თეთრი ასოებით შავ ფონზე, დიდი ინტერვალით. არ გამოიყენება ფოტოები, ილუსტრაციები ან აბსტრაქტული გრაფიკა — ვიზუალური ენა თავად პროდუქტია, რომელიც წარმოდგენილია როგორც ცოცხალი ინტერფეისი. ხატულების სტილი: მინიმალისტური, კონტურული, მონოქრომული და თეთრი, პატარა ზომებში. ტექსტის სიმკვრივე: უპირატესად ტექსტი, ზოგჯერ დიდი ფრაგმენტებით პროდუქტის სკრინშოტების სახით. სივრცის ვიზუალური ბალანსი აშკარად უპირატესობას ანიჭებს ტიპოგრაფიას სურათებთან შედარებით.
პალიტრა
ბრენდი
- Vivid Violet
#0066ff— ძირითადი მოქმედების ღილაკი ინტერფეისში ერთადერთი ადგილია, სადაც ღილაკის მყარი ფერის ფონი ჩანს.
ნეიტრალური
- Bone
#ffffff— სინათლის ერთადერთი წყაროა მთავარი სათაურები, მთავარი ტექსტი მუქ ფონზე, ღილაკების ფონი. - Void
#000000— გვერდის ტილო, ნავიგაციის ფონი, ბარათის ზედაპირი, ხატულების შევსება - ყველაფერი ეს დაუსრულებელი შავი ფერია, რომელიც შთანთქავს ყველა არაარსებით შინაარსს. - Graphite
#111111— ამაღლებული ბარათის ზედაპირები სიცარიელეზე ერთი საფეხურით მაღლა დგას - დიდი, ფუნქციური ბარათები და მოდალური კონტეინერები. - Obsidian
#171717— შუალედური ზედაპირი ღილაკებისთვის, დამატებითი ბარათებისთვის, ინტერფეისის შევსებისთვის - გამოყოფს ინტერაქტიულ ელემენტებს ტილოსგან. - Slate
#242424— ტექსტურ ფორმატში გადასვლამდე, შეყვანის ველები და ჩაღრმავებული პანელები ყველაზე კაშკაშა ნეიტრალურ ფერშია. - Ash
#333333— არააქტიური ფონის სურათებისა და სტრუქტურული ელემენტების ღრმა შევსება.
ტიპოგრაფია
12-დან 68 პიქსელამდე · 8 ნაბიჯი
- sans-serif — ჩანაცვლება: Inter · კონტურები 400 · sans-serif - გვხვდება ამოღებულ მონაცემებში, მაგრამ არ არის აღწერილი ხელოვნური ინტელექტის მიერ.
- GT Walsheim — ჩანაცვლება: Inter Tight · კონტურები 500 · სათაურებისა და სათაურების შრიფტი ბრენდის შრიფტია. ის აგრესიულად შეკუმშულია, სტრიქონებს შორის 0.8–1.1 ინტერვალით და ასოებს შორის -0.04em-დან -0.05em-მდე ინტერვალით 44–68 პიქსელის დიაპაზონში. ეს არ არის დეკორატიული ელემენტი; GT Walsheim-ის გეომეტრიული სითბო, მკაცრ მეტრიკასთან ერთად, ქმნის სისტემის ხმას - თავდაჯერებულს, კომპაქტურს და ოდნავ ფუტურისტულს. მსგავსი გეომეტრიული გამოხატვისთვის განიხილეთ Inter Tight ან Space Grotesk Bold.
- Inter Variable — ჩანაცვლება: Inter · კონტურები 400 · ძირითადი ტექსტი, ნავიგაცია და მეორადი სათაურები ძირითადი სამუშაო ძალაა. ინტერცვლადი ღერძი წონების გლუვ ინტერპოლაციას იძლევა. ზომის ზრდასთან ერთად თვალყურის დევნება ვიწროვდება: -0.001em-დან 18 პიქსელამდე და -0.027em-მდე 22 პიქსელამდე. ცვლადი ვერსია საიტის გლუვ მიკროანიმაციებს იძლევა. ჩანაცვლება: Inter ( Google) – პრაქტიკულად იდენტური სარეზერვო ვერსია.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | საშუალო |
| ძირითადი ნაბიჯი | 10px |
| ღილაკის რადიუსი | 9999px |
| ბარათის რადიუსი | 20px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 80px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Framer სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Auros — უფსკრულის ტერმინალი ბიოლუმინესცენტური მონაცემთა ბურთებით
- Origin Financial — შუაღამის გალერეა მშვიდი ფუფუნებით. წყნარი, თითქმის ბნელი ოთახი, სადაც დიდი სერიფული შრიფტები და რამდენიმე განათებული ფერადი პანელი ქმნის განცდას, რომ ფინანსები ხელოვნების საგულდაგულოდ შერჩეული ნიმუშია.
- Raycast — შუაღამის სარდლობის ცენტრი, Coral Neon
- Dimension — შებინდებისას განათებული სამუშაო ადგილი მქრქალი მინის პანელებით
- Reflect Notes — ვარსკვლავური იისფერი სივრცე ბნელი ობსერვატორიაა, სადაც ნოტები თანავარსკვლავედებივით ლივლივებენ თითქმის შავი ინდიგოს სიცარიელის ფონზე.
- Ameba — საკონტროლო ოთახი შუაღამისას - ელექტრო ლურჯი იმპულსი მქრქალი მინის პანელებში
- Branding — შავი გალერეის კედელი, სისხლისფერი წითელი აქცენტები - დიდი თეთრი შრიფტები ლივლივებს მუქ ტილოზე, რომელიც სიცარიელეს წააგავს, რომელსაც წყვეტს ერთი კაშკაშა წითელი აქცენტი და შთამბეჭდავი დეკორატიული ელემენტები, რომლებიც უფრო გალერეის აბრებს ჰგავს, ვიდრე ვებ ინტერფეისს.
- Harness — მისიის კონტროლი შუაღამისას ფოსფორესცენტული მწვანე აქცენტებით
- Koto — ობსიდიანის გალერეა შუაღამისას. თითქმის კუპრივით შავი სცენა, სადაც თბილი სინათლის ერთადერთი წყარო ერთი ყვითელი მარკერია, ხოლო შეკუმშული შრიფტი უზარმაზარ ნეგატიურ სივრცეში საგამოფენო პოსტერებივით ლივლივებს.
- Ohzi — მანათობელი კუბი, რომელიც ბნელ გალერეაშია ჩამოკიდებული
- Depot — ბნელი სერვერის ტერმინალი. თითქმის შავი დეველოპერის კონსოლი, ერთი მწვანე LED-ით, რომელიც მუშაობის დაწყებას მიანიშნებს, ხოლო მომხმარებლის ინტერფეისის დანარჩენი ნაწილი გრაფიტით არის ნაჩვენები.
- Maciej Zadykowicz — „შუაღამის გალერეა“ თავისი კალეიდოსკოპიული ფრესკით თითქმის შავი სტუდიის კედელია, სადაც ყურადღებას იპყრობს ერთი ნათელი, ფერადი ტიპოგრაფიული ნამუშევარი, მაშინ როცა ყველაფერი დანარჩენი მშვიდი და გააზრებული რჩება.