কাস্টমাইজ

একটি ফন্ট, পাঁচটি রঙ, দশটি প্রিসেট। ফর্মটিকে নিঃসন্দেহে আপনার নিজের করে তোলার জন্য যথেষ্ট, আর ভুল করে বিচ্ছিরি বানিয়ে ফেলা যায় না, এতটাই ছোট।

কাস্টমাইজ খোলা

এডিটরে একটি ফর্ম খুলে উপরের বারে কাস্টমাইজ-এ ক্লিক করুন। চওড়া পর্দায় প্যানেলটি ফর্মের ডান পাশে বসে; ফোনে এটি নিচ থেকে একটি শিট হয়ে উঠে আসে। ফর্মের উপরের কভার ও লোগো টুলবার থেকেও ঢোকার দ্বিতীয় একটি পথ আছে।

প্রতিটি বদল সঙ্গে সঙ্গেই আপনার সামনের ফর্মে এসে পড়ে। সম্পাদনার ক্যানভাসটিই থিমটি ধরে নেয়, তাই আপনি চেহারাটি প্রিভিউ করছেন না। আপনি তার ভেতরে বসেই সম্পাদনা করছেন।

থিমটি ফর্মের সঙ্গেই জমা থাকে আর আপনার বাকি সম্পাদনার সঙ্গেই সেভ হয়। আলাদা কোনো সেভের ধাপ নেই।

ফন্ট

দশটি টাইপফেস, প্রতি ফর্মে একটি: জ্যামিতিক, নিরপেক্ষ, সম্পাদকীয় আর সেরিফ, যাতে একটি চাকরির আবেদন আর একটি পার্টির নিমন্ত্রণকে একরকম শোনাতে না হয়।

  • Interডিফল্ট
  • Poppins
  • Outfit
  • Sora
  • Space Grotesk
  • DM Sans
  • Lora
  • Playfair Display
  • Bricolage Grotesque
  • Fraunces

প্যানেলে প্রতিটি নাম তার নিজের টাইপফেসেই আঁকা, তাই আপনি মনে রেখে নয়, দেখে দেখেই বেছে নেন। কোনো ফর্ম সত্যিই একটি ফন্ট ব্যবহার করলে তবেই সেটি আনা হয়।

পাঁচটি রঙ

পাঁচটি মান মিলেই একটি ফর্মের চেহারা তৈরি করে। নিচের নমুনাগুলোই অছোঁয়া একটি ফর্ম শুরুতে পায়।

রঙযা রাঙায়
পটভূমিফর্মের পেছনের পেজ, পাবলিক লিংকে আর এমবেডে, দুই জায়গাতেই।
টেক্সটপ্রশ্ন, বিবরণ আর টাইপ করা উত্তরগুলো। গৌণ লেখা এই রঙ আর ব্যাকগ্রাউন্ডের একটি নরম মিশ্রণ।
বোতামজমা দিন ও পরবর্তী বোতামের ভরাট। এগুলোর হোভার আর চাপা অবস্থার শেড এখান থেকেই হিসেব করা হয়, তাই কালো বোতাম আর সাদা বোতাম, দুটোই ছোঁয়ায় সাড়া দেয়।
বোতামের টেক্সটওই বোতামগুলোর উপর বসা লেখা।
অ্যাকসেন্টবেছে নেওয়া অপশন, ফোকাস রিং, লিংক, অগ্রগতি আর ফর্ম যত হাইলাইট আঁকে সবকিছু।

রঙ বেছে নেওয়া

একটি নমুনায় ক্লিক করলে পিকারটি খোলে: বর্ণচ্ছটার ভেতরে টানুন, কিংবা নিচের ঘরে ছয় অঙ্কের একটি হেক্স কোড লিখুন। যেকোনো হেক্সই নেওয়া হয়। বেছে নেওয়ার জন্য বাঁধা কোনো প্যালেট নেই।

Fillio আপনার হয়ে যা হিসেব করে

কেবল ওই পাঁচটি মানই আপনার ঠিক করার; বাকি সব সেগুলো থেকেই আসে। ইনপুটের তল, বর্ডার, প্লেসহোল্ডার ও মৃদু লেখা, হোভারের আবরণ আর বেছে নেওয়া অপশনের পেছনের ভরাট, সবই আপনার ব্যাকগ্রাউন্ড, লেখা আর অ্যাকসেন্ট থেকে মেশানো, তাই আপনি যা-ই বাছুন সেগুলো একই পরিবারে থাকে। অ্যাকসেন্টের উপর বসা লেখাটি মেপে দেখা কনট্রাস্ট দিয়ে বেছে নেওয়া হয়, তাই ফিকে পুদিনা অ্যাকসেন্টে আর গাঢ় নেভি অ্যাকসেন্টে, দুই জায়গাতেই লেবেলটি পড়া যায়।

গাঢ় ব্যাকগ্রাউন্ড বেছে নিলে ফর্মটি তার নিজস্ব কন্ট্রোলগুলো (সংখ্যার স্টেপার, তারিখ ও সময়ের পিকার, স্ক্রলবার) গাঢ় সংস্করণে বদলে নেয়, আর ইনপুটের তলগুলো একটু তুলে দেয় যাতে ফিল্ডগুলো পেজের ভেতরে হারিয়ে না যায়।

প্রিসেট

দশটি সম্পূর্ণ চেহারা। প্রতিটি একসঙ্গে ফন্ট আর পাঁচটি রঙই বসিয়ে দেয় (পাঁচটি হালকা, পাঁচটি গাঢ়), আর এগুলো সিদ্ধান্ত নয়, শুরুর জায়গা হিসেবেই ভাবা।

প্রিসেটফন্ট
MonoInter
MidnightSpace Grotesk
WarmDM Sans
MintOutfit
InkLora
ForestSora
MochaFraunces
SakuraDM Sans
IrisBricolage Grotesque
CitrusPoppins

আপনার বর্তমান মানের সঙ্গে যে প্রিসেটটি মেলে সেটি প্যানেলে চিহ্নিত থাকে। এরপর একটিমাত্র মান বদলালেই চিহ্নটি মুছে যায়। সেই মুহূর্ত থেকে থিমটি প্রিসেটের নয়, আপনার।

থিমটি কোথায় দেখা যায়

থিমটি ফর্মের সঙ্গে সঙ্গেই যায়। পাবলিক লিংক, এডিটরের ক্যানভাস আর প্রিভিউ, সবই সেটিতেই দেখায়, আর একাধিক পেজের ফর্মের প্রতিটি পেজেই এটি খাটে।

এমবেডও এর মধ্যে পড়ে। এমবেড করা ফর্ম একই ফন্ট ও রঙ বয়ে নেয়, আর এমবেড পেজটি থিম থেকেই নিজের ব্যাকগ্রাউন্ড রাঙায়, তাই ফ্রেমটি প্রথমে সাদা ঝলক না দিয়ে ফর্মের সঙ্গেই মিলে যায়।

কভার আর লোগোর রঙও থিম থেকেই প্রস্তাব করা হয়। আগে বসানো কোনো কভার থিম বদলালে কখনও নতুন করে রাঙানো হয় না। যে রঙটি তাকে দেওয়া হয়েছিল সেটিই থাকে।

টিপ

সেদিন কেউ যা যা খুলেছেন তার কোনোটির মতো না দেখানোর দ্রুততম উপায় একটি গাঢ় ফর্ম; Midnight আর Forest সেজন্যই বানানো। অ্যাকসেন্টটি সবার শেষে ঠিক করুন। ফর্ম জুড়ে উত্তরদাতারা আসলে এই রঙটিকেই অনুসরণ করেন।