Skip to main content
Solace style guide splash artwork

स्टाइल गाइड

सोलास एजीआई पृष्ठों के लिए साझा किए गए पैटर्न। यह पृष्ठ स्प्लैश छवियों, बटन, कार्ड, कॉपी ब्लॉक और दृश्य टोकन के लिए लाइव संदर्भ है।

स्प्लैश इमेज

कैनोनिकल हीरो इमेज कंटेनरः <section class="splash-image"><picture class="splash-image__asset">...</picture></section>

होम हीरो

Home hero splash artwork

सॉफ्टवेयर 5.0 हीरो

Software 5.0 splash artwork

छवि बाएं, पाठ दाएं

मोबाइल पर, छवि प्रतिलिपि के ऊपर ढेर होती है और कार्ड की पूरी चौड़ाई तक फैलती है।

Forecast framework illustration

पैटर्न फ्रेमवर्क

छवि बाएं, पाठ दाएं

इसको उन अनुभागों के लिए उपयोग करें जहां कलाकृति अवधारणा को समझाती है, लेकिन प्रतिलिपि अभी भी विस्तृत अर्थ को ले जाती है। छवि स्तंभ डेस्कटॉप पर दृश्य रूप से एंकर किया जाता है और मोबाइल पर एक पूर्ण-चौड़ाई स्टैक वाली पंक्ति बन जाता है।

सार्वजनिक पृष्ठ

पेपर और स्पेक्स

पेपर पेज

सार्वजनिक पुनर्लेखन, स्थानीय स्रोत फ़ाइलें, और लिंक्ड स्रोत प्रवासन।

बटन

कार्ड

🧠

फीचर कार्ड

उपयोग के लिए मुख्य उत्पाद लाभ, क्षमता विवरण, और अवधारणा अनुभाग।

मूल्य निर्धारण कार्ड

$28/माह

Twin Cloud + OAuth3 vault + Part 11 Architected evidence.

हाइलाइट बॉक्सः TL;DR कानूनी कॉलआउट, मजबूत नोटिस और कॉम्पैक्ट इम्फासिस कॉपी के लिए उपयोग करें।

तालिकाएं और चार्ट

नमूना चार्ट

आधिकारिक चार्ट स्टैकः amचार्टs 5, स्थानीय रूप से सेवा की जाती है।

नमूना तालिका

आधिकारिक टेबल स्टैकः डेटाटेबल, स्थानीय रूप से सेवा की जाती है।

सतह पुस्तकालय मोड
Analytics Analytics amचार्टs चार्ट
पेपर और स्पेक्स DataTables कैटलॉग
मूल्य निर्धारण DataTables तुलना

टाइपोग्राफी

सामग्री पाठ यह उत्पाद और तकनीकी व्याख्या के लिए आधार लंबी-आकार पढ़ने की शैली है।

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

मुख्य शीर्षक के तहत हीरो उपशीर्षक को पहले गुना मूल्य फ्रेमिंग के लिए आरक्षित किया गया है।

रंग टोकन रंग टोकन

नीला नीला `--sa-blue`
बैंगनी `--sa-purple`
ऑरेंज `--sa-orange`