
Subframe
გრაფიკული ნახატი თბილ პერგამენტზე. დიზაინერული ქაღალდი, სადაც ყველა შტრიხი ან გრაფიტით არის შესრულებული ან საშლელით, არასდროს არის საღებავით შესრულებული - სიღრმე მიიღწევა ხაზის სისქითა და იშვიათი შრიფტებით.
Subframe არის მონოქრომული დიზაინერის სამუშაო სივრცე: თბილი, კრემისფერი ტილო, გრაფიტისფერ-შავი მელანი და ქრომატული აქცენტების სრული არარსებობა. მთელი ინტერფეისი აღიქმება, როგორც ერთი მასალა - ქაღალდი, ფანქარი და ჩრდილი - ერთი თამამი ტიპოგრაფიული შტრიხით: დახვეწილი სერიფი (Instrument Serif) სისტემატურ სანსერიფთან (Inter) ერთად, რაც სათაურებს რედაქციულ სიმძიმეს სძენს. ზედაპირები ბრტყელია და ჩარჩოშია ჩასმული და არა აწეული; სიღრმე მიიღწევა #e5e7eb-ის თხელი გამყოფებით და მუქი კონტროლის ზოლებზე ჩასმული ხაზგასმით, ჩრდილების ნაცვლად. სიმჭიდროვე დიდია: ფართო ვერტიკალური რიტმი (48–64 პიქსელიანი ხარვეზები სექციებს შორის), ცენტრირებული, სრული სიგანის განლაგება და ტექსტის გარშემო დიდი თეთრი სივრცე. ერთადერთი ფერი არის კონტრასტი თითქმის თეთრსა და თითქმის შავს შორის, რაც მუქ ღილაკს თითოეულ გვერდზე ყველაზე შთამბეჭდავ ელემენტად აქცევს, ხოლო პარტნიორი ბრენდების ლოგოების ზოლი ნაცრისფერ ტონებში ერთადერთ დეკორატიულ ვიზუალურ ელემენტად.
ცენტრირებული, სრული სიგანის განლაგებები (1200 პიქსელი) ფართო ვერტიკალური რიტმით. მთავარი ელემენტი არის ერთი, ცენტრირებული ბლოკი: მუქი, სეგმენტირებული კონტროლი ზედა ნაწილში, დიდი სათაური „ინტერ“, ერთსტრიქონიანი ქვესათაური და ორი მიმდებარე ღილაკი (შევსებული + გამჭვირვალე) - გვერდითი სურათის გარეშე, განლაგების დაყოფის გარეშე. მთავარი ელემენტის ქვემოთ არის ცენტრში განთავსებული ნაცრისფერი ტონალობის ლოგოს ზოლი. თითოეული შემდგომი სექცია მიჰყვება იმავე ნიმუშს: მარცხნივ გასწორებული სათაურისა და ქვესათაურის ბლოკი, შემდეგ სრული სიგანის პროდუქტის ვიტრინის ჩარჩო სექციებს შორის 48–64 პიქსელიანი სივრცით. ნავიგაცია მინიმალურია: ზედა ზოლი ცენტრირებული ბმულებით და მარჯვნივ გასწორებული მოქმედებებით, გვერდითი ზოლის გარეშე, მეგამენიუს გარეშე. გვერდი იკითხება ზემოდან ქვემოთ, როგორც ცენტრირებული განცხადებების სერია, თითოეულს აქვს საკმარისი ადგილი - განლაგება უფრო სარედაქციო პორტფოლიოს ჰგავს, ვიდრე დატვირთული პროდუქტის გვერდს.
ვიზუალური დიზაინი მინიმალისტური და ფუნქციონალურია. სისტემა იყენებს ორ ვიზუალურ რეჟიმს: (1) ჩარჩოში ჩასმული პროდუქტის ეკრანის ანაბეჭდები და მომხმარებლის ინტერფეისის მაკეტები, რომლებიც მოთავსებულია 24 პიქსელიანი რადიუსის ჩარჩოებში - ისინი აჩვენებენ ინტერფეისის რეალურ კომპონენტებს (ცხრილები, ღილაკები, ფორმები), რომლებიც ერთ მონოქრომულ პალიტრაშია რენდერირებული, რაც ეკრანის ანაბეჭდებს გვერდზე შეუფერხებლად ინტეგრირებულს ხდის; (2) ნაცრისფერი ტონალობის პარტნიორის ლოგოების ერთი ზოლი ემსახურება როგორც სოციალურ მტკიცებულებას, რენდერირებულია ბრტყლად, ფერისა და კონტეინერების გარეშე. არ არის ცხოვრების წესის ფოტოები, აბსტრაქტული გრადიენტები ან 3D რენდერები. ერთადერთი საილუსტრაციო ელემენტია მუქი პროდუქტის „ფილა“, რომელიც ცენტრშია თბილი ნაცრისფერი ფონით და ბრენდის ხატულა - ის აღიქმება, როგორც პროდუქტის დემონსტრაცია და არა დეკორაცია. ყველა სურათი ტექსტზე დაფუძნებულ განლაგებას იკავებს, სადაც ვიზუალურ წონას ტექსტი ატარებს.
პალიტრა
ნეიტრალური
- Page Canvas
#fafafa— გვერდის ფონი, ტილოზე განთავსებული საფოსტო ბარათი, მუქ ზედაპირებზე ღია ფერის ტექსტი - თბილი თეთრი ფერი, რომელიც მთელი მონოქრომული სისტემის საფუძველს უდევს. - Hairline Border
#e5e7eb— გამყოფები, ბარათის საზღვრები, გამოსახულების ჩარჩოები, ხატულების კონტურები - სისტემაში ყველაზე ხშირად გამოყენებული კონტურის ტიპი, რომელიც განსაზღვრავს სივრცით სტრუქტურას. - Card Surface
#ededed— ბარათებისთვის ამაღლებული ფონი, დამატებითი ზედაპირი - მდებარეობს ტილოზე ერთი საფეხურით ზემოთ, ქმნის ჯგუფს ჩრდილების გარეშე. - Divider Mid
#dadada— შუა ტონის გამყოფები და სექციებს შორის გადასვლები - Graphite
#242424— მაღალი კონტრასტის ნეიტრალური შევსება ძირითადი ღილაკებისთვის ღია ზედაპირებზე. - Ink Black
#171717— ძირითადი ტექსტი, სათაურები, ხატულების კონტურები - გრაფიტზე ცოტა უფრო მაგარია, რომელიც გამოიყენება ტიპოგრაფიისთვის და არა ზედაპირებისთვის.
ტიპოგრაფია
12-დან 128 პიქსელამდე · 7 ნაბიჯი
- Inter — ჩანაცვლება: Inter (Google Fonts) · კონტურები 500, 600, 700 · Sans-serif სისტემის ინტერფეისი - ნავიგაცია, ძირითადი ტექსტი, ღილაკები, ქვესათაურები და სექციის სათაურები. წონა: 500 ძირითადი ტექსტისა და მართვისთვის, 600 ქვესათაურებისა და ნავიგაციის აქცენტებისა და 700 სექციის სათაურებისთვის. ძლიერი უარყოფითი ასოების ინტერვალი იკუმშება ნებისმიერი ზომის გეომეტრიულ ფორმებს, რაც ინტერფეისს შეკუმშულ, ტექნიკურ იერსახეს ანიჭებს.
- Instrument Serif — ჩანაცვლება: Playfair Display · კონტურები 400 · სერიფული შრიფტი, რომელიც შექმნილია ექსკლუზიურად სათაურებისა და სარედაქციო კონტენტისთვის. მისი 400 წონა და -0.025 em ასოებს შორის ინტერვალი ქმნის ელეგანტურ, დახრილ იერსახეს, რომელიც ეწინააღმდეგება Inter-ის ინდუსტრიულ გეომეტრიას - საფირმო ტექნიკას: ერთი სერიფული სიტყვა ან ფრაზა sans-serif გვერდზე, რომელიც ვიზუალური პუნქტუაციის ფუნქციას ასრულებს და არა სათაურის სტილს.
- Fragment Mono — ჩანაცვლება: JetBrains Mono · კონტურები 400 · Accent mono ჩაშენებული კოდის მსგავსი ელემენტებისთვის, ტეგების ეტიკეტებისა და ტექნიკური გამოძახებებისთვის. იშვიათად გამოიყენება და ჩნდება ფუნქციების სიებსა და ჩაშენებულ ანოტაციებში, სადაც დიზაინის ინსტრუმენტს სურს მიუთითოს „ეს არის მანქანის გამომავალი“.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | საშუალო |
| ძირითადი ნაბიჯი | 8px |
| ღილაკის რადიუსი | 16px |
| ბარათის რადიუსი | 24px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 64px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Subframe სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- monopo saigon — სარედაქციო სიჩუმის მიღმა თხევადი, მოელვარე ნათება - მონოქრომული სარედაქციო გალერეა, რომელიც გამდნარ შუქზე ლივლივებს.
- Hyer Aviation — პერგამენტზე დახატულ ქაღალდზე კაბინაში შებინდება. ფერმკრთალი განთიადის ცა ფიუზელაჟის ზომის სერიფის ლოგოს ერწყმის და ერთი თბილი თიხის აქცენტი მონოქრომულ თავშეკავებას არღვევს.
- OFF+BRAND. — ცისარტყელასებრი სფერო თბილ პერგამენტზე
- Seed — ცოცხალი ორგანიზმი ლაბორატორიული მინის ქვეშ
- Eindhoven Design District — თეთრ ქაღალდზე გამოსახული სარედაქციო ბრუტალიზმი მუნიციპალური დიზაინის მანიფესტია, შესრულებული დიდი შრიფტით, მინიმალური ფოტოგრაფიითა და აბსოლუტური თავშეკავებით.
- Miranda — კლასიკური ფართოფორმატიანი შრიფტი ღია კრემისფერ ფონზე - ციფრული ეპოქის გაზეთის სარედაქციო სტატია
- Monocle — მაღალი ხარისხის, ფართოფორმატიანი გაზეთი კრემისფერ ქაღალდზე. საგულდაგულოდ შერჩეული სარედაქციო სტატია, სადაც ყველა სვეტი იმსახურებს თავის ადგილს და გვერდზე მხოლოდ ერთი მნიშვნელოვანი ფერი ჩანს.
- Agencja brandingowa — სარედაქციო გალერეა თეთრ ტონებში, შავი მელნით შესრულებული ტიპოგრაფიით
- Websmith Studio — დილის შუქი კრემისფერ ქაღალდზე
- Aspelin Reitan — არქიტექტურული არქივი Candlelight-ის მიერ - გვერდი აშენებული სივრცეების პორტფოლიოს ჰგავს, რომელიც თბილ კრემისფერ კედელზეა მიმაგრებული, ხოლო თითოეული სურათის ზემოთ გვერდის მთელ სიგანეზე თეთრი ტექსტის ერთი ხაზია გამოსახული.
- Public — ცივ მარმარილოზე შესრულებული მონოქრომული სარედაქციო სტატია - თითქმის მონოქრომული ტილო, 300-პუნქტიანი სერიფული შრიფტით და ერთი იისფერი აქცენტით, რომელიც მთელ ფერთა სამუშაოს ასრულებს.
- Motto — ტიპოგრაფიული მონოლითი ქაღალდზე - ერთიანი, თავდაჯერებული ხმა, რომელიც თავის თავს თოვლივით თეთრ ქაღალდზე აცხადებს