Linear
შუაღამის ზუსტი ინსტრუმენტი
ხაზოვანი დიზაინის სისტემა წარმოადგენს ღამის სამეთაურო ცენტრს, რომელიც აგებულია თითქმის შავ ზედაპირებზე (#08090a), მკვეთრი თეთრი შრიფტით და ერთი ლაიმისფერ-მწვანე აქცენტით (#e4f222), რომელიც ფუნქციონირებს როგორც ფუნქციური ფანარი - პატარა, მაღალი კონტრასტით და იშვიათად გამოიყენება მოქმედებების აღსანიშნავად. ინტერფეისი სიბნელეს საფუძვლად მიიჩნევს და არა თემად: ტექსტი მკვეთრი თეთრია ასოებს შორის მცირე ინტერვალით (-0.022em), შრიფტის წონა 400–510 დიაპაზონშია და არა თამამი, ხოლო საზღვრები ულტრა თხელია (0.5 პიქსელი), რათა გეომეტრიამ შეასრულოს ის სამუშაო, რაც ჩვეულებრივ ჩრდილებს ასრულებენ. კომპონენტები ზუსტად არის შექმნილი - 6 პიქსელი და 12 პიქსელი რადიუსები, კომპაქტური 8–12 პიქსელიანი მინდვრები და დეკორატიული ელემენტების თითქმის სრული არარსებობა - რაც საშუალებას აძლევს პროდუქტის ინტერფეისს (დავალებების ბარათები, კანბანის დაფები, ხელოვნური ინტელექტის აგენტის პანელები) იყოს ერთადერთი ვიზუალური ტექსტურა სხვაგვარად მშვიდ სისტემაში.
განლაგების მაქსიმალური სიგანე დაახლოებით 1200 პიქსელია, ცენტრში, მუქი ფონით, რომელიც ხედვის ფანჯრის კიდეებამდე ვრცელდება. მთავარი ელემენტია დიდი სათაური, მარცხნივ გასწორებული (64–72 პიქსელი), მარჯვენა მხარეს გასწორებული მოწოდებით (CTA), რასაც მოჰყვება პროდუქტის დიდი ეკრანის ანაბეჭდი, რომელიც ოდნავ აღემატება მაქსიმალურ სიგანეს. სექციების რიტმი მონაცვლეობს ორსვეტიან კომპოზიციებს შორის, მარცხნივ ტექსტით და მარჯვნივ სურათით, და სრული სიგანის პროდუქტის ჩვენების ზოლებს შორის, რომლებიც გამოყოფილია 96 პიქსელიანი ვერტიკალური ღარებით. კლიენტის ლოგოთი გამოსახული ზოლი ერთი ჰორიზონტალური რიგია. გვერდი არასდროს იყენებს სამსვეტიან ბარათების ბადეებს ან ფილებით მოპირკეთებულ სტრუქტურებს - ინფორმაციის სიმჭიდროვე დაბალი რჩება, სექციების უმეტესობა იყენებს საკმარის თეთრ სივრცეს და ეკრანზე ერთ ფოკუსურ ელემენტს. ნავიგაცია არის ფიქსირებული ზედა ზოლი მარცხნივ გასწორებული ლოგოთი და მარჯვნივ გასწორებული ბმულებით, გვერდითი ზოლის ან მეგამენიუს გარეშე.
Linear-ის ვიზუალური ენა პროდუქტის ეკრანის ანაბეჭდებს ეფუძნება: დასაწყისში და სექციებში ილუსტრაციები Linear აპლიკაციის მომხმარებლის ინტერფეისის რეალური გამოსახულებებია, რომლებიც მაქსიმალურად დეტალურადაა აღბეჭდილი - დავალებების ბარათები, კანბანის დაფები, ხელოვნური ინტელექტის აგენტის დაფები, ბრძანებების პალიტრები - თხლად ჩარჩოებშია განთავსებული. არ არის საფონდო ფოტოები, ცხოვრების წესის სურათები, აბსტრაქტული ილუსტრაციები. ლოგოები ნაჩვენებია მომხმარებლებისთვის ერთიანი ზომის ნეიტრალური ნაცრისფერი ზოლის (#8a8f98) სახით. ხატულები არის მინიმალისტური ხაზოვანი SVG სურათები მონოქრომატული ნაცრისფერი გამით. გვერდის ზედა ნაწილში ეკრანის ანაბეჭდი დახვეწილ ხაზოვან გრადიენტზე (მუქიდან ღიამდე) მოძრაობს, რაც ქმნის ატმოსფერულ სიღრმეს რეალური პეიზაჟების გამოყენების გარეშე. თითოეული ვიზუალური ელემენტი თავად პროდუქტის ფუნქციური ელემენტია.
პალიტრა
ბრენდი
- Acid Lime
#e4f222— მთავარი საკონტროლო ღილაკები და აქტიური ნავიგაციის ინდიკატორები ნათელი აქცენტია, რომელიც არღვევს მონოქრომულ ფერთა სქემას.
ნეიტრალური
- Mist
#d0d6e0— მეორადი სათაურები, ღილაკის ტექსტი მუქ ზედაპირებზე - Void
#08090a— გვერდის ტილო, სრული სიგანის ფონის სურათი - სტანდარტულად, ყველა ელემენტი განთავსებულია ამ ფონზე. - Carbon
#0f1011— ბარათის ზედაპირები, ნავიგაციის ზოლები, ბარათებში კონტენტის განსათავსებლად ტილოზე ერთი საფეხურით მაღლა დგას. - Obsidian
#161718— ამაღლებული ზედაპირები, უფრო ღრმა მუყაოს პანელები - Graphite
#23252a— დახვეწილი საზღვრები, გამყოფები, ღილაკების დახვეწილი კონტურები - დაბალი კონტრასტის მქონე ტექსტურირებული კიდეები - Smoke
#383b3f— თხელ საზღვრებს უფრო მაღალი კონტრასტი აქვთ, ვიდრე გრაფიტის სექციის გამყოფებს.
ტიპოგრაფია
13-დან 72 პიქსელამდე · 8 ნაბიჯი
- Inter Variable — ჩანაცვლება: Inter (variable) · კონტურები 300, 400, 510, 590 · ძირითადი ინტერფეისი და სათაურის შრიფტი - გამოიყენება ნავიგაციაში, ძირითად ტექსტში, სათაურებში, ღილაკებსა და ბარათებში.
- Berkeley Mono — ჩანაცვლება: JetBrains Mono · კონტურები 400 · კოდის მიმდებარე ინტერფეისის ტექსტი - გამოშვების იდენტიფიკატორები (ENG-2703), კლავიატურის მალსახმობები, მონოსივრცული შრიფტის მეტამონაცემები
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | ფართო |
| ძირითადი ნაბიჯი | 8px |
| ღილაკის რადიუსი | 6px |
| ბარათის რადიუსი | 12px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 96px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Linear სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Aaru — ნაწილაკების ველის ობსერვატორია შუაღამისას
- Atlas Card — შუაღამის სარდაფი, თავისი ერთადერთი საფირონის სხივით, კუპრივით ბნელი სივრცეა, სადაც ერთადერთი, რაც მნიშვნელოვანია, მუქი ელექტრო ლურჯია.
- Checkly — ღრმა ორბიტის მისიის კონტროლის ცენტრი
- Savee — შავი ტილო ვიზუალური კურატორებისთვის
- Inngest — ბნელი, წყნარი ობსერვატორია, აღჭურვილი ინსტრუმენტებთან მუშაობისთვის, განათებული ერთი ქარვისფერი საპილოტე ნათურით.
- Dala — შავ ხავერდზე მოტივტივე თანავარსკვლავედი
- Origin Financial — შუაღამის გალერეა მშვიდი ფუფუნებით. წყნარი, თითქმის ბნელი ოთახი, სადაც დიდი სერიფული შრიფტები და რამდენიმე განათებული ფერადი პანელი ქმნის განცდას, რომ ფინანსები ხელოვნების საგულდაგულოდ შერჩეული ნიმუშია.
- Hyperstudio — დიზაინი ობსიდიანშია ამოტვიფრული. ტექსტი და წვრილი ხაზები სუფთა შავი ფერის თეთრ სივრცეს აკრავს, ზოგჯერ ოქროსფერი კომპასის ნიშნებით, რომლებიც გზას მიუთითებს.
- Air — ქანდაკება "შუაღამის ცა მინის გავლით"
- Resend — შავი ხავერდი იისფერი ნეონის ფერით
- Raycast — შუაღამის სარდლობის ცენტრი, Coral Neon
- Dimension — შებინდებისას განათებული სამუშაო ადგილი მქრქალი მინის პანელებით