
Substack
ნარინჯისფერი მელანი რედაქციის მაგიდაზე
Substack-ი ხშირად გაცვეთილ საინფორმაციო ბიუროს დაფას ჰგავს - თეთრი ტილო, თბილი, თითქმის შავი ტექსტი და ერთი კაშკაშა ნარინჯისფერი აქცენტი, რომელიც კონტენტის შექმნის თითოეულ ეტაპს აღნიშნავს. ვიზუალური იერარქია დეკორაციის ნაცვლად სიმკვრივეზეა აგებული: თხელი ნაცრისფერი ხაზები არხის ელემენტებს გამოყოფს, ავატარები პატარაა, მეტამონაცემები მდუმარეა და მკითხველის თვალი გაწვრთნილია, რომ ყურადღება ნარინჯისფერ მოწოდებაზე, ნარინჯისფერ ლოგოზე, ნარინჯისფერ „გამოწერის“ ბმულსა და ნარინჯისფერ „შექმნის“ ღილაკზე გაამახვილოს. ზედაპირები ბრტყელია და შეუზღუდავი - ბარათის ჩრდილების გარეშე, ქრომის პანელის ელემენტების გარეშე - რაც ტიპოგრაფიას (კომპაქტური ქრომის სისტემის ინტერფეისის ელემენტი, შერწყმული მორგებულ serif სათაურის შრიფტთან) საშუალებას აძლევს, რედაქციული წონის ძირითადი ნაწილი აიღოს. ხელმოწერის სტილია თავშეკავებული ქრომის ელემენტები და ნათელი, ერთფეროვანი გამოკვეთილობა: კითხვის აპლიკაცია, რომელიც გამომცემლობის ინსტრუმენტს ჰგავს.
სამსვეტიანი სამუშაო მაგიდის განლაგება: ფიქსირებული მარცხენა გვერდითი ზოლი (~200 პიქსელი, ნავიგაცია ხატულებითა და ეტიკეტებით, წებოვანი), ცენტრალური არხი (მაქსიმალური სიგანე ~600 პიქსელი, პოსტების ვერტიკალურად გადახვევადი სია) და ფიქსირებული მარჯვენა გვერდითი ზოლი (~300 პიქსელი, ძიება + რეკომენდაციები + რეგისტრაცია). ცენტრალური არხი წარმოადგენს რედაქციის ბირთვს - ბარათების გარეშე, მხოლოდ ერთმანეთზე დაწყობილი პოსტები თხელი გამყოფებით და სექციებს შორის 32 პიქსელიანი დაშორებით. მთავარი ბანერი არხის ზედა ნაწილშია განთავსებული, როგორც ერთი სრული სიგანის ბარათი. მარცხენა გვერდითი ზოლი შეიცავს ბრენდის ლოგოს (ნარინჯისფერი ნიშანი გადაფარული ხაზებით), ექვს ნავიგაციის ელემენტს და სრული სიგანის ნარინჯისფერ ღილაკს "შექმნა" ქვედა ნაწილში. მარჯვენა გვერდითი ზოლი შეიცავს ძიების ველს, რეგისტრაციის ბარათს და წასაკითხად "შემდეგი" სიას. ნავიგაცია მინიმალურია - ზედა ზოლის გარეშე, პურის ნამცეცების გარეშე; გვერდითი ზოლი არის ნავიგაცია. კონტენტის სიმჭიდროვე მაღალია: პოსტები იყენებენ 12-13 პიქსელიან მეტამონაცემებს და 15-19 პიქსელიან ტექსტს, რაც ქმნის გაზეთის მსგავს რიტმს და არა ბაზრის ბარათების ბადეს.
ფოტოები მომხმარებლის მიერ გენერირებული კონტენტია (ავტორების ავატარები, პოსტის მინიატურები, პოსტის სურათები) — Substack არ გვთავაზობს საკუთარ დეკორატიულ ფოტოებს. მთავარი ბარათი იყენებს ფირუზისფერიდან მწვანემდე გრადიენტს აბსტრაქტული ილუსტრაციული ელემენტებით (გეომეტრიული ფორმები, სტილიზებული ობიექტები, როგორიცაა კალმები და ჩანაწერები) ფონად. მარჯვენა გვერდითა ზოლში პოსტის მინიატურები პატარაა (64 პიქსელი), ჩასმულია 8 პიქსელის რადიუსში და ფუნქციონირებს როგორც საკითხავი სიის წინასწარი გადახედვა. ვიზუალური ენა ტექსტზეა დაფუძნებული: ინტერფეისი საკითხავი ტილოა და სურათები ატმოსფეროს შექმნის ნაცვლად მცირე ვიზუალურ წამყვანებს წარმოადგენს.
პალიტრა
ბრენდი
- Signal Orange
#ff6719— ნარინჯისფერი გამოიყენება როგორც მეორადი აქცენტი დეკორატიული დეტალებისთვის და იშვიათი მინიშნებების ხაზგასასმელად. ის არ უნდა იქნას გამოყენებული, როგორც ძირითადი ფერი მოქმედებისკენ მოწოდებებისთვის.
ნეიტრალური
- Ink
#363737— ძირითადი ტექსტი — ძირითადი ტექსტი, სათაურები, პოსტების სათაურები, დროის ნიშნულები და ავტორების სახელები; თბილი, თითქმის შავი ფერი #000-ის ნაცვლად, უფრო მარტივი წასაკითხად. - Paper
#ffffff— გვერდის ტილო, ბარათის ზედაპირები, შეყვანის ველები და ნავიგაციის ფონი დომინანტური ზედაპირებია, რომლებიც ინტერფეისის დიდ ნაწილს იკავებენ. - Charcoal
#232525— მაღალი შერჩევის დონით დამატებითი ტექსტისა და ბმულებისთვის მაუსის გადატარების მდგომარეობა; კოდის ბლოკებისა და შერჩევის ბლოკებისთვის მელნის რეჟიმში უფრო ღრმა მდგომარეობა. - Stone
#777777— ნეიტრალური ფერი მხარდაჭერილია მეორადი ინტერფეისის ელემენტებისთვის, გამყოფებისთვის და მდუმარე ეტიკეტებისთვის. ის არ უნდა იქნას გამოყენებული, როგორც ძირითადი ფერი მოქმედებისკენ მოწოდებებისთვის. - Ash
#b6b6b6— თხელი სასაზღვრო ხაზები, ღილაკების კონტურები, ხატულების კონტურები, გამორთული მართვის საშუალებების კონტურები. - Mist
#c8c8c8— გამყოფი ხაზები, ხატებისთვის შეუმჩნეველი ფონი, ცარიელი უჯრედების შევსება ჩონჩხის სახით.
ტიპოგრაფია
12-დან 32 პიქსელამდე · 5 ნაბიჯი
- system-ui — ჩანაცვლება: -apple-system · კონტურები 400, 500, 600 · მომხმარებლის ინტერფეისისა და ძირითადი ტექსტის ძირითადი შრიფტი გამოიყენება ნავიგაციის ეტიკეტებისთვის, ღილაკებისთვის, შეტყობინების ტექსტისთვის, მეტამონაცემების, შეყვანის ველებისა და ინტერფეისის ყველა ელემენტისთვის. მეტამონაცემებისთვის 12-13 პიქსელიანი და ძირითადი ტექსტისთვის 15-19 პიქსელიანი კომპაქტური ზომები ქმნის მკვრივი სიახლეების არხის შეგრძნებას. ძირითადი ტექსტის წონაა 400, ნავიგაციის ელემენტებისა და ღილაკების ეტიკეტებისთვის 500, ხოლო მონიშნული შეტყობინების სათაურებისა და სექციების სათაურებისთვის 600.
- Cahuenga — ჩანაცვლება: Charter · კონტურები 500 · პროდუქტის დონის სათაურებისთვის დამახასიათებელი დეკორატიული სერიფული შრიფტი (გვერდითი ზოლის სათაურები, რეგისტრაციის ბარათის სათაურები, მთავარი ტექსტი). მისი საშუალო წონა და ხაზის მცირე სიმაღლე მას გამორჩეულ იერს ანიჭებს მოცულობითი შეგრძნების გარეშე; ეს ერთადერთი შრიფტია, რომელიც ნარინჯისფერი ფერის გარდა, Substack-ის იდენტურობაზე მიუთითებს.
- Spectral — ჩანაცვლება: Charter · კონტურები 400 · სერიფის შრიფტი გრძელი პოსტებისთვის — გამოიყენება სამკითხველო ოთახებსა და საინფორმაციო არხის კონტენტში, სარედაქციო მასალების წაკითხვადობის გასაუმჯობესებლად. ოდნავ უფრო მცირე ინტერვალი სტრიქონებს შორის (1.20) უზრუნველყოფს აბზაცების კომფორტულ წაკითხვას, ამავდროულად ინარჩუნებს საინფორმაციო ოთახებისთვის დამახასიათებელ კომპაქტურობას.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 8px |
| ღილაკის რადიუსი | 9999px |
| ბარათის რადიუსი | 12px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 32px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Substack სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- ElevenLabs — ფოტოესე თბილ კრემისფერ ტონებში, დახვეწილი სათაურებით. ბაუჰაუსის სტილის ბლოკნოტი - კვერცხის ნაჭუჭისფერი ქაღალდი, შავი მელანი და ერთი იისფერი და ნარინჯისფერი აქცენტი პროდუქტის საჩვენებლად.
- Awesomic — სარედაქციო თუთიის ბადე ნარინჯისფერი პუნქტუაციის ნიშნებით, რომლებიც კონფეტის მოგვაგონებს
- Monad — სარედაქციო ტექნიკური ჟურნალი თბილ პერგამენტზე
- Dub — Link-ის მქრქალი ბრინჯის ქაღალდის მართვის პანელი
- Seline Analytics — მშვიდი ანალიტიკური მაგიდა თბილ ქაღალდზე
- Notion — თბილი ქაღალდის რვეული შუადღის მზეზე
- Anthropic — სამეცნიერო დარგობრივი ჟურნალი თბილ პერგამენტზე - მშვიდი სპილოს ძვლისფერი ზედაპირები, სერიფიცირებული სარედაქციო სათაურები და ერთი თიხის აქცენტი, რომელიც მხოლოდ მაშინ ჩნდება, როდესაც მოქმედებაა საჭირო.
- Calendly — მუქი ლურჯი მელანი ცივ მარმარილოზე
- Augen Pro — Apple-ის თეთრი პრეზენტაცია მონოქრომულ სივრცეში ერთადერთ აქცენტად კლინიკურ, უწონო, ელექტრო ლურჯ ფერს წარმოადგენს.
- Antimetal — სარედაქციო ქრონიკა კრემისფერ ფურცელზე - მშვიდი დილა სამეცნიერო ჟურნალში, სადაც თავშეკავება თავდაჯერებულობას გამოხატავს და სერიფები მძიმე საქმეს აკეთებენ.
- Perk — ელექტრო ლაიმი თბილ პერგამენტის ქაღალდზე
- Ditto — მზით განათებული სახელოსნო, სადაც ველური ყვავილების ნიმუშები იქმნება. თბილი კრემისფერი ზედაპირები, ნათელი ყვითელი საბაზისო ფერი, მუქი ლურჯი მელანი, ნამუშევრის უკან ორგანული ფერის ფორმები ყვავის.