Система бренда

Единый визуальный язык для Фонда.

Это знаки, цвета, шрифты, элементы управления и правила использования, которые сейчас определяют облик сайта ZooBC Foundation.

Скачать дизайн-токены Скачать знак Фонда

Знаки

Используйте логоблок Фонда, когда речь идёт об организации-хранителе. Используйте знак сети ZooBC, когда речь идёт о самом блокчейне.

ZooBCFoundation

Логоблок ФондаТёмное оформление по умолчанию

ZooBCFoundation

Логоблок ФондаСветлое оформление

Изометрический кубЕдинственный декоративный элемент

SVG-знак Фонда SVG-маркер «куб» Знак сети ZooBC

Цветовая система

Голубой (cyan) и пурпурный (magenta) — единственные яркие акценты. Все остальные поверхности принадлежат одной нейтральной шкале материалов, общей для тёмного и светлого режимов.

ZooBC циан#2caeea

ZooBC маджента#d447bd

Чернила#070a10

Полночь#0b1420

Графит#34383d

Тауп#8b8276

Камень#c5bcae

Кость#e7dfd3

Бумага#f8f3e9

Типографика

Только два шрифтовых семейства. Space Grotesk — для заголовков и текста для чтения. IBM Plex Mono — для доказательств, подписей, элементов управления и машиночитаемой информации.

Space Grotesk · 400 / 500 / 600

Хранитель сети.

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

IBM Plex Mono · 400 / 500 / 600

ВЫСОТА БЛОКА 40 449
ТЕСТОВАЯ СЕТЬ РАБОТАЕТ
ОСНОВНАЯ СЕТЬ НЕ ЗАПУЩЕНА

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

Язык действий

Каждое действие использует одну из четырёх ролей. Роль остаётся неизменной при смене цветов между тёмным и светлым режимами.

Основное действие Второстепенное действие Исследовательское действие

Правила использования

Система намеренно сдержанна. Последовательность делает два ярких цвета, типографику и знак Фонда более весомыми.

Сохраняйте знаки неизменными

Оставляйте свободное пространство вокруг знака. Не растягивайте, не перекрашивайте, не поворачивайте, не обводите и не добавляйте эффекты к предоставленным знакам.

Используйте одну палитру

Не добавляйте посторонние пастельные тона, зелёный, красный, оранжевый цвета или декоративные градиенты.

Сохраняйте прямоугольную геометрию

Карточки, элементы управления, поля ввода, рамки медиа и поверхности интерфейса имеют прямые углы.

Сохраняйте читаемость шрифта

Основной текст страницы начинается с 17 пикселей. Мелкий служебный шрифт зарезервирован для короткой второстепенной информации.

Соблюдайте сетку

Весь контент возвращается к общей 12-колоночной сетке. Медиа на всю ширину — осознанное исключение.

Называйте вещи правильно

Используйте «ZooBC Foundation» для организации-хранителя и «сеть ZooBC» или «ZooBC» для самого блокчейна.