Skip to main content
Solace style guide splash artwork

คู่มือรูปแบบ

รูปแบบที่ใช้ร่วมกันสำหรับ Solace AGI pages. หน้านี้เป็นข้อมูลอ้างอิงที่มีชีวิตสำหรับภาพส_plash, ปุ่ม, คาร์ด, บล็อกคัดลอก, และสัญลักษณ์ภาพ.

ภาพส_plash

ภาชนะภาพฮีโร่ตามมาตรฐาน: <section class="splash-image"><picture class="splash-image__asset">...</picture></section>

โฮมฮีโร่

Home hero splash artwork

Software 5.0 ฮีโร่

Software 5.0 splash artwork

ภาพซ้าย, ข้อความขวา

การแยกสื่อ/ข้อความตามหลักเกณฑ์สำหรับคำอธิบายสินค้าในกล่อง On mobile, รูปภาพจะ chồng_hierarchy ข้อความและขยายไปทั่วความกว้างของการ์ด

Forecast framework illustration

รูปแบบโครงสร้าง

ภาพซ้าย, ข้อความขวา

ใช้รูปแบบนี้สำหรับบทความที่รูปภาพอธิบายแนวคิด แตงข้อความยังคงเป็นรายละเอียดที่สำคัญ คอลัมน์รูปภาพจะยังคงอยู่ในลักษณะที่มองเห็นได้ชัดเจนบนตารางการทำงานและกลายเป็นแถวที่มีความกว้างเต็มบนมือถือ

หน้าสำหรับสาธารณชน

ราคา

หน้าราคา

การ์ดแผน, ตารางเปรียบเทียบ, และการซื้อสำหรับสาธารณชน

เอกสาร

หน้าเอกสาร

การเขียนใหม่สาธารณะ, ไฟล์แหล่งที่มาoka และแหล่งที่มาที่เชื่อมโยง

การวิเคราะห์

หน้าวิเคราะห์

มาตรการหลัก, ตารางข้อมูลที่ใช้ DataTables, และภาพ chân@stop ที่ใช้ amแผนภูมิs.

ปุ่ม

การ์ด

🧠

การ์ด 機能

ใช้สำหรับข้อดีของผลิตภัณฑ์หลัก คำอธิบายความสามารถ และส่วนแนวคิด

บัตรราคา

$28/เดือน

Cloud twin + OAuth3 vault + พาร์ท 11 Architected หลักฐาน

ไฮไลท์บ็อกซ์: ใช้สำหรับ TL;DR ข้อเรียกขานทางกฎหมาย คำเตือนสำคัญ และเนื้อหาเน้นย้ำแบบกะทัดรัด

ตาราง และ กราฟ

ตารางจำลอง

ชุดชาร์ตอย่างเป็นทางการ: amแผนภูมิs 5 เสิร์ฟแบบท้องถิ่น

ตารางตัวอย่าง

ตารางอย่างเป็นทางการ: DataTables เสนอถึงท้องถิ่น

พื้นผิว ห้องสมุด โหมด
การวิเคราะห์ amแผนภูมิs แผนภูมิ
เอกสาร DataTables แคตตาล็อก
ราคา DataTables การเปรียบเทียบ

ตัวอักษร

ข้อความเนื้อหา เป็นรูปแบบการอ่านแบบยาวสำหรับการอธิบายผลิตภัณฑ์และเทคนิค

บทนำของส่วนนี้สำหรับการสรุปโดยรวมที่ต้องการเนื้อหามากกว่าเนื้อหาหลัก แต่น้อยกว่าหัวข้อ

ชื่อเรื่องย่อยของฮีโร่สงวนไว้สำหรับการจัดเฟรมคุณค่าหลักฝั่งล่างหัวข้อหลัก

สัญลักษณ์สี

น้ำเงิน `--sa-blue`
ม่วง `--sa-purple`
ส้ม `--sa-orange`