
Monad
სარედაქციო ტექნიკური ჟურნალი თბილ პერგამენტზე
Monad მთელ ინტერფეისს თბილ პერგამენტის ტილოზე (#f6f3f1) აჩვენებს, რაც მას ტიპური სუფთა თეთრი SaaS შაბლონისგან მაშინვე განასხვავებს. სათაურებს რედაქციული წონა აქვთ და დაყენებულია Untitled Serif-ში, 400 წონით შრიფტში - არასდროს არის მუქი - ხოლო ყველა ტექსტის ტექსტი, ნავიგაცია და ინტერფეისის ელემენტი დაყენებულია ABC Diatype Mono-ში, რაც საიტს ლიტერატურული ჟურნალის ტექნიკური სახელმძღვანელოს ტექსტურას ანიჭებს. ერთი კაშკაშა ლურჯი (Lake) ძირითადი მოქმედებებისთვის ერთადერთ ქრომატულ აქცენტს უზრუნველყოფს; ყველაფერი დანარჩენი თბილ ნაცრისფერ პალიტრაშია შენახული, ამიტომ პერიფერიული ბარათის ზედაპირი (#cfdaf5) და რბილი პასტელის გრადიენტის გადასვლები (მარჯანი, ცისფერი, პიტნისფერი, ოქროსფერი) უფრო განზრახ პუნქტუაციას ჰგავს, ვიდრე ხმაურს. კომპონენტები ჩრდილების ნაცვლად დახვეწილ საზღვრებსა და აბების კონტეინერებს ეყრდნობა, ხოლო რიტმი შენარჩუნებულია მშვიდი და ფართო ბარათის მსგავსი ჩაღრმავებებისა და სექციებს შორის დიდი ვერტიკალური სივრცის წყალობით.
ვიზუალური ენა დაფუძნებულია შემუშავებულ მონაცემთა მილსადენის დიაგრამაზე: აბის ფორმის კვანძები გამოკვეთილია თხელი მრუდი ხაზებით, თითოეულ კვანძში პატარა ხატულებით, რომლებიც წარმოადგენს მონაცემთა წყაროებს (ნებისმიერი წყარო, ღრუბლოვანი ჟურნალები, დაუცველობები) და დანიშნულების ადგილებს (SIEM, ღრუბლოვანი საცავი, მონაცემთა ტბა). დიაგრამაზე ცენტრში გამოყენებულია რბილი მწვანე რადიალური ნათება მონაცემთა ნორმალიზაციის ხაზგასასმელად. გრადიენტული ატმოსფერული ელფერები (მარჯნისფერი → ცისფერი, ცისფერი → პიტნისფერი) ძლიერი დაბინდვის ფილტრებით ქმნის რბილი ფერის ჰალოებს ძირითადი და ფუნქციური შინაარსის უკან. პარტნიორების ლოგოები ნაჩვენებია ერთ რიგში, რაც ხაზს უსვამს სოციალურ გავლენას. „მონაცემთა ტრანსფორმაციები პროგრესის პროცესში“ ბარათზე გამოსახულია დიდი გრადიენტული ილუსტრაცია გადაფარული გამჭვირვალე გეომეტრიული ფორმებით. ფოტოები არ გამოიყენება - ბრენდი ინფორმაციას მხოლოდ ტიპოგრაფიის, დიაგრამების და ფერთა სქემების საშუალებით ავრცელებს.
პალიტრა
ბრენდი
- Parchment
#f6f3f1— გვერდის ტილოზე და ზედაპირის შევსების უმეტეს ნაწილზე გამოყენებული ეს თბილი, კრემისფერი ელფერი ბრენდის დამახასიათებელი ფერია, რომელიც მყისიერად განასხვავებს საიტს თეთრი SaaS შაბლონებისგან. - Lake Blue
#2b59d1— იისფერი გამოიყენება ფონის, დეკორატიული ზოლების გამოსაკვეთად და კონტენტის უკან დახვეწილი აქცენტის სახით. ის არ უნდა იქნას გამოყენებული მოქმედებისკენ მოწოდების ძირითად ფერად.
ნეიტრალური
- Off-Black
#242424— მაღალი კონტრასტის ნეიტრალური შევსება ძირითადი ღილაკებისთვის ღია ზედაპირებზე. - Periwinkle Mist
#cfdaf5— მშვიდი ინტერფეისი გამორთული მართვის საშუალებებისთვის, დაბალი აქცენტის მქონე პანელებისთვის და ჩანაცვლებითი ბლოკებისთვის. - Sky Blue
#a0b5eb— დეკორატიული გრადიენტის გაჩერება - ჩნდება ატმოსფერულ შევსებებსა და ნაკადის ხაზებში მილსადენის დიაგრამაზე, არასდროს გამოიყენება ინტერფეისის შევსებად. - Mint
#a7fccd— მეორადი ფერების პალიტრა მცირე დეკორატიული აქცენტებისთვის, როდესაც ძირითად ფერთა პალიტრას კონტრასტი სჭირდება. - Coral
#ff9473— მეორადი ფერების პალიტრა მცირე დეკორატიული აქცენტებისთვის, როდესაც ძირითად ფერთა პალიტრას კონტრასტი სჭირდება. - Gold
#ecda98— დეკორატიული გრადიენტური წერტილი თბილი აქცენტია გრადიენტულ გადასვლებში, რომელიც არასდროს გამოიყენება ფუნქციურ მომხმარებლის ინტერფეისებში.
ტიპოგრაფია
12-დან 80 პიქსელამდე · 10 ნაბიჯი
- ABC Diatype Mono — ჩანაცვლება: JetBrains Mono · კონტურები 400, 500 · ძირითადი ტექსტი, ნავიგაცია, ღილაკები, ხატულები, თეგები და ყველა ინტერფეისის ტექსტი. ყველა ფუნქციურ ელემენტზე მონოსაიდის შრიფტი ინტერფეისს ტექნიკური სახელმძღვანელოს შეგრძნებას სძენს - 16-20 პიქსელის ზომის ძირითადი ტექსტი აღიქმება როგორც მონაცემები და არა როგორც მარკეტინგული ინფორმაცია. ნავიგაციის ეტიკეტები და ხატულები იყენებენ 18 პიქსელის შრიფტს უფრო ზუსტი ასოების ინტერვალით; უფრო პატარა შრიფტები და მეტატექსტი იყენებენ 12 პიქსელის შრიფტს მხოლოდ დიდი ასოებით. 500 პიქსელის შრიფტის ზომა დაცულია ინტერფეისის თვალსაჩინო ელემენტებისთვის.
- Untitled Serif — ჩანაცვლება: Times New Roman · კონტურები 400 · მხოლოდ სათაურებისა და ქვესათაურებისთვის - გამოიყენება 80 პიქსელით (ძირითადი ტექსტი), 48 პიქსელით (სექცია), 40 პიქსელით და 32 პიქსელით (ქვესექციები) და 24 პიქსელით (აღწერის ბარათის სათაურები). შრიფტის წონა ყველა ზომისთვის ფიქსირებულია 400-ზე; serif შრიფტის ბუნებრივი კონტრასტი და -0.02em დაშორება ასოებს შორის უზრუნველყოფს მთავარ აქცენტს თამამი შრიფტის ნაცვლად. ეს არის სარედაქციო სტილი: სათაურები წონით ხმაურის ნაცვლად ჩურჩულით გამოხატავს ტიპოგრაფიულ დახვეწილობას.
- Untitled Sans — ჩანაცვლება: Inter · კონტურები 400 · უსათაურო Sans შრიფტი - ნაპოვნია ამოღებულ მონაცემებში, მაგრამ არ არის აღწერილი ხელოვნური ინტელექტის მიერ.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | საშუალო |
| ძირითადი ნაბიჯი | 16px |
| ღილაკის რადიუსი | 100px |
| ბარათის რადიუსი | 40px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 64px |
| გვერდის სიგანე | 1432px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Monad სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- ElevenLabs — ფოტოესე თბილ კრემისფერ ტონებში, დახვეწილი სათაურებით. ბაუჰაუსის სტილის ბლოკნოტი - კვერცხის ნაჭუჭისფერი ქაღალდი, შავი მელანი და ერთი იისფერი და ნარინჯისფერი აქცენტი პროდუქტის საჩვენებლად.
- Awesomic — სარედაქციო თუთიის ბადე ნარინჯისფერი პუნქტუაციის ნიშნებით, რომლებიც კონფეტის მოგვაგონებს
- Dub — Link-ის მქრქალი ბრინჯის ქაღალდის მართვის პანელი
- Seline Analytics — მშვიდი ანალიტიკური მაგიდა თბილ ქაღალდზე
- Notion — თბილი ქაღალდის რვეული შუადღის მზეზე
- Anthropic — სამეცნიერო დარგობრივი ჟურნალი თბილ პერგამენტზე - მშვიდი სპილოს ძვლისფერი ზედაპირები, სერიფიცირებული სარედაქციო სათაურები და ერთი თიხის აქცენტი, რომელიც მხოლოდ მაშინ ჩნდება, როდესაც მოქმედებაა საჭირო.
- Calendly — მუქი ლურჯი მელანი ცივ მარმარილოზე
- Augen Pro — Apple-ის თეთრი პრეზენტაცია მონოქრომულ სივრცეში ერთადერთ აქცენტად კლინიკურ, უწონო, ელექტრო ლურჯ ფერს წარმოადგენს.
- Antimetal — სარედაქციო ქრონიკა კრემისფერ ფურცელზე - მშვიდი დილა სამეცნიერო ჟურნალში, სადაც თავშეკავება თავდაჯერებულობას გამოხატავს და სერიფები მძიმე საქმეს აკეთებენ.
- Perk — ელექტრო ლაიმი თბილ პერგამენტის ქაღალდზე
- Ditto — მზით განათებული სახელოსნო, სადაც ველური ყვავილების ნიმუშები იქმნება. თბილი კრემისფერი ზედაპირები, ნათელი ყვითელი საბაზისო ფერი, მუქი ლურჯი მელანი, ნამუშევრის უკან ორგანული ფერის ფორმები ყვავის.
- Officevibe — სარედაქციო ჟურნალი თბილ კრემისფერ ქაღალდზე. წარმოიდგინეთ ადამიანური რესურსების მენეჯმენტის შესახებ გააზრებული ესე, წარმოდგენილი როგორც პროდუქტი - დახრილი სერიფული შრიფტი, რომელიც ჩურჩულებს თანამედროვე ლურჯ ინტერფეისში.