Huly
ჩრდილოეთის ნათება შუაღამის ობსერვატორიაში - მთავარი გმირი არის იისფერის ვერტიკალური სხივი, რომელიც მარჯნად იცვლება და მის ქვემოთ თითოეული მშვიდი მონაკვეთი ერთსა და იმავე ორტონიან ისტორიას იმეორებს, რომელიც უფრო მშვიდი ტონით არის მოთხრობილი.
ჰული კოსმოსური სამუშაო სივრცის ატმოსფეროს ქმნის: თითქმის შავი ტილო ერთი იისფერ-ქარვისფერი ნათებით, რომელიც მთავარ ელემენტს კვეთს, ხოლო მის ქვემოთ, უფრო მდუმარე ბადე გაზრდილი პროდუქტიულობისთვის. სისტემა ვიწრო ფერთა დიაპაზონში მუშაობს - ერთი კაშკაშა ლურჯი და ერთი მარჯნისფერი ასრულებს ბრენდინგულ სამუშაოს ფენოვანი გრაფიტის ზედაპირების ფონზე, ამიტომ მუქი რეჟიმი არასდროს არის ნეიტრალური. ტიპოგრაფია ინტერსტიციულია ყველაფრისთვის ფუნქციონალურისთვის, მორგებული შრიფტით (Esbuild), რომელიც ძირითადი პუნქტებისთვისაა განკუთვნილი, 80–84 პიქსელის სიმაღლით და აგრესიული უარყოფითი ასოების ინტერვალით. კომპონენტები კაფსულის ფორმისაა: 9999 პიქსელის რადიუსი საკონტროლო ნაწილებზე, 12 პიქსელი ბარათებზე, მინიმალური ჩრდილი და მანათობელი გრადიენტული ხაზები, როგორც მთავარი დეკორაცია. გვერდი მონაცვლეობით სრულგვერდიან მუქ და მშვიდ ღია ნაწილებს შორისაა, ამიტომ ნებისმიერმა ახალმა ეკრანზე ფერების არჩევამდე უნდა გადაწყვიტოს რეჟიმი.
სრული სიგანის მთავარ გვერდზე გამოსახულია ჩრდილოეთის ციალის ვერტიკალური სხივი და მარცხნივ გასწორებული სათაური, ასევე პროდუქტის ეკრანის ანაბეჭდი ქვედა მარჯვენა კუთხეში. მთავარი გვერდის ქვემოთ არის მაქსიმალური სიგანის, 1200 პიქსელის კონტენტის არე, მონაცვლეობით მუქი და ღია ზოლებით. თითოეული სექცია წარმოადგენს ერთ ვერტიკალურ ბლოკს: სათაური პლუს ბარათების 3 ან 4 სვეტიანი ბადე, რომლებიც გამოყოფილია 96 პიქსელის ინტერვალებით. „MetaBrain“ სექცია ყოფს ბადეს ცენტრირებული სათაურით და სხვადასხვა ზომის ბარათების მოზაიკით (დიდი მთავარი ბარათი პლუს პატარა დამხმარე ბარათები). გვერდი დატვირთულია კონტენტით, SaaS სტანდარტების შესაბამისად, მაგრამ იყენებს მონაცვლეობით მუქ და ღია ზოლებს, რათა თითოეულ სექციას ჰქონდეს „სუნთქვის“ სივრცე. ნავიგაცია არის ერთი გამჭვირვალე ზედა ზოლი, რომელიც გადახვევისას გაუმჭვირვალე ხდება.
მთავარი ელემენტია სუფთა პოლარული გრადიენტი, ფოტოების გარეშე. ყველა ილუსტრაცია წარმოადგენს პროდუქტის ინტერფეისის რეალურ ეკრანის ანაბეჭდს (Kanban ბნელ რეჟიმში, შემოსულები, კალენდარი), რომელიც ჩასმულია ბარათის ჩარჩოებში, რომლებიც ერთდროულად წარმოადგენს როგორც მტკიცებულებას, ასევე დეკორაციას. არ არის ცხოვრების წესის ფოტოები, არ არის საფონდო სურათები, არ არის 3D რენდერები. ერთადერთი ვიზუალური ელემენტი, რომელიც არ არის დაკავშირებული ინტერფეისთან, არის თბილი, რადიალური მზის სხივები პოლარული ნათების ძირში, რომელიც რენდერირებულია CSS გრადიენტის სახით. ხატულები არის მონოქრომული ხაზის ხატულები #95979 ან თეთრი, არასდროს მრავალფეროვანი. სისტემა საკუთარ მუქ ინტერფეისს მთავარ ელემენტად მიიჩნევს - პროდუქტი არის ფოტოები.
პალიტრა
ბრენდი
- Electric Iris
#5683da— მთავარი ფონი, აქტიური ნავიგაციის ინდიკატორი და ჩრდილოეთის ციალის შთამბეჭდავი აქცენტი — კაშკაშა იისფერ-ლურჯი ფერი ჭავლისფერ შავ ფონზე — კორპორატიული აქტივობის ნაცვლად, ჩართულობის შთაბეჭდილებას ტოვებს. - Ember Pulse
#ff8964— მეორადი აქცენტი, თბილი ჩრდილოეთის ნათების ზონა, შეტყობინების წერტილი და ილუსტრაციის ხაზი - ქარვისფერი ელფერი, რომელიც არღვევს ლურჯი ფერის თავშეკავებას და სხივს სითბოს მატებს.
ნეიტრალური
- Obsidian Canvas
#303236— გვერდის ფონი, დომინანტური ზედაპირი, თითქმის შავი ფერისაა სითბოს მცირე ელფერით, რაც სტანდარტული გარემოა ყველა კონტენტისთვის. - Void
#090a0c— მთავარ ეკრანზე გრადიენტების, მოდალური ფონებისა და ჩარჩოებისთვის ყველაზე ღრმა ზედაპირული ფენა, რომლებიც ტილოში უნდა შეერწყას. - Charcoal Card
#111111— მუყაოსა და პანელებისგან დამზადებული ამაღლებული ზედაპირები, რომლებიც ტილოზე ერთი საფეხურით მაღლა მდებარეობს. - Slate Edge
#4a4b50— დახვეწილი საზღვრები და გამყოფები მუქ ზედაპირებზე - Iron Veil
#6b6c6d— თეგების, სიის ელემენტების შევსებისა და გამორთული შევსებების ფონი გამუქებულია. - Smoke
#95979e— ხატულების კონტურები, დამატებითი ტექსტი და არააქტიური კონტროლი საშუალო ნაცრისფერში ძირითად სამუშაო ელემენტს წარმოადგენს.
ტიპოგრაფია
11-დან 80 პიქსელამდე · 8 ნაბიჯი
- Inter — ჩანაცვლება: DM Sans · კონტურები 300, 400, 500, 600, 700 · მომხმარებლის ინტერფეისში ყველა ფუნქციური ტექსტი — ძირითადი ტექსტი, ნავიგაცია, ღილაკები, სიის ელემენტები, ეტიკეტები და მცირე სათაურები — გამოიყენება ხაზგასასმელად 500–600 შრიფტის წონით, ძირითადი ტექსტისთვის 400 და შეუმჩნეველი მეტამონაცემებისთვის 300-ის ზომით.
- Esbuild — ჩანაცვლება: Sora · კონტურები 400, 500, 600 · მხოლოდ ჩვენებისთვის: შესავალი სათაურები, სექციების სათაურები და MetaBrain სტატიების სათაურები. შეკუმშული გეომეტრია და ასოებს შორის მცირე ინტერვალი ქმნის შთაბეჭდილებას, რომ 84 პიქსელი უფრო შესაფერისია სარედაქციო სამუშაოებისთვის, ვიდრე SaaS პროექტებისთვის. არასოდეს გამოიყენოთ 28 პიქსელზე ნაკლები.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | ფართო |
| ძირითადი ნაბიჯი | 12px |
| ღილაკის რადიუსი | 9999px |
| ბარათის რადიუსი | 12px |
| ჩრდილები | რბილი ჩრდილები |
| სექციებს შორის | 96px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Huly სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- monday — თეთრი სახელოსნო პასტელის სტიკერებით
- Slack — სცენა ბადრიჯნისფერშია გადაწყვეტილი და თეთრი პროჟექტორებითაა განათებული. მუქი ადგილები დომინირებს მუქი ქლიავის ელფერით, ხოლო მოთეთრო ტილო დიდ, ავანგარდულ სათაურებს თავისუფლად სუნთქვის საშუალებას აძლევს.
- Base44 — მზისგან განათებული ბლოკნოტი ლაიმის მარკერით
- Supahub — რბილი დღის სინათლე იასამნისფერ ქედზე. ძირითადად თეთრი, ჰაეროვანი ტილო, რომელიც განათებულია ერთი კაშკაშა იასამნისფერი მზით, დეკორატიული გრადიენტული სფეროებით, რომლებიც ფერს ნეგატიურ სივრცეში აფრქვევენ და მდიდრული მომრგვალებული გეომეტრიით, რომელიც თითოეულ ზედაპირს სასიამოვნო, ხელშესახებ სიმძიმეს სძენს.
- Raycast — შუაღამის სარდლობის ცენტრი, Coral Neon
- Dimension — შებინდებისას განათებული სამუშაო ადგილი მქრქალი მინის პანელებით
- Wiza — მინერალების შესწავლის ობსერვატორია შებინდებისას, ლავანდის ნისლში გახვეული.
- Paste — ქარვისფერი ფარანი თეთრ მარმარილოზე - ბრენდის თბილი გრადიენტის ლოგო ლივლივებს უზარმაზარ თეთრ სივრცეში, როგორც ერთადერთი განათებული ფანჯარა თოვლით დაფარულ შენობაში.
- Reworkd — პროდუქტის დიაგრამაზე რბილი დღის სინათლე ერთადერთი ფერია, რომელიც თავისთავად მეტყველებს, ეს არის მოქმედების ღილაკი და მის ზემოთ გრადიენტის სათაური.
- Reflect Notes — ვარსკვლავური იისფერი სივრცე ბნელი ობსერვატორიაა, სადაც ნოტები თანავარსკვლავედებივით ლივლივებენ თითქმის შავი ინდიგოს სიცარიელის ფონზე.
- Ameba — საკონტროლო ოთახი შუაღამისას - ელექტრო ლურჯი იმპულსი მქრქალი მინის პანელებში
- Todoist — მზიანი სამუშაო სივრცე ქაღალდის დღიურით - თბილი კრემისფერი მაგიდა, მელნისფერი ჩანაწერები, ერთი წითელი კალამი