Telegram, WhatsApp  +380637610482
ვალერი დანიუკი
ვალერი დანიუკიდეველოპერიბიზნესებისთვის ხელოვნური ინტელექტის ინსტრუმენტების შემუშავება. მაღალი ხარისხი. ხელმისაწვდომი ფასი.Telegram-ში მოწერა
Letters — ამ სტილის საიტის გადახედვა

Letters

დილის ვიზიტი ღია ცის ქვეშ მდებარე კლინიკაში — სტერილური თეთრი მაგიდა რბილი ლურჯი ჭერის ქვეშ, რომელიც ქირურგიული ლურჯი ინსტრუმენტებით იყო მოფენილი.

Letters არის სამედიცინო წერილების წერის ინსტრუმენტი, რომელიც იწყება გრადიენტული ღია ცის სათაურით - რბილი, ატმოსფერული ლურჯი ზოლით, რომელიც ქმნის მშვიდ, კლინიკურ ატმოსფეროს - სანამ სუფთა თეთრ სამუშაო სივრცეზე გადავა. სისტემა შექმნილია მონოქრომული სტილით: სუფთა თეთრი ტილო, თითქმის შავი ტექსტი (#070709), მუქი აბების ფორმის მოწოდებები მოქმედებისკენ და მომრგვალებული ბარათები, რომლებიც ყველაზე დახვეწილ ჩრდილებზე ტივტივებენ. ერთი კაშკაშა ლურჯი (#2597d0) განკუთვნილია ფუნქციური პუნქტუაციისთვის - ხატულები, მიკროგრაფიკა, ტალღის ფორმის პლეერები - არასდროს გამოიყენება ღილაკებისთვის ან დიდი შევსებისთვის. ტიპოგრაფია იყენებს Open Runde-ს, გეომეტრიულ ჰუმანისტურ სანსერიფს აგრესიული უარყოფითი ასოებით დაშორებით უფრო დიდი ეკრანის ზომებზე (-0.04em 80px-ზე), რომელიც სათაურებს იკუმშებს თავდაჯერებულ ბლოკებად. კომპონენტები მსუბუქია, როგორც სამედიცინო ინსტრუმენტი: თხელი ჩარჩოები, დიდი ბარათების დაშორება, აბების ფორმის ღილაკები და ამაღლების დისკრეტული გამოყენება, რაც ცის ფორმის სათაურს საშუალებას აძლევს ემოციური სამუშაო შეასრულოს.

გვერდის მთელ სიგანეზე ცისფერ-ლურჯი გრადიენტის მქონე მთავარი გვერდია განთავსებული, ცენტრში განთავსებული სათაურითა და ქვეტექსტით, ხოლო ქვემოთ მოყვანილია მოქმედებისკენ მოწოდების ღილაკი. ის შეუფერხებლად გადადის თეთრ კონტენტის არეალში სექციებს შორის დიდი დაშორებით (80-120 პიქსელი). სტატიის სექციები იყენებს დიდი, მომრგვალებული ბარათების (18-32 პიქსელის რადიუსით) ორსვეტიან ბადეს თანაბარი პროპორციებით. სექციის სათაურები ყოველთვის ცენტრშია, ერთ სვეტში, ბარათების ბადის ზემოთ. ნავიგაცია არის ფიქსირებული თეთრი ზედა ზოლი ბმულების ცენტრირებული კლასტერითა და მარჯვნივ გასწორებული შესვლის მოქმედებებით. საერთო რიტმი არის ერთი, ატმოსფერული მთავარი ზოლი, შემდეგ მონაცვლეობით თეთრი და #f5f5f5 სექციები თანმიმდევრული ვერტიკალური „მშრალი“ სივრცით. არ არის გვერდითი ზოლი, მეგამენიუ, ასიმეტრიული განლაგება - გვერდი მშვიდი, სიმეტრიული სვეტის შთაბეჭდილებას ტოვებს.

ვიზუალური დიზაინი თითქმის მთლიანად პროდუქტის მომხმარებლის ინტერფეისზეა ორიენტირებული - არ არის ცხოვრების წესის ფოტოები, არც აბსტრაქტული 3D რენდერები. ვიზუალური ენა აგებულია პროდუქტის ბარათებზე, რომლებიც წარმოაჩენენ აპლიკაციის მშობლიურ ინტერფეისს: დოკუმენტების „ადრე“ და „შემდეგ“ შედარება, წერტილოვანი საზღვრით ჩატვირთვის არე და ტალღური ფორმის აუდიო პლეერი. ერთადერთი ატმოსფერული ვიზუალური ელემენტია ცის გრადიენტი მთავარ სურათზე. ხატულები არის ბრტყელი, ერთფეროვანი #2597d0 ხაზის ხატულები (კონვერტი, მიკროფონი, მონიშვნის ნიშანი) ერთგვაროვანი ხაზის სისქით, შევსებული ვარიაციების გარეშე. ილუსტრაციის სტილი თავშეკავებულია: პროდუქტის მაკეტები ნაჩვენებია თეთრ ფონზე, ოდნავ შემობრუნებულია სიღრმის შესაქმნელად, არასდროს არის მკვეთრად დახრილი. ხელნაწერი შრიფტი (The Doctor) არის ერთადერთი ორგანული/ხელნაკეთი ელემენტი, რომელიც გამოიყენება მხოლოდ „ადრე“ ბარათზე კლინიკური ხელწერის აღსაწერად.

პალიტრა

ბრენდი

  • Surgical Blue #2597d0 — ხატულები, მიკროფონის ხატულა, ხმის ტალღების პლეერი და მცირე ფუნქციური აქცენტები ქმნის ერთ ქრომატულ ნოტს მთელ ინტერფეისში.

ნეიტრალური

  • Obsidian #070709 — ძირითადი ტექსტი, შევსებული მოწოდების ღილაკები და მუქი ინტერფეისის ელემენტები — თითქმის შავი ფერი არჩეულია #000-ის ნაცვლად, რათა თეთრ ფონზე კონტრასტი შეარბილოს.
  • Paper White #ffffff — გვერდის ფონი, ბარათის ზედაპირი და ღილაკის ტექსტი მთავარი ელემენტის ქვემოთ არსებული ყველა სექციის მთავარ ტილოს წარმოადგენს.
  • Cloud Gray #f5f5f5 — დამატებითი ბარათის ზედაპირები და სექციის ფონი ფუნქციურ ბლოკებს მთავარი ტილოსგან გამოყოფს.
  • Sky Tint #d7e6f5 — მუყაოს ჩარჩოს ჩრდილი და ზედაპირის ძლივს შესამჩნევი ლურჯი ტონი ქმნის ატმოსფეროს შეგრძნებას, ვიდრე ნაცრისფერი.
  • Charcoal #60606c — ძირითადი ტექსტი, მეორადი ტექსტი და მდუმარე საზღვრები - დომინანტური ნეიტრალური ფერი არასათაურო შინაარსისთვის.
  • Slate #8b8b8b — მცირე ტექსტი და არააქტიური სასაზღვრო მდგომარეობები - გამოიყენება მდებარეობის აღსანიშნავად და შეზღუდული შესაძლებლობის მქონე პირებისთვის ხელმისაწვდომობის უზრუნველსაყოფად.

ტიპოგრაფია

12-დან 80 პიქსელამდე · 8 ნაბიჯი

  • sans-serif — ჩანაცვლება: Inter · კონტურები 400, 700 · sans-serif - გვხვდება ამოღებულ მონაცემებში, მაგრამ არ არის აღწერილი ხელოვნური ინტელექტის მიერ.
  • Open Runde — ჩანაცვლება: Inter Tight · კონტურები 400, 500, 600, 700, 900 · სათაურებისა და ნავიგაციისთვის ძირითადი შრიფტი გეომეტრიული ჰუმანისტურია, დიდი ზომის შემთხვევაში ასოებს შორის მცირე დაშორებით; -0.04em 80 პიქსელზე სათაურს ერთ, თავდაჯერებულ ბლოკად იკუმშებს. გამოიყენეთ ყველა სათაურისთვის, ნავიგაციისთვის და დიდი ზომის ტექსტისთვის.
  • Inter — ჩანაცვლება: system-ui · კონტურები 400, 500 · მეორადი ტექსტი და ინტერფეისის ტექსტი – გამოიყენება მცირე სათაურებისთვის, ნავიგაციის ელემენტებისთვის და ხაზში ჩასმული ბმულებისთვის, სადაც სასურველია უფრო ნეიტრალური კითხვის რიტმი. იერარქიული კონტრასტის შესაქმნელად წყვილდება Open Runde-თან.

ინტერვალები და ფორმა

მიზანიმნიშვნელობა
სიმჭიდროვემკვრივი
ძირითადი ნაბიჯი12-16px
ღილაკის რადიუსი100px
ბარათის რადიუსი18px
ჩრდილებისაზღვრების გარეშე ჩრდილების ნაცვლად
სექციებს შორის80-120px
გვერდის სიგანე1200px

ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Letters სტილში და შეავსებს მას

  • შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
  • გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
  • თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
  • სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.

მსგავსი სტილები

  • Integrated Biosciences — ბიოლუმინესცენციის ლაბორატორია შუაღამისას
  • Mintlify — ღრუბლების ბაღი შუშის მაგიდის ზემოთ. ხელით დახატული ცა და დოკუმენტური ფილმი ერთად არის ჩასმული - ერთადერთი ადგილი, სადაც ფერი და კონცეფცია ერთმანეთს ეჯახება, სანამ გვერდი მონასტერულ თეთრში გადაიქცევა.
  • Gleap — გრაფიტის აქცენტებით თბილი კრემისფერი ტონებით გაფორმებული სამუშაო სივრცე - სტუდია, სადაც თეთრეულის არქიტექტურის ზემოთ მქრქალი შავი მელნის წერტილები თითქოს ლივლივებს.
  • Render — დიზაინი დამზადებულია გაპრიალებულ ალუმინზე. ინტერფეისი სუფთა, გეომეტრიული საინჟინრო დოკუმენტის შთაბეჭდილებას ტოვებს - თეთრი სივრცე, თხელი ხაზები და ერთი იისფერი ხაზი, რომელიც ყურადღებას მოქმედებაზე ამახვილებს.
  • Grafbase — საინჟინრო ნახატი ცივ მარმარილოზე
  • Slash — შუაღამის სარდაფი მოოქროვილი საწიგნეებით
  • Modal — ფოსფორესცენტული ტერმინალი ჩაბნელებულ სერვერების ოთახში - სინათლის ერთადერთი წყარო კაშკაშა მწვანე ფერია
  • Whimsical — მდიდარი ქლიავის მელანი ლავანდის ფონზე - კრეატიული სტუდიური რვეული, რომელიც ტექნიკური დაფის ფუნქციასაც ასრულებს.
  • AgentQL — ჩრდილოეთის ნათება ტერმინალის თავზე ღამით
  • Alveos One — მდინარის ქვებისგან დამზადებული მყუდრო თავშესაფარი - წყნარი, კრემისებურად განათებული მედიტაციის ოთახი, სადაც ერთი გრაფიტის ობიექტი რბილი ქარვისფერი ნათებით განისვენებს.
  • GitHub — კოსმოსური სარდლობის პანელი ბიოლუმინესცენტური საკონტროლო წერტილებით — ბნელი, ატმოსფერული სამუშაო სივრცე, სადაც ერთი მწვანე ნათება წინსვლის გზას მიუთითებს.
  • Buddy — საინჟინრო ნახატი გრაფიკულ ქაღალდზე. თეთრი ნახატის ზედაპირი მონიშნულია ძლივს შესამჩნევი ბადით, რომელიც გამოყენებულია თითქმის შავი მელნით, ფლუორესცენტური კირისფერ-მწვანე ნიშნებითა და ცისარტყელასფერი გრადიენტული შტრიხებით.