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

Steep

სერიფ შრიფტების ანალიზი თბილ ქაღალდზე

Steep-ი ანალიტიკას სარედაქციო კონტენტის სახით წარმოადგენს — Signifier serif-ის სათაურები თითქმის მონოქრომულ თეთრ ტილოს ზემოთ ტრიალებს, ხოლო ერთი თბილი ატმისფერი აქცენტი (#fbe1d1) ხაზს უსვამს სხვაგვარად აქრომატულ სისტემას. გვერდი პროდუქტის ჟურნალის განლაგებას ჰგავს: დიდი, დახრილი შრიფტი, საკმარისი ტექსტური სივრცე, დიდი ბარათები რბილი 24 პიქსელის რადიუსის კიდეებით და აბის ფორმის კონტროლი ზედაპირთან ერთმანეთშია გადახლართული. კომპონენტები მშვიდი და უწონოა — ჩრდილები დახვეწილია, საზღვრები თხელია და ფერი გამოიყენება ფუნქციური აქცენტისთვის (ატმისფერი შრიფტი, მუქი ყავისფერი ასოები ატმისფერ ფონზე). პროდუქტის ზედაპირები (რეგიონის ცხრილები, აქტივაციის დიაგრამები, ხელოვნური ინტელექტის შემქმნელები) წარმოდგენილია სათაურის გარშემო მცურავი ელემენტების სახით და არა დაფის გარსში ჩადგმული.

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

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

პალიტრა

ნეიტრალური

  • Ink Black #17191c — სისტემაში ერთადერთი მუქი ზედაპირებია მთავარი ტექსტი, შევსებული ღილაკის ფონი და ნავიგაციის ლოგო; მთავარ ტექსტში ყველა მოწოდება და სათაური ამ თითქმის შავ ფონზე ჩნდება.
  • Paper White #ffffff — გვერდის ტილო, ღილაკების ტექსტი და რელიეფური ბარათის ზედაპირები დომინანტური ფონის ტონია, რომელიც დაახლოებით 76 სიხშირის წერტილს მოიცავს.
  • Mist Gray #f2f2f3 — ბარათის ზედაპირები, დამატებითი ფონი, შეყვანის ველის შევსება - ქაღალდის ქვეშ უხილავი ფენა ჩაშენებული კონტენტისთვის.
  • Fog White #fafafb — დამატებითი გვერდის ფონი სექციებისა და ზედაპირების მონაცვლეობისთვის, როდესაც მაუსი გადაიტანეთ - ქაღალდზე ერთი საფეხურით მაღლა, რათა შეიქმნას დახვეწილი ზოლიანი ვარიაციები.
  • Slate Gray #777b86 — ბმულის ფერი, მდუმარე დამხმარე ტექსტი, ქვედა კოლონტიტულის ტექსტი - ცივი, გაუჯერებელი ნაცრისფერი, მოთავსებული ძირითად ტექსტსა და იმ ტექსტს შორის, რომლის ჩართვაც შეუძლებელია.
  • Ash Gray #979799 — დამატებითი ეტიკეტები, კატეგორიის ტეგები (მარკეტინგი, ფინანსები, გაყიდვები) - ბმულის ფერზე ერთი ნაბიჯით უფრო ღია ფერისაა.

ტიპოგრაფია

15-დან 90 პიქსელამდე · 8 ნაბიჯი

  • Signifier — ჩანაცვლება: GT Sectra · კონტურები 400 · სერიფ შრიფტი სათაურებისა და სათაურებისთვის — გამოიყენება ექსკლუზიურად H1/H2-ისთვის სამ ზომაში; შრიფტის წონა ყველა მასშტაბში 400-ზე (ჩვეულებრივი) რჩება, რაც დამახასიათებელი არჩევანია: სერიფ შრიფტი ყვირის და არა ჩურჩულებს, როგორც მუქი შრიფტი.
  • Sohne — ჩანაცვლება: Inter · კონტურები 400, 430, 450, 480, 500 · ძირითადი, ინტერფეისის და ნავიგაციის შრიფტები მრავალმხრივია და მოიცავს ყველაფერს, მეტამონაცემებიდან დაწყებული ქვესათაურებით დამთავრებული; ნახევრად საფეხურებიანი წონა (430, 450, 480) ქმნის დახვეწილ იერარქიას გამუქებულ შრიფტზე გადასვლის გარეშე.

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

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

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

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

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

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