Calendly
მუქი ლურჯი მელანი ცივ მარმარილოზე
Calendly-ს აქვს მშვიდი, თავდაჯერებული დაგეგმვის სამუშაო სივრცე: თითქმის თეთრი ტილო უამრავი „სასუნთქი ზონით“, ცივ ნაცრისფერ ფონზე მოტივტივე მკვეთრი თეთრი პროდუქტის ბარათები და ყველა ტიპოგრაფია შესრულებულია მუქი ლურჯი მელნით სუფთა შავის ნაცვლად. განმსაზღვრელი ელემენტია მუქი ლურჯი ფერი (#0b3558), რომელიც გამოიყენება ყველგან, სადაც ტექსტი ჩნდება - სათაურები, ღილაკები, ხატულები, ბმულები - რაც მთელ ინტერფეისს არბილებს, ხდის მას უფრო თბილს და ელეგანტურს, ვიდრე ტიპიური SaaS სადესანტო გვერდი. ყველა ძირითადი მოქმედებისთვის გამოიყენება ერთი კაშკაშა ლურჯი (#006bff), ხოლო დეკორატიული ვარდისფერი და ლურჯი ლაქები, რომლებიც პროდუქტის განლაგებას სცილდება, სითბოს მატებს არეულობის შექმნის გარეშე. კომპონენტები შეუმჩნეველია: თხელი 1 პიქსელიანი საზღვრები, დახვეწილი ლურჯი ჩრდილები, დიდი 24 პიქსელიანი ბარათის რადიუსი და 8 პიქსელიანი ღილაკების კუთხეები განზრახ არის შექმნილი და არა უინტერესო.
მაქსიმალური სიგანე 1200 პიქსელი, ცენტრირებული, ფართო კიდეებით სამუშაო მაგიდაზე. მთავარი ეკრანი დაყოფილია ორ სვეტად: მარცხენა სვეტი შეიცავს 80 პიქსელიან სათაურს + ძირითად ტექსტს + დაწყობილ შესვლის ღილაკებს, ხოლო მარჯვენა სვეტი შეიცავს დაჯავშნის ვიჯეტის ბარათს ფონზე დეკორატიული ელემენტებით. მთავარი ეკრანის ქვემოთ არის ერთი, სრული სიგანის ზოლი Trust-ის ლოგოთი. შემდგომი სექციები მონაცვლეობით განლაგებულია ცენტრირებული სათაურის ბლოკებს შორის (H2 + ქვეტექსტი + სურვილისამებრ მოწოდება მოქმედებისკენ), რასაც მოჰყვება ორსვეტიანი ბლოკები, რომლებიც აღწერენ მახასიათებლებს (ტექსტი მარცხნივ/პროდუქტი მარჯვნივ ან პროდუქტი მარცხნივ/ტექსტი მარჯვნივ) თითოეული პროდუქტის სურათის უკან დეკორატიული აქცენტური ელემენტებით. ბარათების ბადეები იშვიათად გამოიყენება - განლაგება უპირატესობას ანიჭებს დაწყვილებულ სექციებს, რომლებიც განთავსებულია გვერდიგვერდ, მრავალსვეტიანი ბადეების ნაცვლად. სექციებს შორის დაშორება მერყეობს 48-დან 64 პიქსელამდე. ნავიგაცია არის 64 პიქსელიანი ფიქსირებული ზედა ზოლი მარცხნივ ლოგოთი, ცენტრირებული მენიუთი და მარჯვნივ მოწოდებების ჯგუფით.
მთავარი ვიზუალური ელემენტია პროდუქტის ეკრანის ანაბეჭდები - დაჯავშნის კალენდრის მომხმარებლის ინტერფეისის მარტივი მაკეტები, რომლებიც გამოსახულია მკვეთრ თეთრ ბარათებზე ფართო, მომრგვალებული კუთხეებით. დეკორატიული დიზაინი: თითოეული პროდუქტის ბარათი გარშემორტყმულია მარჯნისფერი იისფერის (#e55cff) ან ზურმუხტისფერი ლურჯის (#0099ff) რბილი ლაქით, რომელიც ოდნავ გადახრილი და ბუნდოვანია, რაც ქმნის კოლაჟის ეფექტს ბრტყელი ეკრანის ანაბეჭდის ნაცვლად. არ არის ფოტოები, არ არის ცხოვრების წესის სურათები - ყველა ვიზუალური ელემენტი წარმოადგენს პროდუქტის მომხმარებლის ინტერფეისს, აბსტრაქტულ აქცენტურ ფორმებს ან მონოქრომულ პარტნიორის ლოგოებს ნდობის ზოლზე. ხატულები წრფივია 1.5–2 პიქსელის ხაზის სიგანით, მონოქრომული, მუქი ლურჯი (Ink Navy) ან ლურჯი (Signal Blue).
პალიტრა
ბრენდი
- Ink Navy
#0b3558— მთავარი ტექსტი, სათაურები, ხატულები, მოქმედებისკენ მოწოდების მუქი ფონი, ნავიგაციის ბმულები. - Signal Blue
#006bff— მოქმედებისკენ ძირითადი მოწოდება (CTA), აქტიური ნავიგაცია, ბმულის ხაზგასმა, არჩეული მდგომარეობები
ნეიტრალური
- Carbon
#0a0a0a— ტექსტი სუფთა შავი ფერის (სათადარიგო), ლოგოს გლიფი, ხატულას შევსება. - Slate Gray
#476788— დამატებითი მთავარი ტექსტი, დამხმარე ტექსტი, მდუმარე ეტიკეტები. - Mist Gray
#a6bbd1— გამორთული ტექსტი, არააქტიური ფუნქციის ეტიკეტები, სინათლის ხატულას კონტურები - Cloud
#f8f9fb— გვერდის ტილო, ქვედა კოლონტიტულის ფონი, დამატებითი ზედაპირი - Paper
#ffffff— ბარათის ზედაპირები, ამოზნექილი პანელები, ღილაკების ტექსტი მუქ ფონზე. - Pebble
#f0f3f8— ხატულების ფონის სურათები, შეყვანის ველის დაჩრდილვა, დახვეწილი გამყოფები, მაუსის გადატარების ეფექტები.
ტიპოგრაფია
12-დან 80 პიქსელამდე · 10 ნაბიჯი
- Gilroy — ჩანაცვლება: Manrope · კონტურები 400, 500, 600, 700 · ინტერფეისის ყველა ტექსტი. გილროი გეომეტრიული ჰუმანისტური სანსერიფია ფართო დიაფრაგმებით და ერთგვაროვანი შტრიხების კონტრასტით; მისი მუქი შრიფტები (700) გამოიყენება სათაურებისთვის, ხოლო 500–600 გამოიყენება ღილაკებისა და ქვესათაურებისთვის. შეცვალეთ Manrope-ით ან Inter-ით.
- Gilroy — ჩანაცვლება: Inter · კონტურები 400 · ძირითადი ტექსტი და ზოგადი დანიშნულების ინტერფეისის ეტიკეტები - 400-პუნქტიანი შრიფტის წონა უზრუნველყოფს გრძელი ტექსტების წაკითხვას მძიმე შეგრძნების გარეშე.
- Gilroy — ჩანაცვლება: Inter · კონტურები 500 · მეორადი სათაურები და მონიშნული ტექსტი - 14/500 შრიფტი ბარათის სათაურებისა და ჩასმული ეტიკეტების ძირითადი ინსტრუმენტია.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 8-16px |
| ღილაკის რადიუსი | 8px |
| ბარათის რადიუსი | 24px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 48-64px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Calendly სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Mollie — ქაშმირის დახლი, მუქი ფერის წიგნი. შავი ტექსტის გარშემო დატოვეთ საკმარისი თეთრი სივრცე სარედაქციო დიზაინის შესაქმნელად, შემდეგ კი პროდუქტთან დაკავშირებული პუნქტები გააძლიერეთ თბილი კრემებით, ესპრესო-ყავისფერი ყავით და გადახდის რეალური მეთოდების ტაქტილური ფოტოებით.
- Kagi — ცალკე სამკითხველო ოთახი. შექმენით ღია თეთრი სივრცე თამამი გრაფიტის ტექსტის გარშემო, დახვეწილი იისფერი აქცენტებისა და თბილი პასტელური ზედაპირების გამოყენებით სიმშვიდის დასარღვევად.
- Milanote — Milanote არის სპეციალური შემოქმედებითი სტუდია. შექმენით სარედაქციო გალერეის სტილის გვერდები მცურავი ვიზუალური დაფების გამოყენებით: მუქი ჩარჩოებით მოპირკეთებული კედლები, თეთრი საჩვენებელი სივრცე და ეკრანის ანაბეჭდები, რომლებიც რეალურ ობიექტებს ჰგავს რბილი სიღრმით.
- Co2 — კლიმატის ატლასი ზამთრის შუქზე. შექმენით გვერდები საჰაერო დოკუმენტის ლანდშაფტის მსგავსი, სადაც სერიული სათაურები, კატეგორიის მიხედვით კოდირებული მონაცემები და ყინულოვანი სურათები ფართო თეთრ კიდეებს გამოკვეთს.
- GitButler — ტექსტის ბოლოს ფირუზისფერი. მაღალი კონტრასტის მქონე სერიფული სათაურების კომბინაცია დახვეწილი ტექნიკური ბადეებით, თბილი გრაფიტის ზედაპირებითა და დისკრეტული ფირუზისფერი აქცენტით.
- ElevenLabs — ფოტოესე თბილ კრემისფერ ტონებში, დახვეწილი სათაურებით. ბაუჰაუსის სტილის ბლოკნოტი - კვერცხის ნაჭუჭისფერი ქაღალდი, შავი მელანი და ერთი იისფერი და ნარინჯისფერი აქცენტი პროდუქტის საჩვენებლად.
- Awesomic — სარედაქციო თუთიის ბადე ნარინჯისფერი პუნქტუაციის ნიშნებით, რომლებიც კონფეტის მოგვაგონებს
- Monad — სარედაქციო ტექნიკური ჟურნალი თბილ პერგამენტზე
- Dub — Link-ის მქრქალი ბრინჯის ქაღალდის მართვის პანელი
- Seline Analytics — მშვიდი ანალიტიკური მაგიდა თბილ ქაღალდზე
- Notion — თბილი ქაღალდის რვეული შუადღის მზეზე
- Anthropic — სამეცნიერო დარგობრივი ჟურნალი თბილ პერგამენტზე - მშვიდი სპილოს ძვლისფერი ზედაპირები, სერიფიცირებული სარედაქციო სათაურები და ერთი თიხის აქცენტი, რომელიც მხოლოდ მაშინ ჩნდება, როდესაც მოქმედებაა საჭირო.