
Calendly
ঠান্ডা মার্বেলের উপর গাঢ় নীল কালি
ক্যালেন্ডলিকে একটি শান্ত, আত্মবিশ্বাসী পরিকল্পনা কর্মক্ষেত্রের মতো মনে হয়: একটি প্রায়-সাদা ক্যানভাস যেখানে যথেষ্ট ফাঁকা জায়গা রয়েছে, শীতল ধূসর পটভূমির বিপরীতে ভেসে থাকা ঝকঝকে সাদা প্রোডাক্ট কার্ড, এবং সমস্ত টাইপোগ্রাফি নিখাদ কালোর পরিবর্তে গাঢ় নীল কালিতে রেন্ডার করা। এর প্রধান বৈশিষ্ট্য হলো গাঢ় নীল রঙ (#0b3558), যা শিরোনাম, বাটন, আইকন, লিঙ্ক—সবখানে ব্যবহৃত হয়েছে। এটি পুরো ইন্টারফেসটিকে স্নিগ্ধ করে তোলে, যা এটিকে সাধারণ SaaS ল্যান্ডিং পেজের চেয়ে উষ্ণতর এবং আরও স্টাইলিশ করে তোলে। সমস্ত প্রধান অ্যাকশনের জন্য একটিমাত্র উজ্জ্বল নীল (#006bff) রঙ ব্যবহার করা হয়েছে, এবং প্রোডাক্ট লেআউটের বাইরে বিস্তৃত আলংকারিক গোলাপী ও নীল রঙের ছোঁয়া কোনো রকম জঞ্জাল তৈরি না করেই উষ্ণতা যোগ করে। উপাদানগুলোকে সংযত রাখা হয়েছে: পাতলা ১ পিক্সেলের বর্ডার, হালকা নীলচে আভার শ্যাডো, বড় ২৪ পিক্সেলের কার্ড রেডিয়াস এবং ৮ পিক্সেলের বাটনের কোণা—এগুলো সাদামাটা না হয়ে বরং সুচিন্তিত বলে মনে হয়।
ডেস্কটপে সর্বোচ্চ প্রস্থ ১২০০ পিক্সেল, মাঝখানে অবস্থিত এবং প্রশস্ত মার্জিনযুক্ত। মূল স্ক্রিনটি দুটি কলামে বিভক্ত: বাম কলামে একটি ৮০ পিক্সেলের হেডার + মূল লেখা + পরপর লগইন বাটন রয়েছে, আর ডান কলামে একটি বুকিং উইজেট কার্ড রয়েছে যার পটভূমিতে আলংকারিক উপাদান রয়েছে। মূল স্ক্রিনের নিচে ট্রাস্ট লোগো সহ একটি একক, সম্পূর্ণ-প্রস্থের স্ট্রাইপ রয়েছে। পরবর্তী বিভাগগুলিতে পর্যায়ক্রমে মাঝখানে অবস্থিত হেডার ব্লক (H2 + সাবটেক্সট + ঐচ্ছিক কল টু অ্যাকশন) এবং তারপরে বৈশিষ্ট্য বর্ণনাকারী দুই-কলামের ব্লক (বামে লেখা/ডানে পণ্য অথবা বামে পণ্য/ডানে লেখা) রয়েছে, যেখানে প্রতিটি পণ্যের ছবির পিছনে আলংকারিক অ্যাকসেন্ট উপাদান থাকে। কার্ড গ্রিড খুব কমই ব্যবহৃত হয়—এই লেআউটে একাধিক কলামের গ্রিডের পরিবর্তে পাশাপাশি জোড়া বিভাগ রাখা হয়েছে। বিভাগগুলির মধ্যে ব্যবধান ৪৮ থেকে ৬৪ পিক্সেলের মধ্যে। নেভিগেশনটি একটি ৬৪ পিক্সেলের স্থির টপ বার, যার বাম দিকে লোগো, মাঝখানে একটি মেনু এবং ডান দিকে একগুচ্ছ কল টু অ্যাকশন রয়েছে।
প্রধান ভিজ্যুয়াল উপাদানটি হলো প্রোডাক্ট স্ক্রিনশট—বুকিং ক্যালেন্ডারের ইউজার ইন্টারফেসের সাধারণ মকআপ, যা চওড়া ও গোলাকার কোণাযুক্ত ঝকঝকে সাদা কার্ডে রেন্ডার করা হয়েছে। আলংকারিক ডিজাইন: প্রতিটি প্রোডাক্ট কার্ডকে ঘিরে রয়েছে কোরাল পার্পল (#e55cff) বা অ্যাজুর ব্লু (#0099ff) রঙের একটি হালকা আভা, যা সামান্য অফসেট ও ব্লার করা, এবং এটি একটি ফ্ল্যাট স্ক্রিনশটের পরিবর্তে কোলাজ এফেক্ট তৈরি করে। কোনো ফটোগ্রাফ বা লাইফস্টাইল ইমেজ নেই—সমস্ত ভিজ্যুয়াল উপাদানই প্রোডাক্টের ইউজার ইন্টারফেস, অ্যাবস্ট্রাক্ট অ্যাকসেন্ট শেপ, অথবা ট্রাস্ট বারের উপর থাকা মনোক্রোম পার্টনার লোগোকে উপস্থাপন করে। আইকনগুলো লিনিয়ার, যার লাইন উইডথ ১.৫–২ পিক্সেল, মনোক্রোম এবং গাঢ় নীল (ইঙ্ক নেভি) বা নীল (সিগন্যাল ব্লু) রঙের।
প্যালেট
ব্র্যান্ড
- Ink Navy
#0b3558— মূল লেখা, শিরোনাম, আইকন, কল টু অ্যাকশন ও নেভিগেশন লিঙ্কের জন্য গাঢ় ব্যাকগ্রাউন্ড। - Signal Blue
#006bff— প্রাথমিক কল টু অ্যাকশন (CTA), সক্রিয় নেভিগেশন, লিঙ্কের উপর জোর, নির্বাচিত অবস্থা
নিরপেক্ষ
- Carbon
#0a0a0a— সম্পূর্ণ কালো রঙের লেখা (ফলব্যাক), লোগো গ্লিফ, আইকন ফিল। - Slate Gray
#476788— অতিরিক্ত মূল পাঠ্য, সহায়ক পাঠ্য, অনুজ্জ্বল লেবেল। - Mist Gray
#a6bbd1— অক্ষম টেক্সট, নিষ্ক্রিয় ফাংশন লেবেল, হালকা আইকন আউটলাইন - Cloud
#f8f9fb— পৃষ্ঠার ক্যানভাস, ফুটারের পটভূমি, অতিরিক্ত পৃষ্ঠতল - Paper
#ffffff— কার্ডের পৃষ্ঠতল, উঁচু প্যানেল, এবং গাঢ় পটভূমিতে বোতামের লেখা। - Pebble
#f0f3f8— আইকনের জন্য ব্যাকগ্রাউন্ড ইমেজ, ইনপুট ফিল্ডের শেডিং, সূক্ষ্ম বিভাজক, হোভার ইফেক্ট।
টাইপোগ্রাফি
১২ থেকে ৮০ পিক্সেল · ১০টি ধাপ
- Gilroy — প্রতিস্থাপন: Manrope · রূপরেখা 400, 500, 600, 700 · সমস্ত ইন্টারফেস টেক্সট। গিলরয় একটি জ্যামিতিক হিউম্যানিস্ট স্যানস-সেরিফ ফন্ট, যার অ্যাপারচার প্রশস্ত এবং স্ট্রোক কনট্রাস্ট অভিন্ন; এর বোল্ড ওয়েট (700) হেডিংয়ের জন্য ব্যবহৃত হয়, আর 500–600 বাটন এবং সাবহেডিংয়ের জন্য ব্যবহৃত হয়। ম্যানরোপ বা ইন্টার দিয়ে প্রতিস্থাপন করুন।
- Gilroy — প্রতিস্থাপন: Inter · রূপরেখা 400 · মূল লেখা এবং সাধারণ UI লেবেলের জন্য ৪০০-পয়েন্ট ফন্ট ওয়েট ব্যবহার করা হয়েছে, যা দীর্ঘ লেখাকেও ভারী না দেখিয়ে সহজে পাঠযোগ্য করে তোলে।
- Gilroy — প্রতিস্থাপন: Inter · রূপরেখা 500 · সেকেন্ডারি হেডিং এবং হাইলাইট করা মূল টেক্সটের জন্য, কার্ডের হেডিং এবং ইনলাইন লেবেলের প্রধান উপকরণ হলো ১৪/৫০০ ফন্ট।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 8-16px |
| বোতামের ব্যাসার্ধ | 8px |
| কার্ডের ব্যাসার্ধ | 24px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 48-64px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Calendly স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- ElevenLabs — উষ্ণ ক্রিম রঙের ছোঁয়ায় তোলা একটি আলোকচিত্র-প্রবন্ধ, সাথে রয়েছে সূক্ষ্ম শিরোনাম। বাউহাউস-শৈলীর একটি নোটবুক—ডিমের খোসার মতো রঙের কাগজ, কালো কালি, এবং পণ্য প্রদর্শনের জন্য একটিমাত্র বেগুনি ও কমলা রঙের অলঙ্করণ।
- Awesomic — সম্পাদকীয় জিঙ্ক মেশ, যাতে কনফেটির কথা মনে করিয়ে দেয় এমন কমলা রঙের যতিচিহ্ন রয়েছে।
- Monad — উষ্ণ পার্চমেন্টে সম্পাদকীয় প্রযুক্তিগত জার্নাল
- Dub — লিঙ্কের ম্যাট রাইস পেপার কন্ট্রোল প্যানেল
- Seline Analytics — উষ্ণ কাগজের উপর একটি শান্ত বিশ্লেষণাত্মক টেবিল
- Notion — দুপুরের রোদে একটি উষ্ণ কাগজের নোটবুক
- Anthropic — উষ্ণ ভেলাম কাগজে ছাপা একটি বৈজ্ঞানিক ক্ষেত্র-জার্নাল—শান্ত হাতির দাঁতের মতো পৃষ্ঠতল, সেরীফযুক্ত সম্পাদকীয় শিরোনাম, এবং একটিমাত্র মাটির ছোঁয়া যা কেবল প্রয়োজনের মুহূর্তেই ফুটে ওঠে।
- Augen Pro — অ্যাপলের সাদা উপস্থাপনাটিতে একরঙা পরিসরে একমাত্র অ্যাকসেন্ট হিসেবে একটি পরিচ্ছন্ন, ওজনহীন, বৈদ্যুতিক নীল রঙ ব্যবহার করা হয়েছে।
- Antimetal — ক্রিম রঙের কাগজে ছাপা একটি সম্পাদকীয় ইতিবৃত্ত—একটি বৈজ্ঞানিক জার্নালের শান্ত সকাল, যেখানে সংযম আত্মবিশ্বাস প্রকাশ করে এবং সেরিফ ফন্টগুলোই মূল ভার বহন করে।
- Perk — গরম পার্চমেন্ট পেপারে বৈদ্যুতিক চুন
- Ditto — সূর্যালোকিত একটি কর্মশালায় বুনো ফুলের নমুনা তৈরি হচ্ছে। উষ্ণ ক্রিম রঙের পৃষ্ঠতল, একটি প্রাণবন্ত হলুদ ভিত্তি রঙ, গাঢ় নেভি ব্লু কালি, এবং শিল্পকর্মটির পেছনে ফুটে ওঠা জৈব রঙের রূপ।
- Officevibe — উষ্ণ ক্রিম রঙের কাগজে ছাপা একটি সম্পাদকীয় পত্রিকা। কল্পনা করুন, মানব সম্পদ ব্যবস্থাপনার উপর একটি চিন্তাশীল প্রবন্ধ, যা একটি পণ্য হিসেবে উপস্থাপিত—একটি আধুনিক নীল ইন্টারফেসের মধ্য দিয়ে ফিসফিস করে কথা বলছে কারসিভ সেরিফ ফন্ট।