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

Glossier

მზის შუქის ფოტოსესია - თეთრი ქაღალდი, შავი მელანი, ერთი კაშკაშა ყვითელი აქცენტით

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

გვერდი წარმოადგენს ვერტიკალურად განლაგებული სრულეკრანიანი სექციების სერიას, რომელთაგან თითოეული შექმნილია როგორც დამოუკიდებელი სარედაქციო გვერდი. მთავარი სექცია არის სრული სიგანის ფოტო მოტივტივე თეთრი გადაფარვით (ზედა მარცხენა კუთხეში) და მასიური ყვითელი ლოგოთი, რომელიც იკავებს გვერდის მთელ ქვედა ნაწილს. მთავარი სექციის ქვემოთ, სექციები მონაცვლეობით სრულეკრანიან სურათებსა და ინდივიდუალური ბარათების ბადეებს შორისაა. კატეგორიების (კანის მოვლა/მაკიაჟი) დაყოფა ორ სვეტად სურათების თანაბარი თანაფარდობით (50/50) ხდება ხილული საზღვრის გარეშე - მხოლოდ სურათებს შორის დამაკავშირებელი ხაზი ჰყოფს მათ. პროდუქტის კატალოგი იყენებს კვადრატული ბარათების ოთხსვეტიან ბადეს #f7f7f7 ტილოზე. ნავიგაცია არის მინიმალისტური ზედა ზოლი, რომლის ზემოთაც მეორადი სარეკლამო ზოლია. სექციებს შორის დაშორებები საკმაოდ დიდია (64 პიქსელი), მაგრამ სექციებს შორის გადასვლები გლუვია - გამყოფების ან ფონის ფერების მონაცვლეობის გარეშე, თბილი ქვედა კოლონტიტულის გარდა. საერთო რიტმია: ფოტოსურათი, ტექსტი, ფოტოსურათი, ბადე, ფოტოსურათი - როგორც მოდის ჟურნალის გადაფურცვლა.

ფოტოგრაფია დომინანტური ვიზუალური ენაა. მთელი სანახავი არე სავსეა ცხოვრების წესის სურათებითა და პორტრეტებით - თბილი ოქროსფერი განათება, კანის რბილი ახლო კადრები, ხელები, რომლებსაც უჭირავთ პროდუქტის ბოთლები მზის სხივების ფონზე. ფოტოებზე ფერთა პალიტრა თბილი და არაგაჯერებულია: ატმისფერი ცა, ტერაკოტის კანის ტონები, ღრმა ოკეანის ლურჯი. სურათები ყოველთვის იკავებს გვერდის მთელ ზედაპირს, მომრგვალებული კუთხეების, ჩარჩოების ან გადაფარვების გარეშე, თეთრი ტექსტური ბარათების ან ყვითელი ლოგოს გარდა. კატალოგის ბარათებზე პროდუქტის ფოტოები გადაღებულია სუფთა თეთრ, უწყვეტ ფონზე, ბრტყელი, თანაბარი განათებით. სურათისა და ტექსტის თანაფარდობა დაახლოებით 70/30-ია - სურათები გადმოსცემს ემოციას, ტექსტს, ფუნქციას. არანაირი ილუსტრაცია, არანაირი აბსტრაქტული გრაფიკა, არანაირი 3D რენდერინგი.

პალიტრა

ბრენდი

  • Glossier Yellow #fff116 — ყვითელი გამოიყენება დეკორატიული დეტალების მეორადი აქცენტის სახით და ნაკლებად ხშირად გამოყენებული საძიებო მოთხოვნების გამოსაკვეთად. ის არ უნდა იქნას გამოყენებული მოქმედებისკენ მოწოდების ძირითად ფერად.

ნეიტრალური

  • Ink #000000 — ძირითადი ტექსტი, ნავიგაციის ბმულები, ძირითადი ტექსტი, ქვედა კოლონტიტულის ტექსტი, ხატულების კონტურები, თხელი საზღვრები; დომინანტური ტიპოგრაფიული და სტრუქტურული ფერი.
  • Paper #ffffff — პროდუქტის ბარათის ზედაპირები, შევსების არეები, ამაღლებული პანელები; დასტის ყველაზე კაშკაშა ზედაპირის დონე.
  • Fog #f7f7f7 — გვერდის ტილო, სექციის ფონი, გვერდზე სურათებს შორის გადასვლები; ძირითადი ზედაპირი, რომელზეც მთელი ვებსაიტი მდებარეობს.
  • Blush #faf2f4 — ქვედა კოლონტიტულის ფონი, რბილი თბილი სექციის გამყოფები; ნაზი ვარდისფერ-თეთრი ელფერი გვერდების ქვედა ნაწილს სითბოს მატებს.
  • Mist #f0f0f0 — მსუბუქი საყრდენი ზედაპირი შეუმჩნეველი ფონის შესაქმნელად და მონაკვეთების გასაყოფად. ის არ უნდა იქნას გამოყენებული მოქმედებისკენ მოწოდების ძირითად ფერად.
  • Ash #e8e8e8 — შეყვანის ველის საზღვრები, ხატულების ფონი, თხელი გამყოფი ხაზები; ბარათებისა და ფორმის ელემენტების სტრუქტურული საზღვრის ფერი.

