Çerçeve Kalıbı
Resim Sol, Metin Sağ
Sanat çalışma concepti açıklıyorsa, ancak kopya hala ayrıntılı anlama taşıyorsa bu için kullanın. Resim sütunu masaüstüasında görsel olarak sabit kalır ve mobilde tam genişliğe sahip yığılmış bir satıra dönüşür.
Stil Kılavuzu
Solace AGI sayfaları için paylaşılan desenler. Bu sayfa, splash resimleri, düğmeler, kartlar, kopya blokları ve görsel tokenler için canlı referanstır.
Splash Resimleri
Kanonical kahraman görüntü kutusu: <section class="splash-image"><picture class="splash-image__asset">...</picture></section>
Anasayfa Kahramanı
Software 5.0 Kahramanı
Resim Sol, Metin Sağ
Ürün açıklama bölümleri için kanonik medya/metin bölünmesi. Mobilde, resim kopyanın üstüne yığılır ve kart genişliğini tam olarak genişletir.
Halka Açık Sayfalar
Fiyatlandırma
Fiyatlandırma sayfası
Plan kartları, karşılaştırma tablosu ve halka dostu satın alma çerçevesi.
Belgeler
Belgeler sayfası
Halka açık yeniden yazmalar, yerel kaynak dosyaları ve bağlı kaynak kökeni.
Analitik
Analitik sayfası
Başlık metrikleri, DataTables tarafından desteklenen ızgaralar ve amGrafiks görselleri.
Düğmeler
Kartlar
Özellik Kartı
Çekirdek ürün avantajları, yetenek açıklamaları ve kavramsal bölümler için kullanın.
Fiyat Kartı
$28/ay
Bulut ikizi + OAuth3 kasası + Bölüm 11 Mimarlı evidence.
Vurgu Kutusu: TL;DR yasal çağrıları, güçlü bildirimleri ve compact vurgulu kopyaları için kullanın.
Tablolar ve Grafikler
Örnek grafik
Örnek tablo
| Yüzey | Kütüphane | Mod |
|---|---|---|
| Analitik | amGrafiks | Grafik |
| Belgeler | DataTables | Katalog |
| Fiyatlandırma | DataTables | Karşılaştırma |
Tipografi
İçerik metni ürün ve teknik açıklama için temel uzun-form okuma stilidir.
Bölüm girişi, vücut kopyasından daha fazla varlığa ihtiyaç duyan ancak başlıktan daha az ağırlığa sahip olan daha geniş özetler içindir.
Kahraman alt başlığı, ana başlığın altında ilk-kat değer çerçevesi için ayrılmıştır.
Renk Jetonları
Mavi
`--sa-mavi`
Mor
`--sa-mor`
Turuncu
`--turuncu-sa`