Electronic Materials Office
მანათობელი ნაკვერჩხალი ნახშირით მორთულ გალერეაში
ელექტრონული მასალების ოფისი გვიანი ღამის სახელოსნოა: მქრქალი შავი ტილო, ერთი მანათობელი ნარინჯისფერი ემბარდი და შრიფტი, რომელიც ჩურჩულით ამბობს და არა აცხადებს. ინტერფეისი თითოეულ ეკრანს ჩაბნელებულ სტუდიად აღიქვამს - კლავიატურის ფოტოები ერთადერთი რეალური სინათლის წყაროა და ინტერფეისი მას ემორჩილება. სათაურები, რომლებიც 200 წონიან GT-Flexa-შია განთავსებული, უზარმაზარ ნეგატიურ სივრცეში ლივლივებს; ტექსტის ტექსტი განზრახ პატარა და ჰუმანისტურია (Times). ფერი იზომება: შრიფტისთვის სუფთა თეთრი, ბმულებისთვის მდუმარე იისფერი (#9e9eff) და გვერდზე ერთი ნარინჯისფერი (#f45500) მოწოდება, რომელიც საკუთარი 30 პიქსელიანი ნათებით ანათებს. კომპონენტები მჭიდროდ ჯდება 20 პიქსელის რადიუსში, საზღვრები ძლივს შესამჩნევია #9d9d9d-ზე და სისტემაში ერთადერთი ჩრდილები ძირითადი მოქმედების გარშემო ორი ფერადი ჰალოა.
სრული სიგანის, ნახშირისფერი ტილო ცენტრირებული, მაქსიმალური სიგანის კონტენტით (~1200 პიქსელი). მთავარი ეკრანი იწყება 20 პიქსელის რადიუსის მედია ბარათით, რომელიც შეიცავს პროდუქტის ვიდეოს, რომელიც იკავებს ხედვის ფანჯრის სიგანის დაახლოებით 80%-ს, რასაც მოჰყვება მრავალსტრიქონიანი GT-Flexa 200 სათაური, რომელიც თითქმის სრულ კონტენტის სიგანეზე ვრცელდება. სექციის რიტმი: პროდუქტის აღწერის ერთი სექცია Tobias-ის სტილის ყველა დიდი ასოებით, რასაც მოჰყვება პროდუქტის აღწერის ბარათების 2x2 ბადე (დესკტოპზე). ბარათები იყენებენ 1 პიქსელის #9d9d9d საზღვრებს და 24 პიქსელის ღარებს მათ შორის. დიდი ვერტიკალური სუნთქვა - სექციები გამოყოფილია 48–128 პიქსელის ნახშირის ნეგატიური სივრცით, გამყოფების ნაცვლად. ნავიგაცია არის ერთი, გამჭვირვალე პანელი, რომელიც მიმაგრებულია ზედა ნაწილში, ფარული ბმულების კლასტერით და ერთი Ember-ის მოწოდებით. არ არის გვერდითი ზოლი, არ არის მეგამენიუ, არ არის მეორადი ნავიგაცია.
სურათები მხოლოდ პროდუქტის დემონსტრაციის მიზნებისთვისაა - Altar I კლავიატურის მაკრო კადრი მთლიანად შავ ფონზე, ზემოდან განათებით, რაც კორპუსის ანათებას და კლავიშების კიდეებზე სინათლის ასახვას იწვევს. არ არის ცხოვრების წესი, ადამიანის ხელები, გარემო კონტექსტი. გამოსახულება მაღალი კონტრასტისა და მუქია; მონოქრომული პალიტრის მიღმა ერთადერთი ფერი თავად კლავიატურაზე ნარინჯისფერი ჩამრთველია, რაც Ember Orange-ის მოწოდებას იმეორებს. სურათები კვადრატულია ან 16:9 თანაფარდობით, ყოველთვის განთავსებულია 20 პიქსელიანი რადიუსის მქონე ბარათებზე და ვრცელდება ბარათის კიდეებს მიღმა (ფოტოს გარშემო არ არის შევსება და ტექსტი კიდის ქვემოთაა). ხატულას სტილი: ერთადერთი ხატულა არის პატარა შევსებული წრე (●) ლოგოს წინ - ერთი ნარინჯისფერი წერტილი, ~6 პიქსელი სისქის.
პალიტრა
ბრენდი
- Ember Orange
#f45500— ძირითადი მოქმედების ღილაკი შევსებით არის ინტერფეისის ერთადერთი ქრომატული ზედაპირი, რომელსაც ყოველთვის თან ახლავს 30 პიქსელიანი ნარინჯისფერი ჰალო, რაც მას ძაფის მსგავსად ანათებს; ძირითადი გამოძახების ღილაკის 30 პიქსელიანი გარე ნათება იმეორებს Ember Orange-ის ექვსკუთხედის სიმბოლოს, მაგრამ არსებობს ჩრდილის სახით და არა შევსების სახით, რაც ღილაკს შიგნიდან განათებულს ხდის.
ნეიტრალური
- Studio Charcoal
#202020— ტილოსა და მუყაოს ზედაპირები ბნელი გალერეის იატაკს ჰგავს, არასდროს არის მთლიანად შავი, რათა თვალმა რბილ კიდეებზე დაისვენოს. - Bone White
#ffffff— ძირითადი ტექსტი, სურათებზე თხელი საზღვრები და იშვიათი ინვერსიული ზედაპირი. შრიფტის მთელი იერარქია დამოუკიდებლად არის შენარჩუნებული. - Ash Gray
#9d9d9d— მდუმარე ტექსტი, ბარათის დახვეწილი საზღვრები და არააქტიური წარწერები ფერთა სქემაში ერთადერთი შუა ნაცრისფერია, რომელიც გამოიყენება მაშინ, როდესაც თეთრი ძალიან ხმამაღალია. - Mid Felt
#eaeaea— ინვერსიული პანელების ან მოდალური ბადეებისთვის ღია ფერის ზედაპირის საღებავი - თეთრი ფერის ელფერი, რომელიც კრემისფერსა და მუქ ტილოს შორის ჯდება. - Carbon
#000000— ყველაზე თვალშისაცემი აქცენტი ხატის შტრიხებსა და კონტრასტულ ჩარჩოებზეა გაკეთებული, სადაც ნახშირის ტილო ძალიან ღიაა ფორმის კარგად შესანარჩუნებლად. - Lavender Link
#9e9eff— ჩაშენებული ბმულის ფერი და დამატებითი მოქმედების ჩარჩოს კონტური თბილ ნარინჯისფერთან მდუმარე, ცივ კონტრასტს ქმნის, რაც უზრუნველყოფს მოქმედებების იდენტურობას ნახშირისფერ ფონზე.
ტიპოგრაფია
16-დან 86 პიქსელამდე · 8 ნაბიჯი
- GT-Flexa — ჩანაცვლება: Inter (200/400) or Manrope (200/400) · კონტურები 200, 400 · სათაურებისა და დეკორატიული ელემენტების ძირითადი შრიფტი. 200 წონა იძლევა 24 პიქსელზე მეტი ზომის ყველა სათაურის გამოყენების საშუალებას - ეს არის დამახასიათებელი სტილი: 68 პიქსელი და 86 პიქსელი ასოები თითქოს ატმოსფეროში იხსნება და არა ხმამაღლა. 400 წონა შესაფერისია ქვესათაურებისა და ბარათების წარწერებისთვის, სადაც ისინი ძლივს ისმის. სტრიქონებს შორის დაშორება შემცირებულია 1.0-მდე ყველაზე დიდი ზომის შემთხვევაში, ამიტომ დეკორატიული შრიფტი ერთმანეთზეა დაწყობილი, როგორც ჰაერის სვეტი.
- Tobias-light — ჩანაცვლება: Söhne Buch or Inter Tight · კონტურები 400 · მეორადი ტიპოგრაფიული სტილი სექციის სათაურებისა და ქვედა კოლონტიტულის ლოგოსთვის. ის გამოიყენება GT-Flexa 200-ზე ერთი საფეხურით ქვემოთ ტონალური კონტრასტის შესაქმნელად — Tobias-ს უფრო არქიტექტურული, ექსპრესიული ელფერი აქვს, ხოლო GT-Flexa-ს უფრო ატმოსფერული. ასოებს შორის უარყოფითი ინტერვალი ამცირებს Tobias Light-ის ფართო პროპორციებს.
- Times — ჩანაცვლება: Source Serif 4 or PT Serif · კონტურები 400 · ძირითადი ტექსტი და სათაურის აბზაცები სერიფების გამოყენებით გეომეტრიული, დეკორატიული შრიფტების განზრახ კონტრპოინტია. სერიფები პროდუქტის აღწერილობებს სითბოს და რედაქციულ ავტორიტეტს სძენს ძირითადი ტექსტის ზომის გადაჭარბების გარეშე.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 4-8px |
| ღილაკის რადიუსი | 20px |
| ბარათის რადიუსი | 20px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 48-128px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Electronic Materials Office სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- OFFFICE : — ნუარის გალერეა მონოლითურ შრიფტში გახვეული
- Bibliothèque — შავი კუბის ფორმის გალერეა პროჟექტორის ქვეშ - მარტოხელა განათებული თეფში უზარმაზარ, ბნელ დარბაზში
- 21 TSI — ჟოლოსფერი სიცარიელე, ერთიანი სილუეტი - მაღალი მოდის სარედაქციო სტატია, სადაც მომხმარებლის ინტერფეისი ატმოსფეროში იხსნება.
- Structured — რენესანსის გალერეა პლასტილინის მსგავს ქაღალდზე
- CHAIBOY — შავი გალერეის კედელი ერთი განათებული ფოტოსურათით
- Holiday 100 — საჩუქრების გალერეა შუაღამისას - სერიფის სტილის სათაური პროჟექტორის როლს ასრულებს, მუქი ტილო ხავერდის კედელს, ხოლო თითოეული პროდუქტის სურათი ფრთხილად შერჩეული ჩარჩოსავით ჰკიდია.
- Apple (España) — მუზეუმის გალერეა, დღის რბილ შუქზე, ერთიანი, მომხიბვლელი, უწონო თეთრი სივრცეა, სადაც თითოეული ექსპონატი ოდნავ შეფერილი კედლის ფონზე განათებული პროჟექტორით არის განათებული.
- Analogue — შავი გალერეის ვიტრინა - საქონელი სიცარიელეში ლივლივებს
- Apple (España) — ობსიდიანის გალერეის ვიტრინა ბნელი საგამოფენო დარბაზია, სადაც ტიტანის ერთი ობიექტი კაშკაშებს კუპრისფერ შავ ფონზე.
- Studio Oker — ალისფერი აქცენტებით ჩაბნელებული გალერეა - შავი კედლებით გაფორმებული პორტფელის ოთახი, სადაც თეთრი ასოები თითქოს ლივლივებენ და სიჩუმეს ერთი წითელი ჩურჩული წყვეტს.
- 099 SUPPLY — გალერეის კედელი, სავსე შავ-თეთრი ობიექტებით
- Retool — თბილი ობსიდიანის სახელოსნო - ზედაპირი ზუსტი ხელსაწყოებისთვის, განათებული მბჟუტავი ნაკვერჩხლებით, სადაც ყველაფერი იქმნება