अमेरिकन लीवर फाउंडेशन

स्टाइल गाइड

यह पृष्ठ के लिए वर्तमान शैलियों और मानकों की रूपरेखा तैयार करता है अमेरिकन लीवर फाउंडेशन वेबसाइट।

रंग

इस साइट के ब्रांड रंगों का अवलोकन।
रंग और रंग
ट्रांसपरेंसिस
प्राथमिक
प्राथमिक
अल्ट्रा लाइट
रोशनी
मध्यम
अंधेरा
अल्ट्रा डार्क
कॉम्प
माध्यमिक
माध्यमिक
अल्ट्रा लाइट
रोशनी
मध्यम
अंधेरा
अल्ट्रा डार्क
कॉम्प
उच्चारण
उच्चारण
अल्ट्रा लाइट
रोशनी
मध्यम
अंधेरा
अल्ट्रा डार्क
कॉम्प
आधार
आधार
अल्ट्रा लाइट
रोशनी
मध्यम
अंधेरा
अल्ट्रा डार्क
कॉम्प
छाया
छाया
अल्ट्रा लाइट
रोशनी
मध्यम
अंधेरा
अल्ट्रा डार्क
प्राथमिक
ट्रांस 10
ट्रांस 20
ट्रांस 40
ट्रांस 60
ट्रांस 80
ट्रांस 90
माध्यमिक
ट्रांस 10
ट्रांस 20
ट्रांस 40
ट्रांस 60
ट्रांस 80
ट्रांस 90
उच्चारण
ट्रांस 10
ट्रांस 20
ट्रांस 40
ट्रांस 60
ट्रांस 80
ट्रांस 90
आधार
ट्रांस 10
ट्रांस 20
ट्रांस 40
ट्रांस 60
ट्रांस 80
ट्रांस 90
छाया
ट्रांस 10
ट्रांस 20
ट्रांस 40
ट्रांस 60
ट्रांस 80
ट्रांस 90

टाइपोग्राफी

नीचे इस साइट के लिए उत्तरदायी टाइपोग्राफी आकार और भार का अवलोकन दिया गया है। इनकी गणना आधार आकार और गणितीय पैमाने से की जाती है।
शीर्षकों
H1 (--xxl)

शीर्षक 1 नियमित

शीर्षक 1 माध्यम

शीर्षक 1 बोल्ड

H2 (--xl)

शीर्षक 2 नियमित

शीर्षक 2 माध्यम

शीर्षक 2 बोल्ड

एच3 (--एल)

शीर्षक 3 नियमित

शीर्षक माध्यम

शीर्षक 3 बोल्ड

एच4 (--एम)

शीर्षक 4 नियमित

शीर्षक 4 माध्यम

शीर्षक 4 बोल्ड

H5 (--s)
शीर्षक 5 नियमित
शीर्षक माध्यम
शीर्षक 5 बोल्ड
H6 (--xs)
शीर्षक 6 नियमित
शीर्षक 6 माध्यम
शीर्षक 6 बोल्ड
मुख्य भाग
बॉडी टेक्स्ट (--एम)
पाठ एम नियमित
टेक्स्ट एम मीडियम
टेक्स्ट एम बोल्ड
छोटा पाठ (--s)
पाठ नियमित
पाठ का माध्यम
पाठ एस बोल्ड
एक्स्ट्रा स्मॉल टेक्स्ट (--xs)
पाठ xs नियमित
टेक्स्ट एक्सएस मीडियम
टेक्स्ट एक्स बोल्ड
उदाहरण

शीर्षक 1 (H1)

यह बड़ा पाठ है। लोरेम इप्सम डोलर सिट एमेट, कॉन्सेक्टेटुर एडिपिसिंग एलीट, सेड डो इयूमोड टेम्पोर इंसिडेंट यूट लेबोर एट डोलोरे मैग्ना एलिक्वा। यूट एनिम एड मिनिम वेनियम, क्विस नॉस्ट्रड एक्सरसाइज उल्लाम्को लेबरिस निसि यूट एलिक्विप एक्स ईए कमोडो परिणाम।

शीर्षक 2 (H2)

Lorem ipsum मातम, amet बैठो consectetur adipiscing elit, SED eiusmod incididunt ut tempor है labore एट dolore मैग्ना aliqua। Ut के लिए सबसे अच्छा विज्ञापन राग veniam, Quis nostrud मश्क ullamco laboris प्रारंभिक ut aliquip पूर्व ईए commodo consequat।

शीर्षक 3 (H3)

