Framer
শূন্যতার মাঝে নিয়ন গ্যালারি
ফ্রেমার প্রায়-সম্পূর্ণ অন্ধকার হিসেবে কাজ করে—একটি কালো ক্যানভাস যেখানে কন্টেন্ট কোনো গ্যালারির উদ্বোধনী অনুষ্ঠানে নিয়ন সাইনের মতো ভেসে থাকে। হেডলাইনগুলো জিটি ওয়ালশেইম মিডিয়াম ফন্টে ০.৮–১.১-এর টাইট লাইন স্পেসিং এবং অ্যাগ্রেসিভ নেগেটিভ লেটার স্পেসিং (-০.০৪em, ৫৪px-এ) ব্যবহার করে একটি সংকুচিত ও আলংকারিক টাইপফেস তৈরি করে, যা পৃষ্ঠার উপর পরিপাটিভাবে বসে থাকার পরিবর্তে সামনের দিকে এগিয়ে আসে। একটিমাত্র ইলেকট্রিক ব্লু (#0099ff) রঙ সমস্ত কার্যকরী অ্যাকসেন্ট—বর্ডার, গ্লো, আইকন, অ্যাক্টিভ স্টেট—প্রদান করে, যখন ইন্টারফেসের বাকি অংশ বর্ণহীন থাকে এবং বিশুদ্ধ কালো থেকে গভীরতা তৈরি করতে সূক্ষ্ম ধূসর ট্রানজিশনের (#111, #171717, #242424) উপর নির্ভর করে। কম্পোনেন্টগুলোকে আলংকারিক না হয়ে বরং সুচিন্তিত বলে মনে হয়: ৮–২৫px-এর গোলাকার ব্যাসার্ধ, ১px-এর পাতলা বর্ডার, ন্যূনতম ড্রপ শ্যাডো এবং স্বচ্ছ পৃষ্ঠতল যা শূন্যতাকে এর মধ্য দিয়ে উদ্ভাসিত হতে দেয়।
সম্পূর্ণ প্রস্থের সেকশনগুলো কালো ক্যানভাসের বাইরে পর্যন্ত বিস্তৃত, যেখানে কন্টেন্টের সর্বোচ্চ প্রস্থ প্রায় ১২০০ পিক্সেল এবং তা মাঝখানে অবস্থিত। মূল সেকশনটিতে একটি বাম-সারিবদ্ধ হেডার এবং একটিমাত্র কল-টু-অ্যাকশন (CTA) বাটন রয়েছে, এবং এর ডান দিকটি ইচ্ছাকৃতভাবে ফাঁকা রাখা হয়েছে—অপ্রতিসমভাবে, মাঝখানে নয়। সেকশনগুলোতে পর্যায়ক্রমে শুধু টেক্সট-ভিত্তিক লেআউট (বড় হেডার + সাবটেক্সট) এবং পণ্যের স্ক্রিনশট ব্যবহার করা হয়েছে। "ফ্রেমারের সাথে আসে" সেকশনটিতে একটি ৪-কলামের গ্রিডে লোগো ওয়াল ব্যবহার করা হয়েছে। কমিউনিটি সেকশনে, গোলাকার কোণাসহ একটি মাঝখানে অবস্থিত সম্পূর্ণ প্রস্থের কন্টেইনারের মধ্যে পণ্যের একটি স্ক্রিনশট রাখা হয়েছে। নেভিগেশন খুবই সংক্ষিপ্ত—একটি পাতলা টপ বার, যার বাম দিকে লোগো এবং ডান দিকে লিঙ্কগুলো সাজানো, এবং কোনো দৃশ্যমান কন্ট্রোল নেই। সেকশনের ছন্দ: সেকশনগুলোর মধ্যে ৮০ পিক্সেলের উল্লেখযোগ্য উল্লম্ব ফাঁক রাখা হয়েছে, যা শূন্যে ভাসমান কন্টেন্টের স্বতন্ত্র দ্বীপের মতো মনে হয়।
পণ্যটির ইউজার ইন্টারফেসের স্ক্রিনশটগুলোই প্রাধান্য পায়—ট্র্যাফিক লাইটের ডটযুক্ত একটি ক্রোম-সদৃশ উইন্ডোর ফ্রেমে আবদ্ধ, অ্যাপটির এমবেড করা স্ক্রিনশটগুলোই মূল চিত্র হয়ে ওঠে। গুণমানের প্রমাণস্বরূপ লোগোগুলো কালো পটভূমিতে সাদা অক্ষরে এবং প্রশস্ত ব্যবধানে উপস্থাপন করা হয়। কোনো ফটোগ্রাফ, ইলাস্ট্রেশন বা বিমূর্ত গ্রাফিক্স ব্যবহার করা হয় না—এর ভিজ্যুয়াল ভাষা হলো স্বয়ং পণ্যটিই, যা একটি জীবন্ত ইন্টারফেস হিসেবে প্রদর্শিত হয়। আইকনের ধরন: মিনিমালিস্ট, আউটলাইনযুক্ত, একরঙা এবং সাদা, ছোট আকারের। লেখার ঘনত্ব: প্রধানত লেখা, সাথে মাঝে মাঝে পণ্যের স্ক্রিনশটের আকারে বড় অংশ। স্থানের এই ভিজ্যুয়াল ভারসাম্যে ছবির চেয়ে টাইপোগ্রাফিকেই স্পষ্টভাবে প্রাধান্য দেওয়া হয়েছে।
প্যালেট
ব্র্যান্ড
- Vivid Violet
#0066ff— ইন্টারফেসের মধ্যে শুধুমাত্র প্রাইমারি অ্যাকশন বাটনটিতেই একটি নিরেট রঙের ব্যাকগ্রাউন্ড প্রদর্শিত হয়।
নিরপেক্ষ
- Bone
#ffffff— প্রধান শিরোনাম ও মূল লেখা কালো পটভূমিতে রয়েছে এবং বাটনের পটভূমিই আলোর একমাত্র উৎস। - Void
#000000— পেজ ক্যানভাস, নেভিগেশন ব্যাকগ্রাউন্ড, কার্ড সারফেস, আইকন ফিল—সবকিছুই এক অন্তহীন কালো রঙের, যা সমস্ত অপ্রয়োজনীয় বিষয়বস্তুকে শুষে নেয়। - Graphite
#111111— উঁচু কার্ড পৃষ্ঠতলগুলি শূন্যতার চেয়ে এক ধাপ উন্নত—বড়, কার্যকরী কার্ড এবং মোডাল কন্টেইনার। - Obsidian
#171717— বাটন, অতিরিক্ত কার্ড ও UI ফিল-এর জন্য মধ্যবর্তী পৃষ্ঠতল – যা ইন্টারেক্টিভ উপাদানগুলোকে ক্যানভাস থেকে আলাদা করে। - Slate
#242424— হোভার করলে, টেক্সট ফরম্যাটে পরিবর্তিত হওয়ার আগে ইনপুট ফিল্ড এবং ইনডেন্টেড প্যানেলগুলো সবচেয়ে উজ্জ্বল নিরপেক্ষ রঙে প্রদর্শিত হয়। - Ash
#333333— নিষ্ক্রিয় ব্যাকগ্রাউন্ড ইমেজ এবং কাঠামোগত উপাদানগুলির জন্য গভীর ফিল।
টাইপোগ্রাফি
১২ থেকে ৬৮ পিক্সেল · ৮টি ধাপ
- sans-serif — প্রতিস্থাপন: Inter · রূপরেখা 400 · স্যানস-সেরিফ - নিষ্কাশিত ডেটাতে পাওয়া গেছে কিন্তু এআই দ্বারা বর্ণিত নয়।
- GT Walsheim — প্রতিস্থাপন: Inter Tight · রূপরেখা 500 · হেডিং এবং টাইটেলের জন্য ব্যবহৃত ফন্টটি হলো ব্র্যান্ড ফন্ট। এটি অত্যন্ত কনডেন্সড, যার লাইন স্পেসিং ০.৮–১.১ এবং লেটার স্পেসিং -০.০৪em থেকে -০.০৫em, এবং এর রেজোলিউশন ৪৪–৬৮ পিক্সেল। এটি কোনো আলংকারিক উপাদান নয়; জিটি ওয়ালশাইম-এর জ্যামিতিক উষ্ণতা, কঠোর মেট্রিক্সের সাথে মিলিত হয়ে সিস্টেমটির নিজস্ব একটি আবহ তৈরি করে—যা আত্মবিশ্বাসী, সংক্ষিপ্ত এবং কিছুটা ভবিষ্যৎমুখী। একই ধরনের জ্যামিতিক অভিব্যক্তির জন্য ইন্টার টাইট বা স্পেস গ্রোটেস্ক বোল্ড বিবেচনা করতে পারেন।
- Inter Variable — প্রতিস্থাপন: Inter · রূপরেখা 400 · মূল টেক্সট, নেভিগেশন এবং সেকেন্ডারি হেডিংগুলোই হলো এর প্রধান চালিকাশক্তি। ইন্টার ভ্যারিয়েবল অ্যাক্সিস ওয়েট-এর মসৃণ ইন্টারপোলেশনের সুযোগ দেয়। সাইজ বাড়ার সাথে সাথে ট্র্যাকিং সংকুচিত হয়: -0.001em থেকে 18px এবং -0.027em থেকে 22px পর্যন্ত। ভ্যারিয়েবল ভার্সনটি সাইটের মসৃণ মাইক্রো-অ্যানিমেশনের সুযোগ দেয়। বিকল্প: ইন্টার ( Google) – একটি প্রায় অভিন্ন ফলব্যাক।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 10px |
| বোতামের ব্যাসার্ধ | 9999px |
| কার্ডের ব্যাসার্ধ | 20px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 80px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Framer স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Auros — জৈব-আলোকিত ডেটা বল সহ অতল টার্মিনাল
- Origin Financial — নিস্তব্ধ ঐশ্বর্যের এক মধ্যরাতের গ্যালারি। একটি শান্ত, প্রায় অন্ধকার ঘর, যেখানে বড় সেরিফ ফন্ট এবং কয়েকটি আলোকিত রঙিন প্যানেল এমন অনুভূতি তৈরি করে যে, অর্থব্যবস্থা যেন যত্নসহকারে সাজানো এক শিল্পকর্ম।
- Raycast — মিডনাইট কমান্ড সেন্টার, কোরাল নিয়ন
- Dimension — ফ্রস্টেড গ্লাস প্যানেল সহ একটি গোধূলি-আলোকিত ওয়ার্কস্টেশন
- Reflect Notes — তারকাখচিত বেগুনি মহাকাশ হলো এক অন্ধকার মানমন্দির, যেখানে প্রায় কালো নীল শূন্যতার পটভূমিতে সুর ভেসে বেড়ায় নক্ষত্রপুঞ্জের মতো।
- Ameba — মধ্যরাতে কন্ট্রোল রুম – হিমায়িত কাচের প্যানেলের ভেতরে এক বৈদ্যুতিক নীল স্পন্দন।
- Branding — কালো গ্যালারি ওয়াল, রক্ত লাল অ্যাকসেন্ট - একটি শূন্যতার মতো দেখতে গাঢ় ক্যানভাসের উপর বড় সাদা ফন্ট ভেসে আছে, যার মাঝে রয়েছে একটিমাত্র উজ্জ্বল লাল অ্যাকসেন্ট এবং নজরকাড়া আলংকারিক উপাদান, যা কোনো ওয়েব ইন্টারফেসের চেয়ে গ্যালারির সাইনবোর্ডের মতো বেশি দেখায়।
- Harness — মধ্যরাতে ফসফোরেসেন্ট সবুজ ছোঁয়ায় মিশন কন্ট্রোল
- Koto — মধ্যরাতে অবসিডিয়ান গ্যালারি। প্রায় ঘুটঘুটে অন্ধকার মঞ্চ, যেখানে উষ্ণ আলোর একমাত্র উৎস একটিমাত্র হলুদ মার্কার, আর বিশাল শূন্যতায় প্রদর্শনীর পোস্টারের মতো ভেসে বেড়াচ্ছে সংকুচিত অক্ষর।
- Ohzi — একটি অন্ধকার গ্যালারিতে ঝুলন্ত একটি উজ্জ্বল ঘনক্ষেত্র
- Depot — একটি অন্ধকার সার্ভার টার্মিনাল। প্রায় কালো একটি ডেভেলপার কনসোল, যেখানে কাজ শুরুর সংকেত দিতে একটিমাত্র সবুজ এলইডি রয়েছে এবং বাকি ইউজার ইন্টারফেস গ্রাফাইট রঙে প্রদর্শিত হয়।
- Maciej Zadykowicz — ক্যালিডোস্কোপিক ম্যুরালসহ মিডনাইট গ্যালারিটি হলো একটি প্রায় কালো স্টুডিওর দেয়াল, যেখানে একটি প্রাণবন্ত, রঙিন টাইপোগ্রাফিক শিল্পকর্ম মনোযোগ আকর্ষণ করে, আর বাকি সবকিছু থাকে শান্ত ও সংযত।