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

Medium

კრემისფერი თეთრი გაზეთი ოქროს საათში

მედია ფუნქციონირებს როგორც ლიტერატურული საკითხავი ოთახი, რომელიც ინტერნეტში გადატანილია: თბილი, კრემისფერი ფონი (#f7f4ed) ცვლის SaaS-ისთვის დამახასიათებელ სტერილურ თეთრს, რაც გრძელ ტექსტებს დაბეჭდილი გვერდის შეგრძნებას ანიჭებს. ვიზუალური სისტემა აგრესიულად მონოქრომულია - თითქმის ყველა ინტერფეისის ზედაპირი, ტექსტი და საზღვრები თბილი ნაცრისფერი ფერების ვიწრო ზოლშია #242424-დან #6b6b6b-მდე - ამიტომ მკითხველის ყურადღება მთლიანად კონტენტზეა კონცენტრირებული. ერთადერთი დამახასიათებელი ჟესტი არის serif სათაური (GT Super, 120 პიქსელი, წონა 400, ასოებს შორის ინტერვალი -0.055em), განზრახ ანტიტრენდი არჩევანი: გარდამავალი წიგნის serif შრიფტი, რომელიც ძლივს შესამჩნევია თამამი გეომეტრიული sans-serif-ის ნაცვლად, მიანიშნებს: „ჩვენ წიგნებს ვაქვეყნებთ და არა პროგრამულ უზრუნველყოფას“. ღილაკები თითქმის შავი ფერის სრული „აბებია“ - ერთადერთი მყარი მელანი გვერდზე.

მთავარ გვერდზე ორი სვეტია: მარცხენა მხარე გვერდის სივრცის დაახლოებით 55%-ს იკავებს, სათაურით, ქვეტექსტით და მოქმედებისკენ მოწოდებით ვერტიკალურად განლაგებული დიდი შიდა დაშორებით; მარჯვენა მხარე გვერდის სივრცის დაახლოებით 45%-ს იკავებს, ილუსტრაციების პანელით. მარცხენა სვეტი მარცხნივ გასწორებულია (არა ცენტრში), რაც გვერდს კითხვის ღერძთან აკავშირებს. მთავარი გვერდის ქვემოთ, გვერდი წარმოადგენს ერთ, სრული სიგანის, კრემისფერი ზოლს, რომლის ქვედა ნაწილში ცენტრირებული ბმულებია. მთავარ გვერდზე არ არის ბარათების ბადეები, ფუნქციების სექციები ან მონაცვლეობითი ზოლები - მთავარი გვერდი არის გვერდი. შინაარსის სიმჭიდროვე განზრახ დაბალია: ერთი სათაური, ერთი წინადადება, ერთი ღილაკი, ერთი სურათი. გვერდი არის გარეკანი და არა დაფა.

ილუსტრაციები რედაქციული და ეპიზოდურია და არა სისტემატური. მთავარ გვერდზე წარმოდგენილია ხელით დახატული ერთი ილუსტრაცია (მწვანე ყვავილი, გეომეტრიული ხელი, თანავარსკვლავედის ხაზები) თავისუფალი, ოდნავ გულუბრყვილო სტილით. ილუსტრაციები ჰგავს სეზონურად ცვალებად შეკვეთილ ნამუშევრებს და არა მუდმივ ბიბლიოთეკაში არსებულ ნამუშევრებს. მთავარ გვერდზე არ არის ფოტოები. მთავარ გვერდზე არ არის ხატები - მთელი სამუშაო შესრულებულია ტექსტის ლოგოსა და ტექსტის მეშვეობით. ვიზუალური ენა ძირითადად ტექსტზეა ორიენტირებული, ილუსტრაციები კი პუნქტუაციის ნიშნებს წარმოადგენს.

პალიტრა

ნეიტრალური

  • Newsprint Cream #f7f4ed — გვერდის ტილო, მთავარი ფანჯრის ფონი და სექციის ფონი თბილი, ოდნავ კრემისფერია, რაც ციფრულის ნაცვლად დაბეჭდილი ინტერფეისის შეგრძნებას ქმნის.
  • Paper White #ffffff — ბარათის ზედაპირები, ამობურცული პანელები, ფორმების შეყვანის ველები და ნებისმიერი ზედაპირი, რომელიც კრემისფერი ტილოსგან გამოყოფას საჭიროებს.
  • Ink #242424 — ძირითადი ტექსტი, ძირითადი ტექსტი, ბმულები, სათაურები - ოდნავ უფრო თბილია, ვიდრე სუფთა შავი, კარგად გამოიყურება კრემისფერ ფონზე.
  • Body Gray #333333 — ტექსტის მეორადი ფერი და წინა პლანის ნაგულისხმევი ფერი გამოიყენება იმ შემთხვევაში, თუ საჭიროა მელნის ფერზე ოდნავ უფრო ღია ფერი კონტრასტის დაკარგვის გარეშე.
  • Button Black #191919 — ნეიტრალური ფერი მხარდაჭერილია მეორადი ინტერფეისის ელემენტებისთვის, გამყოფებისთვის და მდუმარე ეტიკეტებისთვის. ის არ უნდა იქნას გამოყენებული, როგორც ძირითადი ფერი მოქმედებისკენ მოწოდებებისთვის.
  • Marginalia Gray #6b6b6b — ნეიტრალური ფერის მხარდაჭერა მეორადი ინტერფეისისთვის, გამყოფებისთვის და მდუმარე ეტიკეტებისთვის.

ტიპოგრაფია

13-დან 120 პიქსელამდე · 5 ნაბიჯი

  • medium-content-sans-serif-font — ჩანაცვლება: Inter · კონტურები 400 · medium-content-sans-serif შრიფტი - ნაპოვნია ამოღებულ მონაცემებში, მაგრამ არ არის აღწერილი ხელოვნური ინტელექტის მიერ.
  • GT Super — ჩანაცვლება: Playfair Display · კონტურები 400 · სათაურები და ძირითადი ტექსტი დამზადებულია გარდამავალი წიგნის სერიფის შრიფტით, უკიდურესი მასშტაბით, ასოების მცირე ინტერვალით და 0.83 ინტერვალით სტრიქონებს შორის. 120 პიქსელზე 400 წონის (არა გამუქებული) არჩევა დამახასიათებელი მახასიათებელია: საქმეს ასოების ფორმები აკეთებს და არა სისქე. ასოების უარყოფითი ინტერვალი ამცირებს ოპტიკურ ხარვეზებს, რაც „ადამიანურ ისტორიებსა და იდეებს“ ერთიან ტიპოგრაფიულ ბლოკად აქცევს.
  • Söhne — ჩანაცვლება: Inter · კონტურები 400 · UI sans-serif შრიფტი გამოიყენება ნავიგაციისთვის, ღილაკებისთვის, ქვესათაურებისა და პატარა სათაურებისთვის. 13–14 პიქსელიანი დიაპაზონი განკუთვნილია ნავიგაციის ეტიკეტებისა და ღილაკებისთვის; 20–22 პიქსელი - ქვესათაურებისა და სათაურში არსებული მეორადი ტექსტისთვის. ჰუმანისტური პროპორციებით სუფთა sans-serif შრიფტი იკითხება პატარა ზომებში და შეუმჩნეველია დიდი ზომის შემთხვევაში.

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

მიზანიმნიშვნელობა
სიმჭიდროვესაშუალო
ძირითადი ნაბიჯი16-24px
ღილაკის რადიუსი9999px
ბარათის რადიუსი0px
ჩრდილებისაზღვრების გარეშე ჩრდილების ნაცვლად
სექციებს შორის64px
გვერდის სიგანე1200px

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

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

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

  • Steep — სერიფ შრიფტების ანალიზი თბილ ქაღალდზე
  • Newformcap — სარედაქციო გაზეთი გასახდელში
  • Claude — თბილ პერგამენტზე დაბეჭდილი არტეფაქტი - მელანი ძვლის ქაღალდზე, თიხა კი ფერის ერთადერთი სუნთქვაა
  • 11x– Digital workers — კინემატოგრაფიული სარედაქციო უდაბნო - ლანდშაფტის პანორამული ფოტოები მონუმენტური, სერიული სათაურების ფონზე, რომლებიც ფუფუნების ჟურნალის გვერდს ჰგავს.
  • Revolut — მონოქრომული სარედაქციო ნამუშევარი, რომელიც ღრუბლების ფოტოსურათზეა დაფუძნებული - თეთრი მელანი, აბების ყუთის ღილაკები, ფერის ერთი ლურჯი ზოლი სხვაგვარად ნაცრისფერი ტონების სამყაროში.
  • Scheduling — სარედაქციო მელანი კრემისფერ ქაღალდზე
  • Titan — თბილი ტონების მონოქრომული არქივი
  • Programa — შვეიცარიული დიზაინის სტუდია შუადღისას. თეთრი გალერეის კედელი ერთი ყვითელი მაგიდის ნათურით არის განათებული - ყველაფერი ნაცრისფერ ტონებშია გადაწყვეტილი მანამ, სანამ ღილაკი, ხატულა ან აქცენტი ყურადღებას არ მიიპყრობს და შემდეგ ეს ერთი ყვითელი აქცენტი მთელ ოთახს განსაზღვრავს.
  • Sana Agents — ლაიმის ნაპერწკალი თეთრ ფონზე, სარედაქციო სტატიაში
  • Visual — თბილი სარედაქციო სამიზდატი. კრემისფერი ქაღალდი, სერიფის პლაკატები, მონოქრომული მარგინალები, ერთი ყვითელი მარკერი.
  • Midday — სარედაქციო ბროშურა პერგამენტზე - 72 პიქსელიანი სერიფის სათაური თბილ ქვის ფონზე, sans-serif ტექსტი დაშორებით, აბის ფორმის კონტროლი, ჩრდილების გარეშე.
  • Chat for impact — ტყის მწვანე კლინიკა პასტელის ფერებში შეღებილი ოთახებით