Rangka Kerja Pola
Gambar Kiri, Teks Kanan
Gunakan ini untuk bagian di mana karya seni menjelaskan konsep, tetapi salinan masih membawa makna rinci. kolom gambar tetap visual berkerek di desktop dan menjadi baris penuh lebar ditumpuk di ponsel.
Panduan Gaya
Pola berbagi untuk halaman Solace AGI. halaman ini adalah referensi langsung untuk gambar splash, tombol, kartu, blok salinan, dan token visual.
ภาพส_plash
Kontainer gambar hero Canonical: <section class="splash-image"><picture class="splash-image__asset">...</picture></section>
โฮมฮีโร่
Perangkat lunak 5.0 Hero
Gambar Kiri, Teks Kanan
Di ponsel, gambar menumpuk di atas salinan dan berkembang ke lebar kartu penuh.
Halaman-halaman publik
Harga
Halaman harga
Kartu rencana, tabel perbandingan, dan kerangka pembelian yang ramah masyarakat.
Makalah
Halaman Makalah
Penjelasan publik, file sumber lokal, dan sumber sumber yang tertanam.
Analisis analisis.
halaman Analisis analisis.
Metrik judul, jaringan yang didukung DataTables, dan visual amChart Charts.
Tombol-tombol
Kartu
Kartu Fitur
Gunakan untuk manfaat produk inti, deskripsi kemampuan, dan bagian konseptual.
Kartu Harga
$28/bulan
Twin Cloud + OAuth3 vault + Part 11 Architected evidence.
Kothak Sorotan: Gunakan untuk TL;DR legal callouts, strong notices, dan compact emphasis copy.
Tabel dan grafik
Chart Chart sampel
Meja sampel sampel
| Permukaan | Perpustakaan | Mode Mode |
|---|---|---|
| Analisis analisis. | amChart Charts | Chart Chart |
| Makalah | DataTables | Katalog Catalog |
| Harga | DataTables | Perbandingan |
Tipografi
Teks Konten Konten adalah gaya membaca panjang-bentuk dasar untuk produk dan penjelasan teknis.
Bagian intro adalah untuk ringkasan yang lebih luas yang membutuhkan kehadiran lebih dari salinan tubuh tetapi lebih sedikit berat badan daripada judul.
Judul sub judul Hero diperuntukkan untuk membingkai nilai pertama di bawah judul utama.
Token Warna Warna
Blue Blue
`--sa-blue`
Đèn tím
`--sa-purple`
Oranyeu
`--sa-orange`