शैली मार्गदर्शिका

यह स्टाइल गाइड टेस्टिकुलर कैंसर फाउंडेशन की वेबसाइट के विजुअल डिजाइन सिस्टम का व्यापक अवलोकन प्रदान करता है, जिसमें रंगों और टाइपोग्राफी पर विशेष ध्यान दिया गया है।

रंगो की पटिया

रंग संयोजन ब्रांड पहचान का एक महत्वपूर्ण घटक है, जो एक सुसंगत और पहचानने योग्य रूप और अनुभव प्रदान करता है। इस संयोजन में प्राथमिक, द्वितीयक और विशिष्ट रंग शामिल होते हैं जिनका उपयोग वेबसाइट पर रणनीतिक रूप से किया जाता है।

प्राथमिक रंग

डिजाइन में प्राथमिक रंगों का सबसे अधिक उपयोग किया जाता है, जो ब्रांड की मूल पहचान का प्रतिनिधित्व करते हैं।

प्राथमिक सियान/फ़िरोज़ी

हेक्स #00B4DB
RGB rgb(0, 180, 216)

मुख्य ब्रांड रंग, जिसका उपयोग पृष्ठभूमि, बटन और प्रमुख दृश्य तत्वों के लिए किया जाता है।

काला

हेक्स #000000
RGB rgb(0, 0, 0)

मुख्य पाठ, हल्के रंग की पृष्ठभूमि पर शीर्षक और वेबसाइट का पादलेख।

सफ़ेद

हेक्स #FFFFFF
RGB rgb(255, 255, 255)

गहरे रंग की पृष्ठभूमि पर मुख्य पाठ, सामग्री अनुभागों के लिए पृष्ठभूमि।

द्वितीयक और एक्सेंट रंग

द्वितीयक और एक्सेंट रंगों का उपयोग प्राथमिक रंगों के पूरक के रूप में और बटन, लिंक और सूचनात्मक अनुभागों जैसे विशिष्ट तत्वों पर ध्यान आकर्षित करने के लिए किया जाता है।

डार्क नेवी

हेक्स #0F172ए
RGB rgb(15, 23, 42)

सांख्यिकी कार्डों और अन्य हाइलाइट किए गए अनुभागों के लिए पृष्ठभूमि।

तखती स्लेटी

हेक्स #64748बी
RGB rgb(100, 116, 139)

द्वितीयक बटन और यूआई तत्व।

हल्का ग्रे

हेक्स #F1F5F9
RGB rgb(241, 245, 249)

कार्ड और कंटेंट मॉड्यूल के लिए बैकग्राउंड, जो दृश्य अलगाव पैदा करते हैं।

मध्यम धूसर

हेक्स #C1C1C1
RGB rgb(193, 193, 193)

बॉर्डर और सूक्ष्म यूआई तत्व।

ऑफ व्हाइट

हेक्स #ईबीईएफ0
RGB rgb(235, 238, 240)

पृष्ठभूमि में सूक्ष्म बदलाव।

टाइपोग्राफी

वेबसाइट शीर्षकों के लिए सेरिफ़ फ़ॉन्ट और मुख्य पाठ के लिए सेन्स-सेरिफ़ फ़ॉन्ट का संयोजन उपयोग करती है, जिससे एक स्पष्ट और सुपाठ्य टाइपोग्राफिक पदानुक्रम बनता है।

डीएम सेरिफ़ डिस्प्ले

सेरिफ़ • शीर्षक

एए बीबी सीसी
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

इंटर

सेन्स-सेरिफ़ • मुख्य पाठ

एए बीबी सीसी
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

टाइपोग्राफिक स्केल

निम्नलिखित उदाहरण वेबसाइट पर विभिन्न टेक्स्ट तत्वों के लिए फ़ॉन्ट आकार और मोटाई को दर्शाते हैं।

शीर्षक 1 (H1)
फ़ॉन्ट डीएम सेरिफ़ डिस्प्ले
आकार 62px
वजन 400

शीघ्र निदान के माध्यम से वृषण कैंसर से लड़ना

शीर्षक 2 (एच2)
फ़ॉन्ट डीएम सेरिफ़ डिस्प्ले
आकार 40px - 48px
वजन 400 - 800

हमारा मिशन: शिक्षा के माध्यम से जीवन बचाना

शीर्षक 3 (एच3)
फ़ॉन्ट डीएम सेरिफ़ डिस्प्ले
आकार 28px
वजन 400

अंडकोष की स्व-जांच कैसे करें, यह सीखें

मुख्य पाठ (पी)
फ़ॉन्ट इंटर
आकार 17.5px
वजन 400

2009 में स्थापित, टेस्टिकुलर कैंसर फाउंडेशन एक 501(c)(3) गैर-लाभकारी संस्था है और देश में पूर्णकालिक कर्मचारियों वाला एकमात्र टेस्टिकुलर कैंसर समूह है। हम कैंसर से बचे लोगों, देखभाल करने वालों और अधिवक्ताओं की एक टीम हैं जो शिक्षा और जागरूकता बढ़ाने के लिए प्रतिबद्ध हैं।

बटन फ़ॉन्ट
फ़ॉन्ट इंटर
साइज 0.9 रेम
वजन 600
अक्षरों के बीच की दूरी 0.07 सेमी
अपरकेस में बदलें
पंक्ति की ऊंचाई 1.8 सेमी