ტიპოგრაფია

12-დან 32 პიქსელამდე · 5 ნაბიჯი

  • Apercu — ჩანაცვლება: Inter · კონტურები 400, 500, 700 · ძირითადი შრიფტი გამოიყენება მომხმარებლის ინტერფეისში - ძირითადი ტექსტი 16 პიქსელი/400, ნავიგაცია და წარწერები 12–14 პიქსელი/500, ქვესათაურები 20 პიქსელი/500, ხოლო სარედაქციო სათაურები 32 პიქსელი/700. Apercu-ს გეომეტრიული, ჰუმანისტური დიზაინი ბრენდს შეკუმშულ, თანამედროვე სტილს სძენს; თითქმის ნულოვანი ასოების ინტერვალი (0.002–0.003 ემ) შრიფტს კომპაქტურს და ჟურნალის მსგავსს ხდის, უფრო მეტად ჰაეროვანს ან მოსახერხებელს. 700 წონა რედაქციებში ჩვენების ელემენტებისთვისაა განკუთვნილი და არა ინტერფეისის ელემენტებისთვის.
  • Apercu Mono — ჩანაცვლება: JetBrains Mono or IBM Plex Mono · კონტურები 400 · მიკროუტილიტარული ტიპოგრაფია შეკვეთის მეტამონაცემებისთვის, თვალთვალის ნომრებისა და კოდის გვერდით არსებული ეტიკეტებისთვის; მონოსაშუალო ვერსია ქმნის ტექნიკურ ტექსტურას პროპორციული სხეულის ტიპის წინააღმდეგ.
  • GTStandard-M — ჩანაცვლება: Inter · კონტურები 400 · GTStandard-M - ნაპოვნია ამოღებულ მონაცემებში, მაგრამ არ არის აღწერილი ხელოვნური ინტელექტის მიერ.

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

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

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

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

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

  • Lightship — ღია გზის კინემატოგრაფიული დიორამა. თბილი კრემისფერი გალერეის კედლები მორთულია ახლო ინტერვალებით დამონტაჟებული დიდი პეიზაჟების ფოტოებით, ჩარჩოებზე ძლივს შესამჩნევი თხელი შავი შრიფტით და ერთი კაშკაშა ნარინჯისფერი აქცენტით, რომელიც მონოქრომულობას არღვევს, როგორც კოცონი მდელოზე.
  • Faire ES — თბილი კრემის საბითუმო კატალოგი
  • Adanola — სარედაქციო ლუქბუქი თეთრ ქაღალდზე. მოდის ფოტოსესია, სადაც ტიპოგრაფია და ფოტოგრაფია სუფთა თეთრ ზედაპირებზე სუნთქავს, შავი მელნით შრიფტით და დახვეწილი, ფირმული sans-serif შრიფტით (Favorit), რაც ბრენდის საერთო სტილს ასახავს.
  • Oura Ring — მყუდრო შვრიის დამზადების სახელოსნო, რბილი დღის შუქით გაჟღენთილი
  • Stykka — სკანდინავიური სახელოსნო თეთრ შუქზე - წყნარი, ხელნაკეთი ნივთების საგამოფენო დარბაზი, სადაც ერთადერთი ხმა ფოტოგრაფიაა
  • DJI — აერონავტიკული შავი ტილო ერთი ელექტრო ლურჯი ელფერით
  • Altitude Beverages — მონოქრომული ჟურნალის დაფა. წარმოიდგინეთ მოდის ჟურნალის დაფა, რომელსაც ყველა ფერი აკლია, გარდა ფოტოებისა - ტექსტი და თეთრი სივრცე მთელ ამბავს მოგვითხრობს.
  • AATHER — გაშლილი ხელისგული, ერთი ალი - მშვიდი ფუფუნება, რომელიც სიმშვიდეშია ჩაფლული
  • Cowboy — ბელგიური ველოსიპედების გალერეა თოვლივით თეთრ ფაიფურის გარემოში. საგამოფენო დარბაზი, სადაც მქრქალი ზედაპირები, სარედაქციო მასალებში გამოყენებული დიდი შრიფტები და დეკორაციის პრაქტიკულად არარსებობა ყურადღებას ველოსიპედსა და მის შიგთავსზე იპყრობს.
  • Refero — თეთრ მარმარილოზე გამოსახული სარედაქციო განლაგება - ტიპოგრაფის მიერ შექმნილი პროდუქტის გვერდი, სადაც სერიფული სათაური ბრენდის სავიზიტო ბარათია და ყველაფერი დანარჩენი შეუმჩნეველია.
  • Face Formula — სკანდინავიური სარედაქციო პორტრეტი. მშვიდი, ჟურნალის სტილის პორტრეტი, სადაც მოდელის მზერა და სათაური, დაწერილი შეკუმშული სერიფის შრიფტით, თავისთავად მეტყველებს გრილ, ნისლიან ფონზე.
  • Shupatto — მუზეუმის ვიტრინა თეთრ მარმარილოზე