Dala
შავ ხავერდზე მოტივტივე თანავარსკვლავედი
Dala წარმოადგენს ბნელ სივრცეს, სადაც შავი სიცარიელეები ხვდება ერთ ნათელ იისფერ აქცენტს, რომელიც ქარვისფერი ნაპერწკლებით არის შეწყვეტილი. ტიპოგრაფია მონოლითური და უწონოა - PPNeueMontreal, 400 წონიანი შრიფტი, დომინირებს თითოეულ სათაურზე დიდი ზომით (78–113 პიქსელი) აგრესიული უარყოფითი ასოებით, რაც სათაურებს უფრო სკულპტურულს ხდის, ვიდრე ინფორმაციულს. ვიზუალური ცენტრი არის პაწაწინა, მრავალფეროვანი სამკუთხა ნაწილაკების თანავარსკვლავედი, რომელიც ქმნის ორგანულ ტვინის ფორმას, რომელიც ბრენდის საფირმო ჟესტს წარმოადგენს: ცოდნა ვიზუალიზებულია როგორც განაწილებული ინტელექტი და არა როგორც იერარქიული მონაცემები. განლაგება მიჰყვება ფართო ორსვეტიან რიტმს - დიდი, მარცხნივ გასწორებული სათაურები, შერწყმული გაფართოებულ ძირითად ტექსტთან, რომლებიც სუფთა შავ ფონზე ლივლივებენ პანელების, ჩარჩოების ან ბარათების გარეშე. კომპონენტები განზრახ შემცირებულია მათ ყველაზე არსებით ფორმამდე: ერთი იისფერი აბის ღილაკი, დაფარული ტექსტის ბმულები და დიდი ტექსტური ბლოკები.
სრული სიგანის სექციები განლაგებულია სუფთა შავ ტილოზე, მაქსიმალური კონტენტის სიგანე ~1280 პიქსელია ცენტრში. მთავარ სექციას აქვს ასიმეტრიული ორსვეტიანი განლაგება: დიდი მარცხნივ გასწორებული სათაური (113 პიქსელი), რომლის მარცხენა ნახევარში მთავარი ტექსტი და მოქმედებისკენ მოწოდებაა, ხოლო „ნაწილაკების ტვინის“ ვიზუალიზაცია მარჯვენა ნახევარს უზარმაზარი მასშტაბით იკავებს. შემდგომი სექციები მონაცვლეობით განლაგებულია ორ სვეტს შორის (ვიზუალი მარცხნივ/ტექსტი მარჯვნივ, შემდეგ ტექსტი მარცხნივ/ვიზუალი მარჯვნივ), რაც ქმნის ზიგზაგისებურ კითხვის რიტმს. სექციებს შორის არსებული სივრცეები დიდია (60–120 პიქსელი ვერტიკალურად). არ არის ბარათების ბადეები, ფასების ცხრილები ან მრავალსვეტიანი ფუნქციების აღწერილობები - კონტენტი განლაგებულია ფართო ორსვეტიან ტექსტურ-ვიზუალურ ბლოკებში. ნავიგაცია არის მინიმალისტური გამჭვირვალე ზედა ზოლი, გვერდითი ზოლის ან მეგამენიუს გარეშე. ელემენტების სიმჭიდროვე უკიდურესად მაღალია - ერთი ან ორი ელემენტი თითო ხედვის არეალში, არასდროს გადატვირთულია ინფორმაციით.
ვიზუალური დიზაინი სრულიად პროცედურული და აბსტრაქტულია - გუნდური პორტრეტების გარდა, ფოტოსურათები არ არის. ბრენდის ვიზუალური იდენტობა ათასობით პაწაწინა, კონტურირებული სამკუთხა ნაწილაკის მკვრივი ღრუბელია, რომლებიც სრულ, ცოცხალ სპექტრში (იისფერი, ქარვისფერი, ფირუზისფერი, იისფერი, ლურჯი) არის წარმოდგენილი და ორგანულ ტვინის/ნეირონის ფორმას ქმნის. ეს ნაწილაკების ველი ანიმაციურია და ემსახურება როგორც მთავარ სურათს, ასევე ბრენდის იდენტობის ელემენტს. მიმდებარე ნაწილაკები, უფრო დაბალი სიმკვრივით, გვერდის ფონზე მოძრაობენ. სამკუთხედებს აქვთ კონტურები, 1–2 პიქსელიანი ხაზის სისქე, მკვეთრი კიდეები და მდიდარი, ქრომატული ფერები - არასდროს ნაცრისფერი ტონალობა. გუნდური პორტრეტები ნაჩვენებია როგორც დიდი, მომრგვალებული მართკუთხედები (124 პიქსელიანი რადიუსი) საზღვრების ან გადაფარვების გარეშე. არ არის პროდუქტის ეკრანის ანაბეჭდები, არ არის ცხოვრების წესის ფოტოები, არ არის 3D რენდერები - ნაწილაკების სისტემა ვიზუალური ბრენდია.
პალიტრა
ბრენდი
- Electric Iris
#8052ff— ძირითადი მოქმედების ღილაკები, ლოგო და ბრენდის აქცენტები ერთიანი, მდიდარი იისფერი ფერისაა, რაც შავ ფონზე ინტერაქტიულობასა და ბრენდის იდენტურობაზე მიუთითებს.
ნეიტრალური
- Void
#000000— გვერდის ტილო, სექციების ფონი, ნეგატიური სივრცე - დომინანტური ზედაპირი სუფთა შავია და არა მუქი ნაცრისფერი, რაც ქმნის სიცარიელეს, რომელიც ქრომატულ აქცენტებს თავისუფლად გადაადგილების საშუალებას აძლევს. - Bone White
#ffffff— სათაურები, ძირითადი ტექსტი, ხატულების შევსება, აქტიური ნავიგაციის მდგომარეობა - ერთადერთი ტიპოგრაფიული ფერი, რომელიც უზრუნველყოფს მაქსიმალურ იერარქიას შავ ფონზე. - Ash Gray
#9a9a9a— მკრთალი ნავიგაციის ტექსტი, გამჭვირვალე ბმულის ფერი და დამატებითი წარწერები დამალულია მთავარი ტექსტის უკან, უხილავი გახდომის გარეშე. - Silver Mist
#bdbdbd— დამატებითი ტექსტი, ინფორმაცია წარწერის დონეზე - ყველაზე მშვიდი და ადვილად წასაკითხი ნაცრისფერი ფერი, კონტექსტის მხარდასაჭერად. - Saffron Spark
#ffb829— ტექსტის გამოყოფა, ბმულების ხაზგასმა და ყურადღების მიპყრობა პუნქტუაციის ნიშნებით - თბილი ყვითელი იისფერ ფონზე - ბრენდისთვის ქრომატურულ დაძაბულობას ქმნის. - Deep Verdant
#15846e— მეორადი ზედაპირის შეფერილობა, გრადიენტის ლოგოს ფორმის გაჩერება, ბრენდის გრადიენტის უფრო მუქი კიდეებით და ძლივს შესამჩნევი აქცენტირებული გადასვლებით ვლინდება.
ტიპოგრაფია
12-დან 113 პიქსელამდე · 10 ნაბიჯი
- PPNeueMontreal — ჩანაცვლება: Inter · კონტურები 200, 400, 600, 700 · ყველა ინტერფეისის კონტექსტში გამოიყენება თანმიმდევრული შრიფტი. ეკრანის ზომის სათაურები (78–113 პიქსელი) იყენებენ 400 წონას -0.04 პიქსელიანი ასოების ინტერვალით - იგივე წონა, რაც ძირითადი ტექსტის ასლი, მაგრამ უფრო დიდი მასშტაბი ქმნის იერარქიას. 200 წონა (ულტრა მსუბუქი შრიფტი) დაცულია 18 პიქსელიანი ძირითადი ტექსტისთვის; ეს ბრენდის სპეციფიკური გადაწყვეტილებაა: AI/SaaS საიტების უმეტესობა ძირითადი ტექსტისთვის იყენებს 400-ს, მაგრამ Dala ამცირებს წონას, რათა აბზაცები ჰაეროვანი და არააგრესიული იყოს. ნავიგაციისა და მცირე სათაურებისთვის გამოიყენება 600 წონა 14 პიქსელიანი ასოების ინტერვალით, 0.025 პიქსელიანი ასოების ინტერვალით და მხოლოდ დიდი ასოებით. 400-ის გამოყენება როგორც 113 პიქსელიანი სათაურებისთვის, ასევე 15 პიქსელიანი ძირითადი ტექსტისთვის უჩვეულოა - ეს იმაზე მიუთითებს, რომ ბრენდი იერარქიის შესაქმნელად ეყრდნობა მასშტაბს და არა წონას.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 6-18px |
| ღილაკის რადიუსი | 24px |
| ბარათის რადიუსი | 24px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 60-120px |
| გვერდის სიგანე | 1280px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Dala სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Linear — შუაღამის ზუსტი ინსტრუმენტი
- Resend — შავი ხავერდი იისფერი ნეონის ფერით
- Ciridae — ცარიელი ოთახი, რომელშიც მბჟუტავი ნაკვერჩხლის პულსაცია ისმის - თითქმის შავი ტაძარი, სადაც ერთადერთი თბილი ხმა ჟანგის თხელი ხაზია და ყველა ზედაპირი ჩრდილის ნაცვლად წვრილი ხაზებით არის განსაზღვრული.
- Dovetail — შავი მთვარის ქვეშ ნახაზები - ძლივს შესამჩნევი გრაფიკული ხაზები, თეთრი შრიფტი, ერთი იისფერი ნაპერწკალი
- Neon — სერვერის ოთახი დაღამების შემდეგ. სრული სიბნელე, სადაც ერთადერთი სინათლე მონაცემებიდან და მომხმარებლის ურთიერთქმედებიდან მოდის.
- Discord — თამაშის სამყარო დამალულია ამომხტარი ჩატის ფანჯრის მიღმა - თითოეული სექცია არის დამოუკიდებელი გარემო საკუთარი განათებითა და პერსონაჟების ნაკრებით.
- Aaru — ნაწილაკების ველის ობსერვატორია შუაღამისას
- Atlas Card — შუაღამის სარდაფი, თავისი ერთადერთი საფირონის სხივით, კუპრივით ბნელი სივრცეა, სადაც ერთადერთი, რაც მნიშვნელოვანია, მუქი ელექტრო ლურჯია.
- Midjourney — ბიოლუმინესცენტური ტერმინალი ღრმა ოკეანეში. ღრმა ზღვის სამყარო, სადაც ინტელექტი ვიზუალურად გენერირდება ASCII ნაკადებში და მართვის საშუალებები ჩანს მკრთალი მანათობელი ნიმუშების სახით.
- Checkly — ღრმა ორბიტის მისიის კონტროლის ცენტრი
- Krea — გალერეა ნუარი შუაღამისას
- Wope — ვოპი იისფერი ჰორიზონტის ინტერფეისია. წარმოიდგინეთ მუქი ობსერვატორიის მაგიდა, რომლის შუშის ქვეშაც იისფერი შუქი გამოდის.