Fillioडॉक्स

कस्टमाइज़

एक फ़ॉन्ट, पाँच रंग, दस प्रीसेट। इतना कि फ़ॉर्म साफ़ तौर पर आपका लगे, और इतना कम कि आप ग़लती से उसे भद्दा न बना सकें।

कस्टमाइज़ खोलना

एडिटर में कोई फ़ॉर्म खोलें और ऊपर की पट्टी में “कस्टमाइज़” पर क्लिक करें। चौड़ी स्क्रीन पर पैनल फ़ॉर्म के दाईं ओर लग जाता है; फ़ोन पर वह नीचे से शीट की तरह उठता है। फ़ॉर्म के ऊपर मौजूद कवर और लोगो के टूलबार से भी इसमें जाने का रास्ता है।

हर बदलाव तुरंत आपके सामने वाले फ़ॉर्म पर उतर आता है। एडिटिंग कैनवस खुद थीम ओढ़ लेता है, यानी आप रूप का प्रीव्यू नहीं देख रहे। आप उसी के अंदर बैठकर बदलाव कर रहे हैं।

थीम फ़ॉर्म पर सेव होती है और बाक़ी बदलावों के साथ ही सेव हो जाती है। अलग से सेव करने की ज़रूरत नहीं।

फ़ॉन्ट

दस टाइपफ़ेस, हर फ़ॉर्म के लिए एक: ज्यामितीय, तटस्थ, संपादकीय और सेरिफ़, ताकि नौकरी का आवेदन और पार्टी का न्योता एक जैसे न सुनाई दें।

  • 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 इसी के लिए बने हैं। एक्सेंट सबसे आख़िर में तय करें। पूरे फ़ॉर्म में जवाब देने वाले असल में उसी रंग के पीछे चलते हैं।