
Seline Analytics
მშვიდი ანალიტიკური მაგიდა თბილ ქაღალდზე
სელინი განთავსებულია თბილ ქვის ფონზე (#fafaf9) ერთი ნათელი ლურჯი აქცენტით - ყველა სხვა ფერი ნეიტრალურია და აღებულია Tailwind ქვის ფერთა პალიტრიდან. სათაურები წარმოდგენილია სპეციალურად შექმნილი გეომეტრიული sans-serif შრიფტით (roobert), რომლის წონაა 400 და ასოებს შორის ვიწრო უარყოფითი ინტერვალი, რაც ტექსტს ანიჭებს მოდუნებულ, თითქმის ჩურჩულის მსგავს თავდაჯერებულობას, რომელიც კონტრასტშია ტიპიური ხმამაღალი SaaS სტილისგან. ინტერფეისის ზედაპირები წარმოადგენს ბრტყელ თეთრ ბარათებს, რომლებიც თბილ ფონს ზემოთ ტივტივებენ ერთი, რბილი, 16 პიქსელიანი დაბინდვით; საზღვრები შექმნილია თხელი, 1 პიქსელიანი ქვის ტონალობის ხაზებით, რომლებიც უხვად გამოიყენება როგორც ძირითადი სტრუქტურული ელემენტი მძიმე გამყოფების ან პანელების ნაცვლად. განლაგება სუნთქავს: სრული სიგანის კონტენტი, რომელიც ორიენტირებულია დიდ ვერტიკალურ რიტმზე, აბების ფორმის ინტერაქტიული კონტროლით, პიროვნებისთვის თილისმის ილუსტრაციით და პროდუქტის დასამტკიცებლად დაფის ეკრანის ანაბეჭდებით. საერთო შთაბეჭდილება რედაქციულად ანალიტიკურია: მშვიდი, მონოქრომული, თავდაჯერებული, ლურჯი მოწოდება გვერდზე ყველაზე თვალშისაცემი ელემენტია ყველაფრის განზრახ თავშეკავების წყალობით.
გვერდი მაქსიმალური სიგანისაა, ცენტრში დაახლოებით 1200 პიქსელია და დიდი რაოდენობით ვერტიკალური სივრცე აქვს. მთავარი გმირი არის ორსტრიქონიანი, მარცხნივ გასწორებული ტექსტის ბლოკი ერთი, ლურჯად მონიშნული ფრაზით („მარტივი და ეფექტური“), შემდეგ მოჰყვება რიგი ორი მოწოდებით მოქმედებისკენ (ლურჯი აბი + მოჩვენება აბი), შემდეგ პარტნიორების ლოგოების რიგი ნაცრისფერი ტონებით, შემდეგ სანდოობის რეიტინგების რიგი და შემდეგ სრული სიგანის მცურავი დაფის გადახედვა, რომელიც ოდნავ გადაფარავს შემდეგ სექციას. ნაკეცის ქვემოთ მოცემულია რეკომენდაციების მონაცვლეობითი რიგები ერთსვეტიან ბადეზე, რასაც მოჰყვება სრული სიგანის სექციები ფუნქციების აღწერილობით, მარცხნივ გასწორებული ტექსტით და ცენტრში განთავსებული პროდუქტის ვიზუალით. ნავიგაცია არის მინიმალისტური ზედა ზოლი - ლოგო მარცხნივ, ცენტრირებული ნავიგაციის ბმულები, შესვლა + ლურჯი მოწოდება მოქმედებისკენ მარჯვნივ - ნავიგაციის შუაში მცურავი ავატარების კლასტერით, რომელიც პირადობის დამადასტურებელ ფუნქციას ასრულებს. სექციებს შორის სივრცეები ფართოა (96 პიქსელი), რათა შეიქმნას რედაქციული რიტმი ინფორმაციის მკვრივი არეულობის ნაცვლად.
ვიზუალურ ენაში დომინირებს პროდუქტის მომხმარებლის ინტერფეისის ეკრანის ანაბეჭდები - დაფის გადახედვა არის ნაცრისფერი (1) (0.94) კონტრასტული ფილტრით გადაღებული ფოტოსურათი, რომელიც მონაცემების ფერებს მონოქრომულ ელფერამდე ამშვიდებს. ერთადერთი ადამიანის ფიგურა არის ხაზოვანი თილისმის სტიკერი (კაპიუშონიანი პერსონაჟი), დახატული SVG სტილში მხოლოდ კონტურებით, განთავსებულია ერთხელ თითო სექციაში, როგორც ანალიტიკური შინაარსის სათამაშო კონტრაპუნქტი, რბილი ჩრდილით, რათა შეიქმნას სიღრმისეული სტიკერის მსგავსი ეფექტი. ბრენდის ლოგო და გლიფები არის პატარა შავი ნაპერწკლები/ალი. არ არის ფოტოები - არც ცხოვრების წესის კადრები, არც გუნდის ფოტოები, არც გარემოსდაცვითი სურათები. ობიექტი (დაფა) არის მთავარი გმირი. ყველა დეკორატიული ხატულა არის 1 პიქსელიანი კონტურის სტილით #0c0a09 ან #3ba6f1, არასდროს შევსებული.
პალიტრა
ბრენდი
- Cyan Signal
#3ba6f1— მთავარი მოწოდება მოქმედებისკენ, აქტიური ბმულები და ბრენდის ხატულების მონახაზი გვერდზე ერთადერთი ფერადი აქცენტებია, რომლებიც იშვიათად გამოიყენება მოქმედებაზე ყურადღების მისაქცევად. - Cyan Edge
#3398e1— ლურჯი ფერი გამოიყენება მოქმედების კონტურების, ბმულების იარლიყების და ინტერაქტიული ელემენტების გამოსაყოფად. ის არ უნდა იქნას გამოყენებული მოქმედებისკენ მოწოდებების ძირითად ფერად.
ნეიტრალური
- Ink Black
#0c0a09— მთავარი სათაურები, მონიშნული ძირითადი ტექსტი და ექსპრესიული ხატულები თბილ, თითქმის შავ ფერშია გადაწყვეტილი. - Stone Canvas
#fafaf9— გვერდის ფონი თბილი, კრემისფერია, რომელიც ეკრანის თეთრი ფერის ნაცვლად ქაღალდის შთაბეჭდილებას ტოვებს. - Pure White
#ffffff— რუკის ზედაპირები, გამოწეული პანელები და შეყვანის ველების შევსება სტანდარტულად ბრტყელი და ჩრდილის გარეშეა. - Stone Border
#e8e6e5— ბარათებზე, ნავიგაციასა და შეყვანის ველებზე თხელი ჩარჩოები ძირითადი სტრუქტურული ელემენტია და არა გამყოფები. - Stone Muted
#d6d3d1— დამატებითი ჩარჩოები, დახვეწილი ფონის ჩრდილები, დეკორატიული გამყოფები. - Ash Gray
#a8a29e— დახმარების ტექსტი, ხატულების კონტურები, გამორთული მდგომარეობები - იკითხება, მაგრამ არააქტიურია.
ტიპოგრაფია
10-დან 52 პიქსელამდე · 5 ნაბიჯი
- Roobert — ჩანაცვლება: Inter Tight or Satoshi · კონტურები 400, 500 · სათაურებისა და ტექსტის განლაგების შრიფტი უნიკალური გეომეტრიული sans-serif-ია, მინიმალური უარყოფითი ასოების ინტერვალით (-0.025em 32 პიქსელზე, -0.021em 52 პიქსელზე). 400 x 52 პიქსელის წონა შრიფტის დამახასიათებელი ნიშანია: არატრადიციული, დახვეწილი, მაგრამ ავტორიტეტული და ამავდროულად თავშეკავებული. სათაურები თავის ადგილს იკავებს ზედმეტი ძალის გარეშე.
- Inter — ჩანაცვლება: Inter · კონტურები 400, 500, 600 · ძირითადი ტექსტის, ნავიგაციის, ინტერფეისის და სათაურების ძირითადი შრიფტი არის ნეიტრალური, უნივერსალური შრიფტი ეკრანს მიღმა არსებული ყველა ტექსტისთვის. ძირითადი ტექსტის დომინანტური ზომაა 14 პიქსელი 400 წონით და 1.64 სტრიქონებს შორის ინტერვალით (სიხშირე 1174). მცირე ზომის შემთხვევაში, ასოებს შორის დადებითი ინტერვალი (0.004 ემ) უზრუნველყოფს მკვრივი ინტერფეისის წაკითხვადობას.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | ფართო |
| ძირითადი ნაბიჯი | 8px |
| ღილაკის რადიუსი | 9999px |
| ბარათის რადიუსი | 10px |
| ჩრდილები | რბილი ჩრდილები |
| სექციებს შორის | 96px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Seline Analytics სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- ElevenLabs — ფოტოესე თბილ კრემისფერ ტონებში, დახვეწილი სათაურებით. ბაუჰაუსის სტილის ბლოკნოტი - კვერცხის ნაჭუჭისფერი ქაღალდი, შავი მელანი და ერთი იისფერი და ნარინჯისფერი აქცენტი პროდუქტის საჩვენებლად.
- Awesomic — სარედაქციო თუთიის ბადე ნარინჯისფერი პუნქტუაციის ნიშნებით, რომლებიც კონფეტის მოგვაგონებს
- Monad — სარედაქციო ტექნიკური ჟურნალი თბილ პერგამენტზე
- Dub — Link-ის მქრქალი ბრინჯის ქაღალდის მართვის პანელი
- Notion — თბილი ქაღალდის რვეული შუადღის მზეზე
- Anthropic — სამეცნიერო დარგობრივი ჟურნალი თბილ პერგამენტზე - მშვიდი სპილოს ძვლისფერი ზედაპირები, სერიფიცირებული სარედაქციო სათაურები და ერთი თიხის აქცენტი, რომელიც მხოლოდ მაშინ ჩნდება, როდესაც მოქმედებაა საჭირო.
- Calendly — მუქი ლურჯი მელანი ცივ მარმარილოზე
- Augen Pro — Apple-ის თეთრი პრეზენტაცია მონოქრომულ სივრცეში ერთადერთ აქცენტად კლინიკურ, უწონო, ელექტრო ლურჯ ფერს წარმოადგენს.
- Antimetal — სარედაქციო ქრონიკა კრემისფერ ფურცელზე - მშვიდი დილა სამეცნიერო ჟურნალში, სადაც თავშეკავება თავდაჯერებულობას გამოხატავს და სერიფები მძიმე საქმეს აკეთებენ.
- Perk — ელექტრო ლაიმი თბილ პერგამენტის ქაღალდზე
- Ditto — მზით განათებული სახელოსნო, სადაც ველური ყვავილების ნიმუშები იქმნება. თბილი კრემისფერი ზედაპირები, ნათელი ყვითელი საბაზისო ფერი, მუქი ლურჯი მელანი, ნამუშევრის უკან ორგანული ფერის ფორმები ყვავის.
- Officevibe — სარედაქციო ჟურნალი თბილ კრემისფერ ქაღალდზე. წარმოიდგინეთ ადამიანური რესურსების მენეჯმენტის შესახებ გააზრებული ესე, წარმოდგენილი როგორც პროდუქტი - დახრილი სერიფული შრიფტი, რომელიც ჩურჩულებს თანამედროვე ლურჯ ინტერფეისში.