ElevenLabs
ფოტოესე თბილ კრემისფერ ტონებში, დახვეწილი სათაურებით. ბაუჰაუსის სტილის ბლოკნოტი - კვერცხის ნაჭუჭისფერი ქაღალდი, შავი მელანი და ერთი იისფერი და ნარინჯისფერი აქცენტი პროდუქტის საჩვენებლად.
ElevenLabs მუშაობს თბილ, თეთრ მინიმალისტურ სტილში: კვერცხის ნაჭუჭისფერი ტილო (#fdfcfc) შავი შრიფტით და თბილი, მონაცრისფრო ზედაპირების ერთი ფენით (#f5f3f1). ბრენდის იდენტობა მშვიდი და თავდაჯერებულია - ძლივს შესამჩნევი Waldenburg 300 შრიფტი სათაურებს უკიდურესი სიცხადით (-0.02em) უსვამს ხაზს, ხოლო Inter 400/500 ყველაფერს მშვიდ ნეიტრალიტეტს ანიჭებს. ორი აქცენტირებული ფერი - მკვეთრი იისფერი #0447ff და მკვეთრი ნარინჯისფერი #ff4704 - მხოლოდ პროდუქტის ვიზუალურ ელემენტებში (აუდიოსფეროები, პროდუქტის ხატულები) ჩანს, ინტერფეისში არასდროს არის ისეთი ქრომირებული. კომპონენტები რჩება ბრტყელი ან ოდნავ აწეული თხელი 1 პიქსელიანი საზღვრებით, ფართო 20 პიქსელიანი რადიუსით ბარათებზე და სრულად შევსებული 9999 პიქსელიანი ღილაკებით. სისტემა კრემისფერ ქაღალდზე Bauhaus-ის სტუდიას მოგვაგონებს: თავშეკავებული, რედაქციული და ტექნიკურად ზუსტი.
სრული სიგანის სექციები ვერტიკალურად არის განლაგებული ერთ, მაქსიმალური სიგანის ცენტრალურ სვეტში 1280 პიქსელიანი გარე ღარებით. მთავარი სექცია ასიმეტრიულია: სათაური მარცხნივ გასწორებულია 48 პიქსელიან Waldenburg დონეზე, აღწერილობის ტექსტი მარჯვნივ გასწორებულია და სათაურის ქვემოთ ორი აბის ფორმის ღილაკია განთავსებული. მთავარი სექციის ქვემოთ არის დიდი ჩანართებიანი ნავიგაციის ზოლი, რომელიც მოიცავს მთელ კონტენტის სიგანეს. სექციები მონაცვლეობით იცვლება კვერცხის ნაჭუჭისფერ და რუჯისფერ ფონებს შორის 96–125 პიქსელიანი ვერტიკალური ღარებით. ქვედა კოლონტიტული კომპაქტური, ერთიანი ზოლია. ნავიგაცია მინიმალისტური ზედა ზოლია - არანაირი ფიქსირებული ქცევა, არანაირი მეგამენიუ. კონტენტის რიტმი შეესაბამება რედაქციულ სტილს: უამრავი თეთრი სივრცე, ერთი მთავარი ვიზუალური ელემენტი თითო სექციაში და არანაირი ბარათის ბადე "ნდობის" სექციაში.
ვიზუალურ დიზაინში დომინირებს ფერთა სქემა: ძირითადი გრაფიკული ელემენტია რბილი აუდიო სფეროების სახით დიდი გრადიენტები (200 პიქსელზე მეტი წრეები რადიალური გადასვლებით იისფერიდან ნარინჯისფერ და ვარდისფერში). „ნდობის“ განყოფილებაში ლოგოები წარმოდგენილია დაბალი კონტრასტის ნაცრისფერი ტონებით მქრქალი ტილოს ფონზე. ფოტოგრაფია მინიმალურია - არ არის ცხოვრების წესის ან პროდუქტის ფოტოები. ხატწერა იშვიათი და მონოქრომულია (შავი კონტური ან შევსებული ხატები, ქრომატული ხატების გარეშე). ვიზუალური სისტემა უფრო დიზაინის პუბლიკაციას მოგვაგონებს, ვიდრე პროდუქტის კატალოგს - რედაქციული შეზღუდვა ჭარბობს მარკეტინგულ ზემოქმედებას.
პალიტრა
ბრენდი
- Violet Spark
#0447ff— პროდუქტის ვიზუალური აქცენტი - ჩნდება მხოლოდ აუდიო სფეროს ილუსტრაციებსა და დეკორატიულ პროდუქტის ხატულებში; არასდროს გამოიყენება ინტერფეისის ელემენტებისთვის.
ნეიტრალური
- Eggshell
#fdfcfc— გვერდის ტილოს, ღილაკების და ბარათის ზედაპირები თბილი, ოდნავ კრემისფერია და არა მკვეთრი თეთრი, რათა თავიდან იქნას აცილებული ციფრული ბზინვარება და საიტს ქაღალდის სიმშვიდე მიეცეს. - Warm Taupe
#f5f3f1— გამყოფი ზოლები, დეკორატიული ბარათები და დამატებითი ზედაპირის დონე - მქრქალ ზედაპირთან შედარებით ერთი საფეხურით უფრო ღრმა - ქმნის მშვიდ, უსაზღვრო გამიჯვნას. - Stone
#ebe8e4— თხელი საზღვრები, გამყოფები და ხატულების ფონი თბილ ნაცრისფერ ფერშია, რომელიც მოთავსდება მონაცრისფრო-ყავისფერსა და საშუალო ნაცრისფერს შორის და არ იწვევს სიცივეს. - Ink
#000000— იქნება ეს ტექსტი, შევსებული ღილაკები, ნავიგაცია თუ ბმულები, სუფთა შავი ფერი თბილი ფერთა პალიტრის საფუძველს წარმოადგენს და სისტემაში ერთადერთ მკვეთრ კონტრასტს ქმნის. - Graphite
#44403b— ძირითადი ტექსტი, სექციების სათაურები - დახვეწილი თბილი მუქი ნაცრისფერი ტექსტისთვის, რომელიც უნდა იყოს მკვეთრი შავი ფერის სიმკაცრის გარეშე. - Smoke
#777169— ძირითადი ტექსტი, დისკრეტული აღწერილობები და წარწერები საშუალო-თბილი ნაცრისფერია; ბარათებისა და თემატური ტექსტების დომინანტური, წასაკითხი, თუმცა მშვიდი სტილია.
ტიპოგრაფია
10-დან 48 პიქსელამდე · 8 ნაბიჯი
- Waldenburg — ჩანაცვლება: Inter (300) or Söhne Light · კონტურები 300 · მხოლოდ სათაურებისა და დიზაინის ელემენტებისთვის. გამოიყენება 48/36/32 პიქსელიან ფორმატებში, 300 შრიფტის წონით — ულტრამსუბუქი შრიფტი არატრადიციულია; ვებსაიტების უმეტესობა იყენებს 600-700-ს; ეს დახვეწილი შრიფტი ავტორიტეტს თავშეკავების გზით გადმოსცემს. -0.02em-ის მცირე დაშორება ასოებს შორის უფრო მჭიდროდ ჯდება უფრო დიდი ზომის შემთხვევაში. ალტერნატივები: "Inter" 300 წონით ან "Söhne" მსუბუქი წონით, როგორც პრემიუმ ალტერნატივა.
- Inter — ჩანაცვლება: Inter or system-ui · კონტურები 400, 500 · ეკრანს მიღმა არსებული ყველაფერი: ტექსტი, ნავიგაცია, ღილაკები, ბმულები, ეტიკეტები, შეყვანის ველები, ბარათები. 400 არის ნაგულისხმევი წონა; 500 განკუთვნილია ღილაკებისა და მონიშნული ბმულებისთვის. ზომები მერყეობს 10-დან 10-მდე, შემცირებული სტრიქონების ინტერვალით (1.47–1.6), რაც აბზაცებს „სუნთქვის“ საშუალებას აძლევს. ასოებს შორის მცირე ინტერვალი +1 (2) 14-დან 3-მდე ზომის აბზაცებზე აუმჯობესებს წაკითხვადობას.
- Geist Mono — ჩანაცვლება: JetBrains Mono or IBM Plex Mono · კონტურები 400 · მიკროტექსტი, რომელიც განთავსებულია კოდის ან ტექნიკური ტექსტის გვერდით, 13 პიქსელით — იშვიათად გამოიყენება (სიხშირე = 28) ტექნიკური ეტიკეტების ან მეტამონაცემებისთვის. ერთი ფენა, დიდი ხაზის სიმაღლე 1.69.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 8-16px |
| ღილაკის რადიუსი | 9999px |
| ბარათის რადიუსი | 20px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 96-125px |
| გვერდის სიგანე | 1280px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს ElevenLabs სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Awesomic — სარედაქციო თუთიის ბადე ნარინჯისფერი პუნქტუაციის ნიშნებით, რომლებიც კონფეტის მოგვაგონებს
- Monad — სარედაქციო ტექნიკური ჟურნალი თბილ პერგამენტზე
- Dub — Link-ის მქრქალი ბრინჯის ქაღალდის მართვის პანელი
- Seline Analytics — მშვიდი ანალიტიკური მაგიდა თბილ ქაღალდზე
- Notion — თბილი ქაღალდის რვეული შუადღის მზეზე
- Anthropic — სამეცნიერო დარგობრივი ჟურნალი თბილ პერგამენტზე - მშვიდი სპილოს ძვლისფერი ზედაპირები, სერიფიცირებული სარედაქციო სათაურები და ერთი თიხის აქცენტი, რომელიც მხოლოდ მაშინ ჩნდება, როდესაც მოქმედებაა საჭირო.
- Calendly — მუქი ლურჯი მელანი ცივ მარმარილოზე
- Augen Pro — Apple-ის თეთრი პრეზენტაცია მონოქრომულ სივრცეში ერთადერთ აქცენტად კლინიკურ, უწონო, ელექტრო ლურჯ ფერს წარმოადგენს.
- Antimetal — სარედაქციო ქრონიკა კრემისფერ ფურცელზე - მშვიდი დილა სამეცნიერო ჟურნალში, სადაც თავშეკავება თავდაჯერებულობას გამოხატავს და სერიფები მძიმე საქმეს აკეთებენ.
- Perk — ელექტრო ლაიმი თბილ პერგამენტის ქაღალდზე
- Ditto — მზით განათებული სახელოსნო, სადაც ველური ყვავილების ნიმუშები იქმნება. თბილი კრემისფერი ზედაპირები, ნათელი ყვითელი საბაზისო ფერი, მუქი ლურჯი მელანი, ნამუშევრის უკან ორგანული ფერის ფორმები ყვავის.
- Officevibe — სარედაქციო ჟურნალი თბილ კრემისფერ ქაღალდზე. წარმოიდგინეთ ადამიანური რესურსების მენეჯმენტის შესახებ გააზრებული ესე, წარმოდგენილი როგორც პროდუქტი - დახრილი სერიფული შრიფტი, რომელიც ჩურჩულებს თანამედროვე ლურჯ ინტერფეისში.