Vivid+Co
პრიზმული შუქი ობსიდიანის მეშვეობით
Vivid+Co კინემატოგრაფიულ, ბნელ სიცარიელეში მუშაობს: თითქმის შავი ფერის #101010–#495764 ტილო, რომელიც წყდება ერთი, თითქმის თეთრი ელფერით (#ffdf9), რომელიც გამოიყენება თითქმის ყველა შრიფტისა და ინტერფეისის ელემენტისთვის. ტიპოგრაფია ძირითადად Neue Montreal-ში 400 წონით არის წარმოდგენილი - ეს არის გამუქების განზრახ უარყოფა, სადაც ავტორიტეტი მიიღწევა მასშტაბის (136 პიქსელი და 105 პიქსელი) და არა წონის მეშვეობით. ხელმოწერის ტექნიკაა ქრომატული პრიზმა: გაჯერებული წითელი/მწვანე/ლურჯი სინათლის ბლოკები, რომლებიც გამოყოფილია RGB-ით, ფილტრავენ მინის კუბებში და არღვევენ მონოქრომულ ზედაპირს. განლაგება ცენტრირებული და ფართოა; ნავიგაცია, ძირითადი ტექსტი და ბმულები ერთ #ffdf9 ფერშია, ცალკე აქცენტის ღილაკების, შევსებების ან ჩრდილების გარეშე - დიფერენციაცია მიიღწევა დაშორებით, მასშტაბით და ცისარტყელას არტეფაქტით, რომელიც ბრენდის ერთადერთ ფერად აქცენტს წარმოადგენს.
მუქი, სრული სიგანის ტილო ერთი სვეტით, რომლის მაქსიმალური ზომაა ~1440 პიქსელი. ძირითადი ელემენტია ცენტრში განლაგებული პრიზმული არტეფაქტი გადაფარვითი სათაურით (ტექსტი, რომელიც კუბებს კვეთს) და მარცხნივ გასწორებული ქვესათაურით. ნავიგაცია განლაგებულია თხელ ზედა ზოლში: ლოგო მარცხნივ, ოთხი უხილავი ბმული მარჯვნივ და სპეციალური ღილაკი „კონტაქტი“ რიგის ბოლოს. სექციის რიტმი მონაცვლეობს სრული სიმაღლის გმირის პანელებსა და უფრო ვიწრო კონტენტის ზოლებს შორის ~108 პიქსელიანი ხარვეზებით. კონტენტის განლაგება ასიმეტრიულია: პრიზმული არტეფაქტი ვიზუალური ცენტრის ფუნქციას ასრულებს და სათაურები მის გარშემოა შემოვლებული. ერთსვეტიან ტექსტურ ბლოკებს აქვთ მაქსიმალური სიგანე დაახლოებით 440 პიქსელი; მრავალსვეტიანი ბადეები, ბარათების მატრიცები და ფასების ცხრილები არ არის. ქვედა კოლონტიტული არის თხელი ზოლი, გაყოფილი თხელი ხაზით, მეტამონაცემების ორი სვეტით.
დიზაინის მთავარი ელემენტია შუშის კუბების აბსტრაქტული 3D გამოსახულება კიდეებზე ქრომატული აბერაციით, რომლებიც RGB ფერით არის გამოყოფილი. არც ფოტოებია, არც ადამიანების სურათები, არც პროდუქტის კადრები. პრიზმა ბრენდის გამოსახულებაა; ყველაფერი დანარჩენი მონოქრომული ტიპოგრაფიაა მუქ ტილოზე. ხატწერა მინიმალისტურია: დახვეწილი ნავიგაციის ეტიკეტები და პატარა კურსორის/გლიფის აქცენტი (ზონა 142765) ერთ-ერთი სათაურის ბოლოს მიანიშნებს ერთ, მონოწრფივ 16 პიქსელიან ხატულაზე. არც ილუსტრაციები, არც დეკორატიული ნიმუშები, არც ტექსტურები.
პალიტრა
ნეიტრალური
- Bone White
#fffdf9— ძირითადი ტექსტი, ნავიგაციის იარლიყები, ბმულის ფერი და სათაურის შევსება თითქმის თეთრ ფერშია და მუქ ტილოზე ყველა ტიპოგრაფიულ ზედაპირს იკავებს. - Obsidian
#101010— გვერდის ტილო, ძირითადი და გამყოფი ზოლების ფონის შევსება, მუქი შავი ფერისაა, შიგნით კი პრიზმული არტეფაქტია. - Graphite Veil
#495764— სათაურებისა და კონტენტის ბლოკების უკან, ცივი, მუქი ფიქალისფერი დომინირებს, რაც ტილოს სიღრმეს სძენს ბრტყელი შავი ფერის გამოყენების გარეშე. - Ash Border
#403f3f— ტექსტთან კონკურენციის გარეშე, ხაზების გამოსაყოფად გამოიყენება დახვეწილი გამყოფი ხაზი და ბარათის კონტური 1 პიქსელზე. - Fog Blue
#6f879c— შემცირებული მეორადი ტექსტი და დახვეწილი ღილაკების იარლიყები (3.7:1 კონტრასტი) – მომსახურების კატეგორიის აღნიშვნები, როგორიცაა „სტრატეგია“, „კრეატიული“, „კომუნიკაციები + მარკეტინგი“, აღიქმება, როგორც გამოუყოფელი მეტამონაცემები. - Pure Black
#000000— SVG ხატებისა და ილუსტრაციების დეკორატიული შევსება — გამოიყენება პრიზმის გამოსახულებასა და ხატულას გლიფებში; არა ფონი.
ტიპოგრაფია
15-დან 136 პიქსელამდე · 9 ნაბიჯი
- Neue Montreal — ჩანაცვლება: Söhne · კონტურები 400, 700 · ექსკლუზიური შრიფტი გამოიყენება მომხმარებლის ინტერფეისში - სათაურებში, ძირითადი ტექსტის ასლში, ნავიგაციაში, ღილაკებში, ბმულებსა და ქვედა კოლონტიტულში. ნაგულისხმევი წონაა 400; 700 წონა მხოლოდ ქვესათაურებისთვისაა განკუთვნილი. 105 პიქსელი და 136 პიქსელი წონის სათაურებს აქვთ 1.00–1.01 ინჩის დაშორება სტრიქონებს შორის და -0.02 ინჩის დაშორება ასოებს შორის, რაც ქმნის კინემატოგრაფიულ, დაწყობილ სათაურებს, რომლებიც უფრო სკულპტურულ შთაბეჭდილებას ტოვებს, ვიდრე ტიპოგრაფიულს.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | ფართო |
| ძირითადი ნაბიჯი | 7px |
| ღილაკის რადიუსი | 0px |
| ბარათის რადიუსი | 15px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 108px |
| გვერდის სიგანე | 1440px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Vivid+Co სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Sequel — დაბნელების შემდეგ კერძო ჩვენება ერთადერთი თბილი სინათლეა სხვაგვარად ბნელ კინოთეატრში.
- ThoughtLab — ობსიდიანის ძეგლი ჟოლოსფერი სიგნალით. შავი სიცარიელის ტილო, სადაც ტაძარში ერთადერთი გაჯერებული წითელი ობიექტი, რომელიც დიდი თეთრი ასოებით არის დაბეჭდილი, ერთიანი ქრომატული ფიგურაა.
- Dovetail — შავი მთვარის ქვეშ ნახაზები - ძლივს შესამჩნევი გრაფიკული ხაზები, თეთრი შრიფტი, ერთი იისფერი ნაპერწკალი
- MekaVerse — ციფრული არტეფაქტების მონოქრომული გალერეა - მყარი შავი სიცარიელე, სადაც რენდერირებული სამყარო მუზეუმის ექსპონატივით ჰკიდია და მთელი მომხმარებლის ინტერფეისი თეთრი მელნითაა შესრულებული მქრქალ შავ მინაზე.
- Krea — გალერეა ნუარი შუაღამისას
- Factory — „საომარი ოთახის“ ტერმინალი შუაღამისას. „ქარხანა“ შავი ფერის საკონტროლო პანელია, სადაც ერთი თეთრი ბარათი ფანრით განათებული დისპეტჩერის მსგავსად ხვდება - ოთახში ერთადერთი ობიექტი თავად სამუშაოა.
- basement — დილის 3 საათზე ცარიელი საბეჭდი მანქანა - უზარმაზარი, შეკუმშული შრიფტები სრულ სიბნელეშია მიმოფანტული, ნავიგაციის პანელზე ნარინჯისფერი შუქის ერთი მოციმციმე ნათებაა, ყველაფერი დანარჩენი თეთრი ან მოჩვენებითი ნაცრისფერია.
- Stink Studios — კინოსტუდია შუაღამისას - პროექტორი გუგუნებს, ოთახი ბნელია, მხოლოდ ფილმი ანათებს
- Apple (España) — შავი თეატრი განათებული ფიტინგებით
- Charlie — მონასტრის ქვისგან ობსიდიანზე ამოკვეთილი ტიპოგრაფია. პორტფოლიო, რომელშიც ერთი წითელი კედელი ყრუ სიჩუმეს ქმნის.
- Rive — მაღალი სიზუსტის ღამის ხედვა. ინტერფეისს აქვს სპეციალური ლინზა, რომელიც აღწევს სიბნელეში, რათა ტექნიკურ დეტალებზე სრული სიცხადით ფოკუსირება მოახდინოს.
- Datalands — შავი ტაძარი ნეონის ერთი პულსით. ლოგო მთელ ნავს ავსებს; ყველაფერი დანარჩენი ქვემოთ ძლივს გასაგონი ტექსტია.