Superhuman
ოქროს საათის სარედაქციო პანელი
„ზეადამიანი“ სარედაქციო ფოტოგრაფიისა და პროგრამული უზრუნველყოფის ინტერფეისის გადაკვეთაზეა განლაგებული - თბილი, პერგამენტის მსგავსი ტილო (არასდროს სუფთა თეთრი), რომელიც შინდისფერი ბრენდინგის ელემენტებსა და ნათელ იისფერ აქცენტებს აკრავს. 460 გრადუსიანი შრიფტით განთავსებული სათაურები ჩურჩულით გამოირჩევა და არა ყვირის, რაც მთელი გვერდის კინემატოგრაფიულ ფოტოგრაფიას საშუალებას აძლევს, მძიმე სამუშაო შეასრულოს, ხოლო გამჭვირვალე პროდუქტის ინტერფეისის ბარათები მინასავით ტივტივებს გამოსახულების ზემოთ. პალიტრა უმეტეს შემთხვევაში მშვიდი და სარედაქციო რჩება: კრემისფერი ზედაპირები, ნახშირისფერი ტექსტი, დახვეწილი თბილი-ნაცრისფერი საზღვრები და ელემენტებს შორის დიდი დაშორება, ფერი კი ბრენდის განზრახ პუნქტუაციისთვისაა განკუთვნილი - ერთი შინდისფერი მოწოდება მოქმედებისკენ, იისფერი ბმულები, ღია იასამნისფერი დამატებითი ღილაკი. სისტემა განზრახ თავს არიდებს ძლიერ ჩრდილებსა და გრადიენტებს ინტერფეისის ზედაპირებზე; სიღრმე მიიღწევა სათაურში ფენოვანი ფოტოგრაფიით და დახვეწილი ფონის დაბინდვით, და არა დასტის ეფექტით.
მთავარი ელემენტია სრული სიგანის ფოტო ცენტრირებული სათაურით (48-64 პიქსელი/460) და ერთი მოწოდება მოქმედებისკენ, რომელიც სავსეა ღვინის გამოსახულებით, მარცხენა და მარჯვენა კიდეებზე გადაფარებული გამჭვირვალე პროდუქტის ინტერფეისის ბარათებით. მთავარი ელემენტის ქვემოთ არის თეთრი ზოლიანი ლოგოს ზოლი (6 უჯრა თითო რიგში, მაქსიმალური სიგანე შეზღუდულია), შემდეგ ჩანართების განყოფილება თეთრი ბარათის ზედაპირებით პერგამენტის ტილოზე. მუქი ფირუზისფერი ზოლი არღვევს რიტმს გვერდის დაახლოებით ორი მესამედის განმავლობაში - სრული სიგანის, ორი სვეტი (სურათი მარცხნივ, ტექსტი მარჯვნივ) - რაც ქმნის ერთადერთ ტონალურ კონტრასტს გადახვევისას. მოჰყვება გრადიენტული ატმოსფერული ზოლი. სექციებს შორის ვერტიკალური დაშორებაა 64-96 პიქსელი. მაქსიმალური კონტენტის სიგანე არის ~1200 პიქსელი ცენტრირებული, მთავარი ელემენტი და მუქი ზოლი მოიცავს ხედვის ფანჯრის სრულ სიგანეს. ნავიგაცია არის ერთი ფიქსირებული სათაური ბუნდოვანი ფონით; არ არის გვერდითი ზოლი, არ არის მეგა მენიუ. ქვედა კოლონტიტული არის სრული სიგანის შინდისფერი გვერდი ბმულების მრავალსვეტიანი განლაგებით. საერთო რიტმია: მთავარი კადრი → მშვიდი თეთრი/კრემისფერი შინაარსი → მუქი ზოლი მთავარი გამოსახულებით → ატმოსფერული გრადიენტი → შინდისფერი ქვედა კოლონტიტული, ღია და მუქი ზოლების მონაცვლეობითი ელფერი სარედაქციო ტემპის შესაქმნელად.
ძირითადი ვიზუალური ელემენტი კინემატოგრაფიული ფოტოგრაფიაა: ღია ცის ფონზე სრული სიგანის პორტრეტი ფოკუსურ წერტილად გვევლინება, ხოლო მეორე ატმოსფერული ზოლი გვერდის ქვედა ნაწილშია განთავსებული. სურათი თბილი ტონითაა შეღებილი, ოდნავ მდუმარე და პროფილში გადაღებული, რაც ოქროს საათს მოგვაგონებს, რაც უფრო სარედაქციო, ვიდრე კორპორატიულ იერსახეს ქმნის. ფიქრებში ჩაფლული მამაკაცის ფოტოზე გადაკრულია მუქი ზოლი გამჭვირვალე გეომეტრიული მართკუთხედებითა და ხელნაწერი წარწერებით - ზედაპირების კოლაჟი და არა ერთი სურათი. მომხმარებლის ინტერფეისი წარმოდგენილია ფოტოზე პირდაპირ გადაკრული მცურავი მინის ბარათების სახით და არა ცალკეული ეკრანის ანაბეჭდების სახით. არ არსებობს საფონდო ილუსტრაციები, 3D რენდერები და აბსტრაქტული დეკორატიული ფორმები, გარდა გრადიენტული ატმოსფერული ზოლისა. ხატულები არის მინიმალისტური მონოქრომული ხაზის ხატულები, დაახლოებით 16-20 პიქსელი სიგანის, ერთი სიგანით, რომელიც შეესაბამება 460 პუნქტიანი ტექსტის წონას.
პალიტრა
ბრენდი
- Midnight Wine
#421d24— ძირითადი მოქმედების ღილაკები, სარეკლამო ბანერი და ქვედა კოლონტიტული თბილი, თითქმის შავი შინდისფერია, რომელიც უფრო მელნის ფერს წააგავს, ვიდრე წითელს, რაც ფერთა პალიტრას გადაჭარბებული ზეგავლენის გარეშე ხაზს უსვამს. - Royal Violet
#714cb6— იისფერი გამოიყენება ბმულების, თეგების და მოკლე ფრაზების გამოსაკვეთად. ის არ უნდა იქნას გამოყენებული მოქმედებისკენ მოწოდების ძირითად ფერად.
ნეიტრალური
- Lilac Mist
#d4c7ff— მეორადი ზედაპირის შევსება, განათების ხატულები და მოჩვენება ღილაკების ფონი გამოირჩევა მდუმარე იისფერი ფერით, რაც ბრენდის სტილზე მიანიშნებს ზედმეტი ყურადღების მიპყრობის გარეშე. - Deep Lagoon
#0c4243— ზოლის მუქი ფონი, რომელიც გამოიყენება როგორც მთავარი თხრობითი ელემენტი, სისტემაში ერთადერთი მუქი ზედაპირია, რომელიც შერწყმულია გადაფარებულ გეომეტრიულ ნიმუშთან. - Warm Parchment
#f2f0eb— გვერდის სამუშაო ზედაპირი დომინანტური ელემენტია; თეთრს საფუძვლად თბილი კრემისფერი ანაცვლებს, რაც მთელ სისტემას რედაქციულ სითბოს სძენს. - Soft Mist
#e3e3e2— დახვეწილი საზღვრები, ბარათის კონტურები, გამყოფი ხაზები - თბილი, ღია ნაცრისფერი, რომელიც პერგამენტს ერწყმის, მაგრამ კიდეებს მკაფიოდ განსაზღვრავს. - Ink Charcoal
#292827— ძირითადი ტექსტი, სათაურები, ხატულების კონტურები - თბილი, თითქმის შავი ფერი, საკმარისად ყავისფერით, რომ ქაღალდზე მელნის შეგრძნებას ტოვებდეს, არასდროს ცივი #000 - Stone Gray
#666666— მეორადი ტექსტი, დამხმარე ტექსტები, დისკრეტული აღწერილობები - ერთი საშუალო ნაცრისფერი, გამოყენებული ზომიერად, რათა არასდროს შეეჯიბროს ძირითად ტექსტს.
ტიპოგრაფია
12-დან 64 პიქსელამდე · 8 ნაბიჯი
- Super Sans VF — ჩანაცვლება: Inter (closest open equivalent for variable weight range) · კონტურები 460, 500, 540, 600, 700 · მთელ სისტემაში ერთი შრიფტია. ღერძის ცვლადები მოიცავს დიაპაზონს 460-დან (ყველა დიდი სათაურის ტექსტისთვის განკუთვნილი, ოდნავ მოჭრილი შრიფტი) 540-მდე (ხაზგასმული ძირითადი ტექსტი) და 700-მდე (პატარა, თამამი წარწერები). სპეციალურად შექმნილი ვიზუალი 460 წონიან სათაურებს უფრო მიზანმიმართულად, ვიდრე შემთხვევით წარმოაჩენს - 48-64 პიქსელის ზომისა და ასოებს შორის მცირე დაშორების შემთხვევაში, „ოდნავ მოჭრილი“ ეფექტი აღიქმება, როგორც უფრო დამაჯერებელი და არა თხელი.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 8px |
| ღილაკის რადიუსი | 16px |
| ბარათის რადიუსი | 16px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 64-96px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Superhuman სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- AI for Business — ბრუტალისტური სარედაქციო შოურუმი თბილ ნაცრისფერ ტონებში
- Jeton — სარედაქციო სტატია თბილ მარმარილოზე დაფუძნებულ ფინტექზე
- Airtable — მყუდრო სემინარი, რომლის თავებიც სხვადასხვა ფერშია მონიშნული
- Osmo — დეველოპერების მუზეუმი ნაცრისფერ ბეტონზე
- Linktr — სარედაქციო პოსტერები კანფეტებივითაა დაწყობილი. ვებსაიტი ფერადი ბლოკებითაა შექმნილი, კობალტისფერ-ლურჯ კედლებზე კაშკაშა მწვანე სათაურებით და შინდისფერი ველების თავზე თეთრი აბის ფორმის ნავიგაციის ელემენტებით.
- Outsource Consultants — დიდი ფორმატის არქიტექტურული ფურცელი ძვლის ქაღალდზე. მონოგრაფიული ესთეტიკა, სადაც ინდიგოს ერთი კაშკაშა ლაქა წყვეტს სხვაგვარად თბილ, ტიპოგრაფიულად მაქსიმალისტურ ბადეს.
- Streamtime — Tactile Creative Mood Board - დიზაინერის სკრაპბუქინგის მაგიდა
- Switch-Lit — სარედაქციო ბადე დაბეჭდილია მელნით კრემისფერ ქაღალდზე
- HubSpot — თბილი კრემისფერი ქაღალდი ერთი ნარინჯისფერი აქცენტით. HubSpot ჰგავს დიზაინერულ ჟურნალს, რომელიც დაბეჭდილია მძიმე ქაღალდზე - სერიფის სათაურები, თბილი კრემისფერი გვერდები და ერთი ცეცხლოვანი ნარინჯისფერი აქცენტი, რომელიც მხოლოდ ყველაზე მნიშვნელოვან პუნქტებს უსვამს ხაზს.
- Granola — თბილ პერგამენტზე შესრულებული ჩანაწერები - გრანოლა მზისგან განათებულ მაგიდაზე გახსნილი ნახმარი Moleskine-ის რვეულის მსგავსია: სერიფული სათაურები მყარობის შეგრძნებას სძენს, ორგანული მწვანე აქცენტები, როგორიცაა მცენარეული მელანი, და ბარათების კიდეებზე წვრილი ხაზები, რომლებიც ხელით დაწერილ ჩანაწერებს წააგავს.
- Secure — ევროპულ კაფეში, დღის მსუბუქ შუქზე საუბარი ვიდეოზარის თბილი და ელეგანტური ინტერპრეტაციაა, სადაც სერიული სათაურები ტექნოლოგიური პროდუქტის გვერდის ნაცვლად, გააზრებული ჟურნალის სტატიის შთაბეჭდილებას ტოვებს.
- Mockups made easy — სარედაქციო დიზაინის სტუდია თეთრ ფურცელზე