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 ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.

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

  • 1X NEO — 1X Tech წყნარი სახლის კინოთეატრია. სარედაქციო ტექსტით გაფორმებული ფერმკრთალი გვერდი იხსნება ადამიანებისა და ჰუმანოიდი რობოტის კინემატოგრაფიული სცენებით, ხოლო ინტერფეისის ელემენტები მცირდება პაწაწინა, დაშორებულ წარწერებად და რბილ მონოქრომულ გამოსახულებებად.
  • B150 — მომავლის ფილმის მარცვლების მასტერკლასი. ნათელი, კრემისფერი სარედაქციო სექციების შექმნა პროდუქტებისა და შემქმნელების მუქი, ადამიანის ზომის გამოსახულებების ფონზე.
  • Captions — მზით განათებული მონტაჟის მაგიდა. გამჭვირვალე, მოხრილი ნავიგაციის ზოლი მოათავსეთ მკაფიო, თეთრ, ოდნავ ხმაურიან სამუშაო სივრცეზე, შემდეგ კი შეავსეთ იგი ღია ლურჯი სამუშაო ზედაპირებით და კადრების ახლო ხედებით.
  • Newformcap — სარედაქციო გაზეთი გასახდელში
  • Claude — თბილ პერგამენტზე დაბეჭდილი არტეფაქტი - მელანი ძვლის ქაღალდზე, თიხა კი ფერის ერთადერთი სუნთქვაა
  • 11x– Digital workers — კინემატოგრაფიული სარედაქციო უდაბნო - ლანდშაფტის პანორამული ფოტოები მონუმენტური, სერიული სათაურების ფონზე, რომლებიც ფუფუნების ჟურნალის გვერდს ჰგავს.
  • Revolut — მონოქრომული სარედაქციო ნამუშევარი, რომელიც ღრუბლების ფოტოსურათზეა დაფუძნებული - თეთრი მელანი, აბების ყუთის ღილაკები, ფერის ერთი ლურჯი ზოლი სხვაგვარად ნაცრისფერი ტონების სამყაროში.
  • Scheduling — სარედაქციო მელანი კრემისფერ ქაღალდზე
  • Titan — თბილი ტონების მონოქრომული არქივი
  • AWE — რობოტული ობსერვატორია შუაღამის შემდეგ. შექმენით შავი, გალერეის მსგავსი ეკრანები, სადაც ფერმკრთალი სარედაქციო შრიფტი ხელოვნური ინტელექტით მომუშავე სურათებისა და პაწაწინა დაფაზე ტექსტის ზემოთ ტრიალებს.
  • Programa — შვეიცარიული დიზაინის სტუდია შუადღისას. თეთრი გალერეის კედელი ერთი ყვითელი მაგიდის ნათურით არის განათებული - ყველაფერი ნაცრისფერ ტონებშია გადაწყვეტილი მანამ, სანამ ღილაკი, ხატულა ან აქცენტი ყურადღებას არ მიიპყრობს და შემდეგ ეს ერთი ყვითელი აქცენტი მთელ ოთახს განსაზღვრავს.
  • Sana Agents — ლაიმის ნაპერწკალი თეთრ ფონზე, სარედაქციო სტატიაში

სტილის კატალოგი კატეგორიის მიხედვით