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 Hero

Software 5.0 splash artwork

Снимка слева, текст справа

На мобильном устройстве изображение накапливается над копией и расширяется до полной ширины карты.

Forecast framework illustration

Узоры Framework

Снимка слева, текст справа

Используйте это для разделов, где произведение объясняет концепцию, но копия все равно несет подробный смысл.Столчок изображения остается визуально закрепленным на рабочем столе и становится полным шириной наложенной строкой на мобильном устройстве.

Публичные страницы

Ценообразование

Ценная страница

Карты плана, таблица сравнения и общедоступная схема покупки.

Документы

Страница "Документы"

Общественные переписки, локальные исходные файлы и источник, связанный с источником.

Аналитика Аналитика

Страница Аналитики

Заголовопоказатели, сетки, поддерживаемые DataTables, и визуальные изображения amГрафикs.

Кнопки

Карты

🧠

Карта-обозначение

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

Ценная карта

$28/месяц

Twin Cloud + OAuth3 vault + Part 11 Architected evidence.

Ориентировочное поле: Используйте для TL;DR юридические вызовы, сильные уведомления и компактный акцентный копий.

Таблицы и графики

Образец диаграммы

Официальный графический набор: amГрафикs 5, местно обслуживаемый.

Образец таблицы

Официальный стол: DataTables, подаваемый локально.

Поверхность Библиотека Режим
Аналитика Аналитика amГрафикs График
Документы DataTables Каталог
Ценообразование DataTables Сравнение

Типография

Текст контента Это основной стиль чтения длинной формы для продукта и технического объяснения.

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

Подзаголовок "Герой" предназначен для первой рамы стоимости под главой.

Токены цвета

Синий Синий `--sa-blue`
Фиолетовый `--sa-purple`
Оранжевый `--sa-orange`