Skip to main content
Solace style guide splash artwork

Керівництво зі стилю

Спільні шаблони для сторінок Solace AGI. Ця сторінка є живим довідником для зображеньScreenState, кнопок, карток, блоків копії та візуальних токенів.

Зображення styleUrls

Канонічний контейнер героїчного зображення: <section class="splash-image"><picture class="splash-image__asset">...</picture></section>

Головний герой

Home hero splash artwork

Software 5.0 Герой

Software 5.0 splash artwork

Зображення наліво, текст năngправо

Канонічний розділ медіа/тексту для пояснювальних розділів продукту. На мобільних пристроях зображення розташовується над текстом і розширюється на повну ширину карти.

Forecast framework illustration

Шаблон примеру

Зображення наліво, текст năngправо

Використовуйте це для розділів, де оформлення пояснює концепцію, але текст все ще несе подробне значення. Стовпець зображення візуально закріплений на робочому столі і стає пов SSH-ширnej рядком на мобільних пристроях.

Публічні сторінки

Ціни

Сторінка ціни

Картки тарифних планів, таблиця порівняння та рамки покупки для публічного доступу.

Документи

Сторінка документів

Публічні переписи, локальні файлові джерела та посилання на джерело походження.

Аналітика

Сторінка аналітики

Заголовні метрики, таблиці з підтримкою DataTables та візуалізація amДіаграмаs.

Кнопки

Карти

🧠

Карта функції

Використовуйте для опису основних переваг продукту, описів можливостей та концептуальних розділів.

Картка ціни

$28/місяць

Хмарний двійник + сховище OAuth3 +證據 архітектур Part 11.

Виділене поле: Використовуйте для TL;DR юридичних позивів, важливих повідомлень та компактного підкреслення.

Таблиці та графіки

Зразкова діаграма

Офіційний стек діаграм: amДіаграмаs 5, поставляється локально.

Зразкова таблиця

Офіційна таблиця стеку: DataTables, подається локально.

Поверхня Бібліотека Режим
Аналітика amДіаграмаs Діаграма
Документи DataTables Каталог
Ціни DataTables Порівняння

Типографія

Текст вмісту є базовим довгим стилем читання для продукту та технічного пояснення.

Вступ до розділу призначений для углублених підсумків, які потребують більшої присутності, ніж основний текст, але менше ваги, ніж заголовок.

Підзаголовок героя зарезервований для кадрування вартості першого звороту під основним заголовком.

Токени кольорів

Блакитний `--sa-blue`
Фіолетовий `--sa-purple`
Помаранчевий `--sa-помаранчевий`