Lorem ipsum मातम, amet बैठो consectetur adipiscing elit, SED eiusmod incididunt ut tempor है labore एट dolore मैग्ना aliqua। Ut के लिए सबसे अच्छा विज्ञापन राग veniam, Quis nostrud मश्क ullamco laboris प्रारंभिक ut aliquip पूर्व ईए commodo consequat।

शीर्षक 4 (H4)

Lorem ipsum मातम, amet बैठो consectetur adipiscing elit, SED eiusmod incididunt ut tempor है labore एट dolore मैग्ना aliqua। Ut के लिए सबसे अच्छा विज्ञापन राग veniam, Quis nostrud मश्क ullamco laboris प्रारंभिक ut aliquip पूर्व ईए commodo consequat।
शीर्षक 5 (H5)
Lorem ipsum मातम, amet बैठो consectetur adipiscing elit, SED eiusmod incididunt ut tempor है labore एट dolore मैग्ना aliqua। Ut के लिए सबसे अच्छा विज्ञापन राग veniam, Quis nostrud मश्क ullamco laboris प्रारंभिक ut aliquip पूर्व ईए commodo consequat।
शीर्षक 6 (H6)
Lorem ipsum मातम, amet बैठो consectetur adipiscing elit, SED eiusmod incididunt ut tempor है labore एट dolore मैग्ना aliqua। Ut के लिए सबसे अच्छा विज्ञापन राग veniam, Quis nostrud मश्क ullamco laboris प्रारंभिक ut aliquip पूर्व ईए commodo consequat।

बटन

सॉलिड और आउटलाइन बटन ब्लैक एंड व्हाइट सहित सभी कलर सेट में उपलब्ध हैं।
बटन स्केल
बटन एक्सएस
बीटीएन--प्राथमिक / बीटीएन--एक्सएस
बटन
बीटीएन--प्राथमिक / बीटीएन--एक्सएस
बटन एम
बीटीएन--प्राथमिक / बीटीएन--एम
बटन एल
बीटीएन--प्राथमिक / बीटीएन--एल
बटन एक्सएल
बीटीएन--प्राथमिक / बीटीएन--एक्सएल
बटन एक्सएक्सएल
बीटीएन--प्राथमिक / बीटीएन--xxl

चौड़ाई

तत्व की चौड़ाई को नियंत्रित करने के लिए आप छह मानों का उपयोग कर सकते हैं। वे स्वचालित रूप से उत्तरदायी हैं।
--चौड़ाई-xs
--चौड़ाई-एस
--चौड़ाई-एम
--चौड़ाई-एल
--चौड़ाई-एक्सएल
--चौड़ाई-xxl

अनुभाग गद्दी

अनुभागों के लिए पैडिंग उत्तरदायी है और कोर स्पेसिंग सिस्टम के गुणक पर आधारित है।
कोई नहीं
XS
S
M
L
XL
XXL

अंतर

आधार आकार और गणितीय पैमाने से गणना की गई प्रतिक्रियाशील रिक्ति के छह स्तर हैं। यह सुनिश्चित करता है कि मार्जिन, पैडिंग और गैप पूरी तरह से मेल खाते हों।
--अंतरिक्ष-xs
--अंतरिक्ष-एस
--अंतरिक्ष-एम
--अंतरिक्ष-एल
--स्पेस-एक्सएल
--स्पेस-xxl

तत्व गद्दी

यहाँ स्पेसिंग के छः स्तरों को पैडिंग के रूप में देखा गया है।

कार्ड

यह XS पैडिंग वाला कार्ड है। इसकी सामग्री किनारों के काफी करीब है।

कार्ड

यह एस पैडिंग वाला कार्ड है। इसमें थोड़ी टाइट पैडिंग है।

कार्ड

यह एम पैडिंग वाला कार्ड है। इसमें मानक श्वास कक्ष है।

कार्ड

यह एल पैडिंग वाला कार्ड है। इसमें अतिरिक्त सांस लेने का कमरा है।

कार्ड

यह XL पैडिंग वाला कार्ड है। इसमें महत्वपूर्ण श्वास कक्ष है।

कार्ड

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

छाया

चुनने के लिए तीन मल्टी-लेयर बॉक्स शैडो हैं।
बॉक्स छाया एम
बॉक्स छाया एल
बॉक्स छाया एक्सएल

सीमा त्रिज्या

आधार आकार और गणितीय पैमाने से छह सीमा त्रिज्या मान की गणना की जाती है।
गोल एक्सएस
गोलाकार एस
गोलाकार एम
गोलाकार एल
गोल एक्सएल
गोल XXL