Auros
უფსკრულის ტერმინალი ბიოლუმინესცენტური მონაცემთა ბურთებით
Auros ფუნქციონირებს როგორც უფსკრულში ჩაფლული ფინტექ ტერმინალი: თითქმის შავი ფირუზისფერი ტილო ბიოლუმინესცენტური მონაცემთა სფეროებით და ფირუზისფერიდან ვარდისფერამდე სინათლის გრადიენტებით, რაც ქმნის სიღრმის, სითხისა და ნაკადის შეგრძნებას. ინტერფეისი მინიმალისტური და კინემატოგრაფიულია, ეყრდნობა საშუალო სისქის ერთ მომხმარებლის ეკრანს (Matter) აგრესიული ნეგატიური თვალთვალით, მასშტაბის შესაქმნელად ზედმეტად მკვეთრი ფერის გარეშე. ფერები თანაბრად არის განაწილებული - აქრომატული თეთრი და ვერცხლისფერი გამოიყენება თითქმის ყველა კონტენტისთვის, ხოლო ქრომატული პალიტრა განკუთვნილია ატმოსფერული გრადიენტებისთვის, გამორჩეული ბარათის ზედაპირებისთვის და ერთი საფირმო აბის ფორმის ღილაკისთვის, რომელიც იცვლის ფერს ფირუზისფერ-ლურჯიდან ლავანდისფერ-ვარდისფერში. ბარათები სიმაღლის ნაცვლად დახვეწილ ფირუზისფერ ზედაპირის ქედებზე (16 პიქსელიანი რადიუსი, ჩრდილების გარეშე) მოძრაობენ, ამიტომ იერარქია აღიქმება, როგორც წყლის სიღრმე და არა ქაღალდზე ჩრდილი. კომპონენტები გამოიყურება გააზრებული და ინსტრუმენტული: დიდი ასოებით დაწერილი თვალთვალის ნიშნები, თხელი გეომეტრიული ისრის ხატულები, ღია ვარდისფერი დიდი რიცხვითი ჩვენებები.
მუქი, სრული სიგანის ტილო, რომლის კონტენტი მაქსიმალური სიგანით 1440 პიქსელია. მთავარი ელემენტია ცენტრში განლაგებული ტექსტური ბლოკი (წარბი → სათაური → ქვეტექსტი → მოქმედებისკენ მოწოდება), რომელიც მოიცავს მთელ ხედვის ფანჯრის სიმაღლეს, ნაწილაკით, როგორც ფონის ელემენტი. სექციები წარმოადგენს სრული სიგანის ზოლებს, რომლებიც გამოყოფილია 68 პიქსელზე მეტი ზომის ვერტიკალური სივრცით, რომლებიც მონაცვლეობით ცვლიან ტილოსა და ოდნავ ჩაღრმავებულ ზედაპირებს. „შესწავლის“ სექცია იყენებს ასიმეტრიულ ორსვეტიან განლაგებას: მარცხენა სვეტი შეიცავს დაწყობილი მახასიათებლების ბარათებს, ხოლო მარჯვენა სვეტი ასახავს გეომეტრიულ მოლეკულურ ილუსტრაციას. კონტენტი ცენტრშია განლაგებული ვიწრო სვეტებში (მაქსიმუმ ~600 პიქსელი) მარტივი წასაკითხად, კიდიდან კიდემდე გადაჭიმვის ნაცვლად. ქვედა კოლონტიტული არის ჩაღრმავებული ორმო (#011d1c) 120 პიქსელიანი ვერტიკალური ზღვრით, რაც ქმნის ღრმა აუზის ეფექტს. ნავიგაცია არის თხელი, გამჭვირვალე პანელი ელემენტებით, რომლებიც ერთმანეთისგან 16–24 პიქსელის დაშორებითაა განლაგებული. საერთო რიტმი კინემატოგრაფიული და ფართოა - ყველა სექცია სუნთქავს, ხოლო ღრმა, წყლის მსგავსი ფერთა სქემა ქმნის უფრო ღრმად ჩასვლის შეგრძნებას თითოეული მონაკვეთის შემდეგ.
ვიზუალური სტილი მინიმალისტური და ატმოსფერულია. მთავარ გვერდზე გამოსახულია სამგანზომილებიანი ნაწილაკების სფერო - ათასობით პაწაწინა ფირუზისფერ-ლურჯი და თეთრი წერტილი ქმნის მბრუნავ სფეროს, რომელიც იმეორებს ტილოს და ლავანდისფერ-ვარდისფერი აქცენტები კიდეებზე, რაც ქმნის ბიოლუმინესცენტურ ეფექტს, რომელიც საინფორმაციო ობიექტს მოგვაგონებს. ბრტყელი გეომეტრიული მოლეკულური დიაგრამები (თეთრი წრეები და თხელი შემაერთებელი ხაზები მუქ ტილოზე) დეკორატიულ ელემენტებს წარმოადგენს მარჯვენა სვეტში. არანაირი ფოტოსურათი, არანაირი ცხოვრების წესის სურათები, არანაირი ადამიანი - ვიზუალური ენა დაფუძნებულია სუფთა მონაცემთა გრაფიკასა და აბსტრაქტულ ფორმებზე. ნაწილაკების სფერო ბრენდის იდენტობის განმსაზღვრელი ვიზუალური ელემენტია; ის ყოველ მნიშვნელოვან გვერდზე ერთხელ მაინც უნდა გამოჩნდეს ღრმა ზღვის მეტაფორის გასაძლიერებლად.
პალიტრა
ბრენდი
- Liquid Abyss
#012624— მთავარი ფონი არის გვერდის ბაზა, სათაური, მთავარი ელემენტი და დომინანტური მუქი ფირუზისფერი ველი. ის ქმნის ღრმა ზღვის ატმოსფეროს. - Liquid Deep
#011d1c— ჩაღრმავებული ზედაპირის დონე ქვედა კოლონტიტულის ფონი და უფრო ღრმა მუყაოს პანელებია. ის ტილოზე ნახევარტონიანად უფრო მუქად აღიქმება, რაც სიღრმის დახვეწილ ქვევით გრადიენტს ქმნის. - Liquid Kelp
#003734— ამაღლებული ბარათის ზედაპირი და ღილაკის შევსება — ამაღლებული ზედაპირი, რომელიც განთავსებულია უფსკრულიდან ერთი საფეხურით მაღლა. გამოიყენება ფუნქციების ბარათებისთვის, კონტენტის პანელებისთვის და გრადიენტის ღილაკის საწყისი წერტილისთვის.
ნეიტრალური
- Liquid Mist
#edfffe— თეთრის ცივი ელფერი ხაზს უსვამს ტექსტის ძირითად ნაწილს, სექციების სათაურებს და თბილ, ღია ტიპოგრაფიას. ნაზი ლურჯი ელფერი ტექსტის ძირითად ნაწილს ფირუზისფერ ფერთა სქემას უკავშირებს. - Platinum
#ffffff— სუფთა თეთრი ფერი გამოიყენება სათაურების, ნავიგაციის ელემენტების, ხატულების კონტურებისა და მაღალი კონტრასტის ტექსტისთვის. ეს არის ტექსტის ძირითადი ფერი ყველა სათაურის დონეზე და ძირითად ნავიგაციისთვის. - Silver Mist
#bbc7c6— მეორადი ტექსტი, მდუმარე აღწერილობები და ბმულის ფერი თავდაპირველ მდგომარეობაშია. მათ აქვთ ოდნავ მომწვანო ელფერი, რომელიც ავსებს ფირუზისფერ ფონს. - Ash
#f2f2f2— დამატებითი ტექსტი ციტატებისა და მიმოხილვებისთვის. ნეიტრალური, ცივი ნაცრისფერი ელფერი იმ შემთხვევებისთვის, როდესაც Silver Mist-ის ფირუზისფერი ელფერი ზედმეტად კაშკაშა ჩანს. - Slate Deep
#707777— ზედაპირის დახვეწილი ელფერი არააქტიური ან დაბალი ხილვადობის ფონებისთვის. ის ტილოსა და მუყაოს შორის ჯდება და სიმაღლის ძალიან მცირე სხვაობას ქმნის. - Lavender Phosphor
#fde9ff— განათების ფერი დიდი სტატისტიკისთვის, მრიცხველების რიცხვებისთვის და მნიშვნელოვანი მეტრიკებისთვის. გრადიენტში ვარდისფერი ელფერი იშვიათად გამოიყენება, როგორც მანათობელი აქცენტი მუქ ზედაპირებზე.
ტიპოგრაფია
10-დან 96 პიქსელამდე · 6 ნაბიჯი
- Matter — ჩანაცვლება: Inter · კონტურები 400, 500 · სათაურებისა და ძირითადი ტექსტისთვის გამოიყენება ძირითადი შრიფტი 500 წონით ყველა სათაურისთვის (H1–H3) და დიდი კინეტიკური ტექსტისთვის (86–295 პიქსელი). ძირითადი ტექსტისა და ინტერფეისის ტექსტისთვის გამოიყენება 400 წონა. მას აქვს აგრესიული უარყოფითი ასოების ინტერვალი დიდი ზომის შემთხვევაში (-0.04em 61 პიქსელზე, -0.046em 86 პიქსელზე) და ფართო დადებითი ასოების ინტერვალი დიდი ზომის სათაურებში (0.08em 20 პიქსელზე, 0.12em 12 პიქსელზე, 0.15em 10 პიქსელზე). გამორჩეული თვისებაა სათაურებისთვის მხოლოდ საშუალო წონის გამოყენების სტრატეგია - არ არსებობს მუქი ან მსუბუქი შრიფტი, რაც შრიფტს ერთგვაროვან, მექანიკურ თავდაჯერებულობას ანიჭებს.
- Arial — ჩანაცვლება: system-ui · კონტურები 400 · ინტერაქტიული ინტერფეისის ელემენტებისთვის (ნავიგაცია, ღილაკები, სათაურის მიკროკოპირება, ქვედა კოლონტიტული) მეორადი სარეზერვო ასლი. ჩნდება მხოლოდ 14 პიქსელზე – გამოიყენება როგორც უსაფრთხო, უნივერსალური სარეზერვო ასლი, როდესაც Matter არ არის ჩატვირთული და მოიცავს ფორმის იარლიყებს, ღილაკის ტექსტს და მცირე დამხმარე ტექსტს.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | საშუალო |
| ძირითადი ნაბიჯი | 20px |
| ღილაკის რადიუსი | 6px |
| ბარათის რადიუსი | 16px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 68px |
| გვერდის სიგანე | 1440px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Auros სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Design Full-Time — სტუდიური კინოთეატრი ერთი თბილი პროჟექტორით
- Air — ქანდაკება "შუაღამის ცა მინის გავლით"
- Slash — შუაღამის სარდაფი მოოქროვილი საწიგნეებით
- Raycast — შუაღამის სარდლობის ცენტრი, Coral Neon
- Dimension — შებინდებისას განათებული სამუშაო ადგილი მქრქალი მინის პანელებით
- Modal — ფოსფორესცენტული ტერმინალი ჩაბნელებულ სერვერების ოთახში - სინათლის ერთადერთი წყარო კაშკაშა მწვანე ფერია
- Giga — შუაღამის ჰორიზონტი ყინვაგამძლე ობსიდიანზე
- Reflect Notes — ვარსკვლავური იისფერი სივრცე ბნელი ობსერვატორიაა, სადაც ნოტები თანავარსკვლავედებივით ლივლივებენ თითქმის შავი ინდიგოს სიცარიელის ფონზე.
- Ameba — საკონტროლო ოთახი შუაღამისას - ელექტრო ლურჯი იმპულსი მქრქალი მინის პანელებში
- AgentQL — ჩრდილოეთის ნათება ტერმინალის თავზე ღამით
- Frame — კინოთეატრი გვიან ღამით კინოჩვენებებისთვის. ბნელი ოთახი, სადაც მთელი სამუშაო ერთი ლურჯი პროჟექტორით ხორციელდება, მომხმარებლის ინტერფეისი კი ფონზე ქრება, რაც შემოქმედებითი კონტენტის პროეცირების საშუალებას იძლევა.
- Harness — მისიის კონტროლი შუაღამისას ფოსფორესცენტული მწვანე აქცენტებით