Figma
বর্ণময় বিশৃঙ্খলার জন্য একরঙা চ্যাসিস
ইন্টারফেসটি একটি কঠোর, উচ্চ-কনট্রাস্ট কাঠামোগত কন্টেইনার হিসেবে কাজ করে, যা ব্যবহারকারীর তৈরি কন্টেন্টকে সম্পূর্ণ ভিজ্যুয়াল প্রাধান্য দেয়। এর ভিত্তি হলো একটি কঠোর #000000 থেকে #ffffff প্যালেট, যা প্রাথমিক বর্ডার এবং টেক্সটের জন্য সর্বোচ্চ কনট্রাস্টের পক্ষে ধূসর রঙের সূক্ষ্ম শেড পরিহার করে। টাইপোগ্রাফিক হায়ারার্কি রঙের বৈচিত্র্যের পরিবর্তে প্রায় সম্পূর্ণরূপে আকার এবং আগ্রাসী নেগেটিভ লেটার স্পেসিং-এর উপর ভিত্তি করে তৈরি, যা টেক্সটের বড় লাইনগুলোকে ঘন গ্রাফিক ব্লকে রূপান্তরিত করে। বর্ডার রেডিয়াসের যুক্তি একটি সুস্পষ্ট দ্বৈততা তৈরি করে: গ্লোবাল নেভিগেশন এলিমেন্টগুলোর জন্য ৫০ পিক্সেলের বাইরের "নেইল"গুলো কন্টেন্ট কন্টেইনারগুলোর সুস্পষ্ট ০ পিক্সেলের কোণার সাথে ইচ্ছাকৃতভাবে বৈপরীত্য তৈরি করে।
কম্পোজিশনগুলো অত্যন্ত চওড়া (সর্বোচ্চ ১৪৪০ পিক্সেল) বর্ডারের উপর ভিত্তি করে তৈরি, যা ভিউপোর্টকে কেন্দ্রে রাখে এবং এতে ঘন কন্টেন্টের গুচ্ছ থাকে যা পর্যাপ্ত ম্যাক্রো-স্পেস (বিভিন্ন অংশের মধ্যে ৯৬-১২০ পিক্সেলের ফাঁকা জায়গা) দ্বারা পৃথক করা থাকে। "হিরো" আর্কিটাইপে প্রায়শই একটি ভাসমান, নিখুঁতভাবে কেন্দ্রস্থ UI ব্লকের নিচে ডাইনামিকভাবে অ্যাঙ্কর করা ছবির একটি অপ্রতিসম গ্যালারি ব্যবহার করা হয়। স্ক্রিনের নিচের অংশে, তথ্যগুলো কোনো মার্জিন ছাড়াই একটি কঠোর চার-কলামের গ্রিড মেনে চলে, যা কার্ডের পুনরাবৃত্ত গুচ্ছগুলোকে ফ্রেমবন্দী করে, অবজেক্টের ঘনত্বকে সর্বোচ্চ করে এবং ফ্রেম থেকে মার্জিন দূর করে।
ভিজ্যুয়াল ডিজাইনটি ব্যবহারকারী-কেন্দ্রিক ফলাফলের উপর ভিত্তি করে তৈরি। ছবিগুলোকে একটি নিরেট, শূন্য পটভূমির বিপরীতে সমতল, ফ্রেমবিহীন বর্গক্ষেত্র অথবা বিক্ষিপ্ত, একটির উপর আরেকটি পড়া খণ্ডাংশ হিসেবে প্রদর্শন করা হয়, যা বাস্তব বস্তুর কথা মনে করিয়ে দেয়। ওয়েবসাইটে রঙের একমাত্র উৎস হলো ছবি। এখানে কোনো লাইফস্টাইল ফটোগ্রাফির উপাদান বা গতানুগতিক কর্পোরেট ইলাস্ট্রেশন নেই—প্রতিটি গ্রাফিক উপাদান হলো একটি ডিজিটাল ক্যানভাসের সুনির্দিষ্ট, আক্ষরিক স্ন্যাপশট, যা একই সাথে পণ্যের প্রমাণ এবং একটি প্রধান নান্দনিক উপাদান হিসেবে কাজ করে।
প্যালেট
ব্র্যান্ড
- Context Action Violet
#4d49fc— সাব-প্যানেলের অভ্যন্তরে নির্দিষ্ট প্রধান কার্যনির্দেশনা - একটিমাত্র ব্যতিক্রমী রঙ কেন্দ্রবিন্দুকে সংজ্ঞায়িত করে।
নিরপেক্ষ
- Absolute Canvas
#ffffff— পৃষ্ঠার পটভূমি, ভাসমান টুলবার, উত্তোলিত প্যানেলের ভিত্তি। - Structural Ink
#000000— সাধারণ ফন্ট, বাটনের নিরেট পটভূমি, বাটনের রূপরেখা। - Graphite Metadata
#595959— দ্বিতীয় লেখকের পাঠ্য, স্থানীয় উপপাঠ, স্থানধারক মান - Boundary Frame
#e2e2e2— সূক্ষ্ম বিভাজক এবং নিষ্ক্রিয় ইনপুট ক্ষেত্রের সীমানা। - Angular Teal
#33dfdf— আলংকারিক প্রভাব, লোডিং নির্দেশক এবং সক্রিয় কার্সারের দৃশ্যমানতা।
টাইপোগ্রাফি
১২ থেকে ৭২ পিক্সেল · ৬টি ধাপ
- figmaSans — প্রতিস্থাপন: Inter · রূপরেখা 320, 330, 340, 400, 450, 480, 520, 700 · একটি সর্বজনীন টুল যা ডিসপ্লে টাইটেল থেকে নেভিগেশন লেবেল পর্যন্ত সবকিছু পরিচালনা করে। এটি অপটিক্যাল নেগেটিভ ট্র্যাকিং পরিবর্তন করে একটি অনন্য রূপ তৈরি করে।
- figmaMono — প্রতিস্থাপন: JetBrains Mono · রূপরেখা 400 · মাইক্রোট্যাগ, স্থানাঙ্ক ট্র্যাকিং এবং প্রযুক্তিগত অনুষঙ্গ, যেগুলো বিষয়বস্তু হিসেবে কাজ করার চেয়ে ব্যবহারকারী ইন্টারফেসের উপাদান হিসেবে বেশি কাজ করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 24px |
| বোতামের ব্যাসার্ধ | 8px |
| কার্ডের ব্যাসার্ধ | 12px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 96-120px |
| পৃষ্ঠার প্রস্থ | 1440px |
এআই আপনার ওয়েবসাইটটি Figma স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Caldera — উষ্ণ চুনাপাথরের উপর আগুন জ্বালান। ক্যানভাসটি হলো অমার্জিত, উষ্ণ প্লাস্টার, এবং প্রতিটি কমলা উপাদানকে দেখে মনে হয় যেন পৃষ্ঠতলে চেপে বসানো ধিকিধিকি জ্বলতে থাকা অঙ্গার।
- Vercel — সাদা কাগজে মুদ্রিত টার্মিনাল
- Dylanbrouwer — সূর্যাস্তের সময় ব্রুটালিস্ট ঢালাই কারখানা
- Headspace — উষ্ণ কাগজে একটি রৌদ্রোজ্জ্বল সুস্থতার কোণ
- WHOOP — মধ্যরাতে পারফরম্যান্স ল্যাব - কালো নাট্যিক শূন্যতার নিচে সাদা ক্লিনিক্যাল ল্যাব টেবিল, বিদ্যুতের একটিমাত্র বেগুনি স্পন্দন।
- (dot)connect — এক টুকরো কাঠকয়লা দিয়ে আঁকা একটি সুইস ইঞ্জিনিয়ারিং ড্রয়িং।
- Together AI — হিমবাহের কাগজে গবেষণা কনসোল
- Vivid+Co — অবসিডিয়ানের মধ্য দিয়ে প্রিজমীয় আলো
- Sequel — অন্ধকার নামার পর একটি ব্যক্তিগত প্রদর্শনীই অন্যথায় অন্ধকার প্রেক্ষাগৃহে একমাত্র উষ্ণ আলো।
- v0 by Vercel — লেদ ড্রয়িং। নির্ভুলতা এবং কার্যকারিতাই সর্বাপেক্ষা গুরুত্বপূর্ণ, যেখানে একটি পরিষ্কার ও কারিগরিভাবে নিখুঁত পৃষ্ঠতলে প্রতিটি উপাদান একটি সুস্পষ্ট উদ্দেশ্য পূরণ করে।
- ThoughtLab — গাঢ় লাল সংকেত খচিত একটি অবসিডিয়ান স্মৃতিস্তম্ভ। কৃষ্ণ শূন্যতার এক পটভূমি, যেখানে ক্যাথেড্রালের একমাত্র উজ্জ্বল লাল বস্তুটি বড় বড় সাদা অক্ষরে মুদ্রিত একটি একক বর্ণময় আকৃতি।
- Dovetail — কালো চাঁদের নিচে একটি নকশা—প্রায় অদৃশ্য গ্রাফের রেখা, সাদা হরফ, একটি বেগুনি আভা।