Дизайн-система · вживую

Руководство по бренду

Всё здесь отрисовано из тех же токенов, что и сайт, и из тех же файлов, которые вы скачиваете. Измените значение в источнике — и эта страница изменится вместе с ним; устаревшей версии не существует. Нажмите на любое значение, чтобы скопировать его.

Знак

Файл для загрузки

PadsAmbiente

Отрисовано сайтом

Сетка и есть знак. Это не орнамент: это пэды, образующие крест, и это та же сетка из 24 тональностей, что задаёт структуру продукта и вёрстку этого сайта.

Так — даИспользовать символ отдельно, когда контекст уже называет имя.
Так — даКрасить его синим или белым на тёмном фоне.
Так — даИспользовать версию для светлого фона, когда фон светлый — она для этого и сделана.
НикогдаМенять радиус углов ячеек — они почти квадратные.
НикогдаСтавить два слова логотипа в одну строку.
НикогдаУтолщать контурные ячейки, чтобы они были видны в малом размере, — берите маленький файл, в нём уже только крест.
НикогдаПерекрашивать вне палитры этой страницы.

Загрузить

Сгенерировано скриптом из вектора и токенов. В приложении вектора знака нет — этот единственный, поэтому всё берётся отсюда.

Полный наборВсе файлы ниже плюс правила использования обычным текстом.832 KB

Иконки для магазинов

ios 102420 KB PNG
maskable 1922 KB PNG
maskable 5128 KB PNG
play 51213 KB PNG

Использование

Охранное полеОдин шаг самой сетки с каждой стороны. Знак дышит в собственной мере, а не в произвольном числе.25.4%

100px +< 100px

Минимальный размерНиже 100 px линия контурных ячеек становится тоньше пикселя и превращается в серую кашу. В таких размерах файл уже несёт только крест — не утолщайте линию в качестве компенсации.

Чего делать нельзя

НикогдаРастягивать или сжимать
НикогдаПоворачивать
НикогдаПерекрашивать вне палитры
НикогдаНа фоне без контраста

Цвета

Читаются напрямую из источника дизайн-системы во время сборки — этот список не может разойтись с сайтом.

Фон

Текст

Синий — цвет бренда

Тональность — унаследовано от приложения

Состояние

Типографика

Fraunces

Display. Герой, заголовки и цитаты — человеческие моменты.

Archivo

Текст и интерфейс. Основной текст, навигация, кнопки.

IBM Plex Mono

Технический. Подписи, данные, таблицы тональностей.

Poppins

Логотип. Только бренд — это шрифт приложения.

Шкала

Плавная через clamp() — брейкпоинта по размеру шрифта нет.

Aa--step-6Герой главной
Aa--step-5Заголовок страницы
Aa--step-4Заголовок раздела
Aa--step-3Подзаголовок
Aa--step-2Название карточки
Aa--step-1Лид
Aa--step-0Основной текст
Aa--step--1Вспомогательный

Радиус, тени и движение

Остальная дизайн-система, из того же источника.

Радиус

Тени

Движение

--dur-fast
--dur-base
--dur-slow
--ease-out

Подпись для почты

Нажмите «Скопировать подпись» и вставьте прямо в поле подписи Gmail, Outlook или Proton — вставится с форматированием, а не кодом.

		Ваше имя Должность · Pads Ambiente contato@padsambiente.com.br padsambiente.com
Crescimento do Reino Software e Tecnologia LTDA · CNPJ 65.301.296/0001-26

Товарный знак

«Pads Ambiente» и символ-сетка являются товарными знаками Crescimento do Reino Software e Tecnologia LTDA. Файлы на этой странице предоставлены, чтобы упростить корректное использование бренда, — они не передают права собственности на него.

Так — даИспользовать бренд, чтобы сослаться на продукт — в статье, руководстве, обзоре, на занятии или в интеграции.
Так — даИспользовать файлы с этой страницы как есть, без изменений.
НикогдаСоздавать впечатление партнёрства, спонсорства или поддержки, которых нет.
НикогдаВстраивать бренд в логотип, название или айдентику другого продукта.
НикогдаИспользовать бренд в доменном имени, названии приложения или компании.
НикогдаИзменять графику, пропорции или цвета файлов.

Для любого использования за рамками перечисленного или при сомнениях пишите на contato@padsambiente.com.br