
Subframe
উষ্ণ পার্চমেন্ট কাগজের উপর একটি গ্রাফিক ড্রইং। ডিজাইনার কাগজ, যেখানে প্রতিটি আঁচড় হয় গ্রাফাইট অথবা ইরেজার দিয়ে, কখনোই রঙ দিয়ে নয়—রেখার পুরুত্ব এবং অল্প সেরীফের মাধ্যমে গভীরতা আনা হয়।
সাবফ্রেম হলো একজন ডিজাইনারের জন্য একরঙা কর্মক্ষেত্র: একটি উষ্ণ, ক্রিম রঙের ক্যানভাস, গ্রাফাইট-কালো কালি এবং রঙের ছোঁয়া থেকে সম্পূর্ণ মুক্ত। পুরো ইন্টারফেসটিকে একটি একক উপাদান—কাগজ, পেন্সিল এবং ছায়া—হিসেবে মনে হয়, যার সাথে রয়েছে একটি সাহসী টাইপোগ্রাফিক ছোঁয়া: একটি সুশৃঙ্খল স্যানস-সেরিফ (ইন্টার)-এর বিপরীতে একটি পরিমার্জিত সেরিফ (ইনস্ট্রুমেন্ট সেরিফ), যা শিরোনামগুলিতে সম্পাদকীয় গাম্ভীর্য এনে দেয়। পৃষ্ঠতলগুলি উঁচু না হয়ে সমতল এবং ফ্রেমযুক্ত; #e5e7eb রঙের পাতলা বিভাজক এবং ছায়ার পরিবর্তে কালো কন্ট্রোলগুলিতে ইনসেট হাইলাইটের মাধ্যমে গভীরতা আনা হয়েছে। ঘনত্ব যথেষ্ট: একটি প্রশস্ত উল্লম্ব ছন্দ (বিভাগগুলির মধ্যে ৪৮-৬৪ পিক্সেলের ফাঁক), কেন্দ্রিক, পূর্ণ-প্রস্থের লেআউট এবং লেখার চারপাশে পর্যাপ্ত ফাঁকা জায়গা। একমাত্র রঙ হলো প্রায়-সাদা এবং প্রায়-কালোর বৈপরীত্য, যা প্রতিটি পৃষ্ঠার সবচেয়ে আকর্ষণীয় উপাদান হিসেবে কালো বাটনটিকে তুলে ধরে এবং ধূসর রঙের অংশীদার ব্র্যান্ড লোগোর সারিটিই একমাত্র আলংকারিক দৃশ্যমান উপাদান।
মাঝখানে অবস্থিত, সম্পূর্ণ প্রস্থের (১২০০ পিক্সেল) লেআউট, যেখানে একটি চমৎকার উল্লম্ব ছন্দ রয়েছে। মূল উপাদানটি হলো মাঝখানে অবস্থিত একটি একক ব্লক: উপরে একটি গাঢ় রঙের, খণ্ডিত কন্ট্রোল, একটি বড় "Inter" শিরোনাম, একটি এক-লাইনের উপ-শিরোনাম এবং দুটি সংলগ্ন বাটন (ভরাট + স্বচ্ছ)—কোনো পাশের ছবি নেই, লেআউটে কোনো বিভাজন নেই। মূল উপাদানের নিচে মাঝখানে অবস্থিত একটি ধূসর রঙের লোগো স্ট্রাইপ রয়েছে। পরবর্তী প্রতিটি বিভাগ একই প্যাটার্ন অনুসরণ করে: বামে সারিবদ্ধ একটি শিরোনাম এবং উপ-শিরোনামের ব্লক, তারপর বিভাগগুলোর মধ্যে ৪৮-৬৪ পিক্সেলের ফাঁকা স্থানসহ একটি সম্পূর্ণ প্রস্থের পণ্য প্রদর্শনী ফ্রেম। নেভিগেশন খুবই সংক্ষিপ্ত: উপরে একটি বার যেখানে মাঝখানে লিঙ্ক এবং ডানে সারিবদ্ধ অ্যাকশন রয়েছে, কোনো সাইডবার বা মেগা-মেনু নেই। পৃষ্ঠাটি উপর থেকে নিচে পড়লে মনে হয় যেন এটি মাঝখানে সাজানো কিছু বিবৃতির সমষ্টি, যেখানে প্রত্যেকটিকে পর্যাপ্ত জায়গা দেওয়া হয়েছে—লেআউটটি একটি ব্যস্ত পণ্যের পৃষ্ঠার চেয়ে একটি সম্পাদকীয় পোর্টফোলিওর মতো বেশি মনে হয়।
ভিজ্যুয়াল ডিজাইনটি মিনিমালিস্ট এবং কার্যকরী। সিস্টেমটি দুটি ভিজ্যুয়াল মোড ব্যবহার করে: (১) ২৪ পিক্সেল-রেডিয়াসের ফ্রেমে আবদ্ধ পণ্যের স্ক্রিনশট এবং UI মকআপ—এগুলো একই মনোক্রোম প্যালেটে রেন্ডার করা আসল ইন্টারফেসের উপাদান (টেবিল, বাটন, ফর্ম) প্রদর্শন করে, যা স্ক্রিনশটগুলোকে পৃষ্ঠার সাথে নির্বিঘ্নে একীভূত দেখায়; (২) ধূসর রঙের পার্টনার লোগোর একটি একক স্ট্রিপ সোশ্যাল প্রুফ হিসেবে কাজ করে, যা কোনো রঙ বা কন্টেইনার ছাড়াই ফ্ল্যাটভাবে রেন্ডার করা হয়। এখানে কোনো লাইফস্টাইল ফটো, অ্যাবস্ট্রাক্ট গ্রেডিয়েন্ট বা ৩ডি রেন্ডার নেই। একমাত্র সচিত্র উপাদান হলো একটি গাঢ় রঙের পণ্যের "টাইল", যা একটি ব্র্যান্ড আইকনসহ উষ্ণ ধূসর পটভূমির কেন্দ্রে অবস্থিত—এটি পণ্যের প্রদর্শনী হিসেবে বিবেচিত হয়, সজ্জা হিসেবে নয়। সমস্ত ছবি একটি টেক্সট-ভিত্তিক লেআউটে থাকে, যেখানে ভিজ্যুয়াল গুরুত্ব টেক্সটের উপর বর্তায়।
প্যালেট
নিরপেক্ষ
- Page Canvas
#fafafa— পৃষ্ঠার পটভূমি, ক্যানভাসের ওপর পোস্টকার্ড, গাঢ় পৃষ্ঠতলের ওপর হালকা রঙের লেখা – একটি উষ্ণ সাদা রঙ যা সমগ্র একরঙা ব্যবস্থাটির গভীরে নিহিত। - Hairline Border
#e5e7eb— ডিভাইডার, কার্ড বর্ডার, ইমেজ ফ্রেম, আইকন আউটলাইন—সিস্টেমে সবচেয়ে বেশি ব্যবহৃত আউটলাইনের ধরন, যা স্থানিক কাঠামোকে সংজ্ঞায়িত করে। - Card Surface
#ededed— কার্ডের জন্য উঁচু পটভূমি—একটি অতিরিক্ত পৃষ্ঠতল—ক্যানভাসের এক ধাপ উপরে অবস্থিত, যা ছায়াবিহীন একটি বিন্যাস তৈরি করে। - Divider Mid
#dadada— মধ্যবর্তী স্বর বিভাজক এবং বিভাগগুলির মধ্যে রূপান্তর - Graphite
#242424— উজ্জ্বল পৃষ্ঠতলে প্রধান বাটনগুলির জন্য উচ্চ-কন্ট্রাস্ট নিরপেক্ষ ফিল। - Ink Black
#171717— মূল লেখা, শিরোনাম, আইকনের রূপরেখা - গ্রাফাইটের চেয়ে কিছুটা শীতল, যা পৃষ্ঠতলের পরিবর্তে টাইপোগ্রাফির জন্য ব্যবহৃত হয়।
টাইপোগ্রাফি
১২ থেকে ১২৮ পিক্সেল · ৭টি ধাপ
- Inter — প্রতিস্থাপন: Inter (Google Fonts) · রূপরেখা 500, 600, 700 · একটি স্যানস-সেরিফ সিস্টেম ইন্টারফেস—নেভিগেশন, মূল লেখা, বাটন, উপশিরোনাম এবং বিভাগীয় শিরোনাম। ওয়েট: মূল লেখা ও কন্ট্রোলের জন্য ৫০০, উপশিরোনাম ও নেভিগেশন অ্যাকসেন্টের জন্য ৬০০, এবং বিভাগীয় শিরোনামের জন্য ৭০০। স্ট্রং নেগেটিভ লেটার স্পেসিং যেকোনো আকারের জ্যামিতিক আকৃতিকে সংকুচিত করে, যা ইন্টারফেসটিকে একটি সংক্ষিপ্ত ও টেকনিক্যাল লুক দেয়।
- Instrument Serif — প্রতিস্থাপন: Playfair Display · রূপরেখা 400 · এটি একটি সেরিফ টাইপফেস যা বিশেষভাবে শিরোনাম এবং সম্পাদকীয় লেখার জন্য ডিজাইন করা হয়েছে। এর ৪০০ ওয়েট এবং -০.০২৫em লেটার স্পেসিং একটি মার্জিত, ইটালিক লুক তৈরি করে, যা ইন্টার-এর ইন্ডাস্ট্রিয়াল জ্যামিতির সাথে বৈপরীত্য সৃষ্টি করে। ইন্টার হলো এর একটি স্বতন্ত্র কৌশল: স্যানস-সেরিফ পৃষ্ঠার মধ্যে একটিমাত্র সেরিফ শব্দ বা শব্দগুচ্ছ, যা শিরোনামের স্টাইল হিসেবে নয়, বরং ভিজ্যুয়াল বিরামচিহ্ন হিসেবে কাজ করে।
- Fragment Mono — প্রতিস্থাপন: JetBrains Mono · রূপরেখা 400 · ইনলাইন কোড-সদৃশ উপাদান, ট্যাগ লেবেল এবং টেকনিক্যাল কলআউটের জন্য অ্যাকসেন্ট মনো ব্যবহৃত হয়। এটি পরিমিতভাবে ফাংশন তালিকা এবং ইনলাইন অ্যানোটেশনে দেখা যায়, যেখানে ডিজাইন টুলটি বোঝাতে চায় যে "এটি মেশিনের আউটপুট"।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 16px |
| কার্ডের ব্যাসার্ধ | 24px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 64px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Subframe স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- monopo saigon — সম্পাদকীয় নীরবতার আড়ালে এক তরল, রামধনু-রঙা আভা—গলিত আলোর উপর ভাসমান একটি একরঙা সম্পাদকীয় গ্যালারি।
- Hyer Aviation — ককপিটে পার্চমেন্টের ওপর গোধূলি। ফ্যাকাশে ভোরের আকাশ বিমানদেহের আকারের সেরিফ লোগোটির সাথে মিশেছে, এবং একটিমাত্র উষ্ণ মাটির ছোঁয়া একরঙা সংযমকে ভেঙে দিয়েছে।
- OFF+BRAND. — উষ্ণ পার্চমেন্টের উপর রামধনু রঙের গোলক
- Seed — পরীক্ষাগারের কাঁচের নিচে একটি জীবন্ত প্রাণী
- Eindhoven Design District — সাদা কাগজের ওপর সম্পাদকীয় ব্রুটালিজম হলো একটি পৌর নকশার ইশতেহার, যা বড় হরফে, ন্যূনতম আলোকচিত্র এবং চরম সংযমের সাথে বাস্তবায়িত হয়েছে।
- Miranda — হালকা ক্রিম রঙের পটভূমিতে ক্লাসিক ওয়াইড-ফরম্যাট টাইপ—ডিজিটাল যুগের জন্য একটি সংবাদপত্রের সম্পাদকীয়।
- Monocle — ক্রিম রঙের কাগজে ছাপা একটি উন্নত মানের, প্রশস্ত আকারের সংবাদপত্র। যত্নসহকারে সংকলিত সম্পাদকীয়, যেখানে প্রতিটি কলামেরই নিজস্ব স্থান রয়েছে এবং পাতায় কেবল একটি অর্থবহ রঙেরই উপস্থিতি।
- Agencja brandingowa — সাদা রঙের একটি সম্পাদকীয় গ্যালারি, যেখানে টাইপোগ্রাফি কালো কালিতে করা হয়েছে।
- Websmith Studio — ক্রিম পেপারের উপর সকালের আলো
- Aspelin Reitan — মোমবাতির আলোয় স্থাপত্য আর্কাইভ - পৃষ্ঠাটিকে দেখে মনে হয় যেন একটি উষ্ণ ক্রিম রঙের দেওয়ালে পিন দিয়ে আটকানো নির্মিত স্থাপত্যের একটি পোর্টফোলিও, এবং পৃষ্ঠাটির সম্পূর্ণ প্রস্থ জুড়ে প্রতিটি ছবির উপরে সাদা অক্ষরে লেখা একটিমাত্র লাইন ভেসে আছে।
- Public — ঠান্ডা মার্বেলের উপর একটি একরঙা সম্পাদকীয়—প্রায় একটি একরঙা ক্যানভাস, যেখানে ৩০০-পয়েন্টের সেরিফ ফন্ট এবং একটিমাত্র বেগুনি অ্যাকসেন্টই রঙের সমস্ত কাজটি করছে।
- Motto — কাগজের উপর একটি টাইপোগ্রাফিক অখণ্ড প্রস্তরখণ্ড – তুষার-শুভ্র কাগজের উপর নিজের ঘোষণাকারী এক একক, আত্মবিশ্বাসী কণ্ঠস্বর।