Фирменный стиль
Здесь сами файлы, а не их изображения
Каждое превью ниже — это опубликованный файл, загруженный по тому же адресу, на который ведёт ссылка для скачивания: что видите, то и получите. Ничего не рисуется на лету, и ничего не выкладывается, если этого нет на диске. По вопросам, на которые эта страница не отвечает, пишите на [email protected].
Знак
Знак — вектор
Исходный файл без изменений. Это оригинал: всё остальное на этой странице получено из него. Используйте именно его везде, где принимается вектор.
SVG · 1254 × 1254 · 3,7 КБ · прозрачный фон
Скачать

Знак — растр
То же изображение в пикселях — для инструментов, которые не принимают SVG. Уменьшать можно, увеличивать нельзя. Файл непрозрачный: углы за пределами диска не прозрачные, а почти чёрные, поэтому на светлой поверхности он читается как тёмный квадрат. Где нужна прозрачность, берите вектор или выворотку.
PNG · 1254 × 1254 · 997,6 КБ
СкачатьЗнак — выворотка
Только монограмма: плоский белый, без диска, фон прозрачный. Для тёмных плашек, фотографий и печати в одну краску. На белом фоне она исчезает — именно это и показывает левое превью.
SVG · 1254 × 1254 · 2,3 КБ · прозрачный фон
СкачатьГоризонтальный логотип
Логотип — вектор, наследует цвет
Знак плюс надпись. Надпись задана через currentColor, поэтому при вставке прямо в страницу она принимает цвет текста этой страницы. Загруженный как изображение файл откатится к чёрному, потому что изображение не видит страницы, на которой стоит, — для таких случаев берите одну из двух версий с фиксированным цветом.
SVG · 163 × 48 · 3,1 КБ · прозрачный фон
СкачатьЛоготип — вектор, для светлого фона
Тёмная надпись рядом с полноцветным диском. Для белых и светлых фонов.
SVG · 163 × 48 · 3,1 КБ · прозрачный фон
СкачатьЛоготип — вектор, для тёмного фона
Белая надпись рядом с выворотной монограммой, без диска: тёмно-синий диск на тёмном фоне попросту не виден, и выкладывать его туда значило бы выкладывать знак, которого никто не увидит. Только для тёмных фонов.
SVG · 163 × 48 · 2,6 КБ · прозрачный фон
Скачать

Логотип — растр, для светлого фона
Отрисован самим сайтом, в том же Roboto Medium, что и на сайте, в четырёхкратном размере на прозрачном фоне. Берите его там, где гарнитура должна быть зафиксирована.
PNG · 644 × 192 · 32,4 КБ · прозрачный фон
Скачать

Логотип — растр, для тёмного фона
Тот же логотип того же размера, в белой выворотке на прозрачном фоне.
PNG · 644 × 192 · 10,2 КБ · прозрачный фон
Скачать

Логотип — из баннера
Вырезан из нашего баннера, в собственной гарнитуре баннера. Шапка сайта набирает то же слово в Roboto, поэтому написание совпадает, а начертание — нет. См. раздел «Написание» ниже.
PNG · 952 × 290 · 31,1 КБ · прозрачный фон
СкачатьИконки
Фавикон — вектор
То, что вкладка браузера загружает первым. Это не уменьшенный оригинал: монограмма здесь нарисована жирнее, чтобы уцелеть на 16 пикселях, где тонкий штрих оригинала слипается.
SVG · 1254 × 1254 · 3,7 КБ · прозрачный фон
СкачатьФавикон — ICO
Та же иконка в контейнере, который запрашивают старые инструменты и агрегаторы, забирая /favicon.ico напрямую независимо от разметки страницы.
ICO · 16 × 16 · 32 × 32 · 48 × 48 · 4,1 КБ · прозрачный фон
Скачать

Иконка Apple touch
Непрозрачная, без альфа-канала и без собственных скруглений — маску накладывает сама iOS. Именно это показывает закладка на домашнем экране.
PNG · 180 × 180 · 6,6 КБ
Скачать

Иконка приложения, 192 px
Домашний экран Android и предложение установки; указывается манифестом веб-приложения.
PNG · 192 × 192 · 8,9 КБ · прозрачный фон
Скачать

Иконка приложения, 512 px
Заставка и карточка в стиле магазина приложений, из того же манифеста.
PNG · 512 × 512 · 26,4 КБ · прозрачный фон
Скачать

Maskable-иконка, 192 px
Дополнительные поля вокруг монограммы, чтобы платформа могла обрезать её в круг, сквиркл или скруглённый квадрат, не задев само изображение.
PNG · 192 × 192 · 6,9 КБ
Скачать

Maskable-иконка, 512 px
То же самое в размере, который лаунчер использует для самой крупной плитки.
PNG · 512 × 512 · 19,8 КБ
СкачатьБаннеры и изображения для соцсетей


Баннер для соцсетей
Наш баннер в полном разрешении: логотип, слоган и вид самого обозревателя. Для шапки профиля или заглавной иллюстрации к статье.
PNG · 3000 × 1000 · 1,7 МБ
Скачать

Карточка предпросмотра ссылки
Размер, под который любая соцсеть и любой мессенджер обрезают предпросмотр ссылки. Именно это изображение разворачивается при отправке ссылки на сайт.
PNG · 1200 × 630 · 33 КБ
Скачать

Только надпись
Слово из баннера, без знака, на прозрачном фоне. Краска — тёмно-синяя, как в баннере, поэтому файл рассчитан на светлые поверхности: на тёмной он не прочитается. Используйте только там, где знак присутствует на той же поверхности отдельно; одно не заменяет другое.
PNG · 609 × 124 · 37,2 КБ · прозрачный фон
СкачатьМинимальный размер
24 пикселей — нижняя граница, 32 — безопасный размер. Ниже 24 px разом отказывают две вещи, и это измерено, а не угадано: замкнутый треугольник внутри «A» заплывает белым, а тонкий штрих, пересекающий его, теряет от трети до половины контраста относительно эталона в 512 пикселей. Остаётся светлое пятно на тёмном диске, а не буква. На 32 px не теряется ничего. Если знак нужен меньше 24 px, берите фавикон — это та же монограмма, нарисованная жирнее именно по этой причине.
Один и тот же файл в каждом из размеров, без масштабирования. Если штрих поперёк «A» превратился в серую нитку, а треугольник внутри затянулся, знак взят слишком мелким.
Правила использования
- Оставляйте воздух. Со всех четырёх сторон — свободное поле не менее 25 % ширины знака; для знака в 48 пикселей это 12 пикселей. Число не произвольное: монограмма занимает всего 53 % диаметра диска, то есть диск уже несёт такое же поле внутри. Повторить его снаружи — это и есть то, из-за чего знак стоит в поле, а не в коробке.
- Не опускайтесь ниже 24 px. Это нижняя граница для знака; доказательство — в шкале выше. Для горизонтального логотипа граница около 96 px по ширине, и там первой отказывает надпись, а не знак.
- Не перекрашивайте. Диск тёмно-синий, монограмма белая — эти два факта и есть знак. Не тонируйте его под свою палитру, не заливайте своим акцентным цветом, не инвертируйте. Если возможен только один плоский цвет, берите #01122F. Если возможна только одна краска, берите выворотку выше.
- Не искажайте. Масштабируйте пропорционально и не делайте больше ничего: никаких растяжений под размер блока, поворотов, наклонов, теней, обводок и собственных градиентов поверх. Диск — окружность и должен ею остаться.
- Не ставьте на пёстрый фон. На фотографии, на узоре, на любом фоне, сквозь который проходит граница средней светлоты, тёмно-синий диск перестаёт читаться как форма. Используйте однородную поверхность — или выворотку с достаточным контрастом за ней.
- Не восстанавливайте знак по растру. Не обводите PNG, не снимайте скриншот шапки, не перерисовывайте монограмму от руки. Векторный оригинал выше лежит здесь же и ничего не стоит; всё, что срисовано с пикселей, окажется неточным — и эта неточность станет заметна ровно в тот момент, когда окажется рядом с настоящим знаком.
- Не стройте свой знак из нашего. Его нельзя использовать как часть другого логотипа, названия продукта, домена или иконки приложения, и его нельзя регистрировать — целиком или частично — никому другому.
- Ссылаться можно, подразумевать — нет. Знаком можно пользоваться, чтобы сослаться на Arcscan или рассказать о нём: в документации, в статье, на кнопке «посмотреть на Arcscan». Им нельзя пользоваться так, чтобы возникало впечатление, будто Arcscan одобряет, проверяет, удостоверяет ваш проект, токен или компанию либо связан с ними.
Эти правила касаются только названия и знака Arcscan. Данные блокчейна, публикуемые на сайте, общедоступны и не являются нашими для лицензирования. Всё остальное регулируют условия использования.
Цвет
Диск. Радиальный градиент, считанный прямо из файла знака: светлее всего в центре, темнее всего по краю. Если возможен только один плоский цвет, берите среднюю точку — #01122F. Весь градиент укладывается примерно в половину ступени светлоты, так что в любом размере, в котором его реально увидят, диск именно этого цвета.
- #011538
- Градиент диска, центральная точка.
- #01122F
- Градиент диска, средняя точка. Тот самый плоский тёмно-синий.
- #020E27
- Градиент диска, крайняя точка.
Монограмма. Тоже градиент, и это не плоский белый: от левого верхнего угла к правому нижнему он едва заметно холодеет. На экране разница почти не видна; на большой печатной поверхности — вполне. Воспроизводите градиент там, где можете, и берите #FFFFFF там, где не можете.
- #FFFFFF
- Градиент монограммы, первая точка. Чистый белый.
- #F8FBFF
- Градиент монограммы, средняя точка.
- #EDF3FB
- Градиент монограммы, последняя точка. Самая холодная.
Палитра интерфейса. Собственные CSS-токены сайта, опубликованные для тех, кто делает страницу, которой предстоит стоять рядом. #0784C3 — синий интерфейса: ссылки, фокус, активное состояние. Это не фирменный цвет, и в знаке он не встречается.
- #0784C3--arc-primary
- Синий интерфейса. Ссылки, фокус, активное состояние — не цвет знака.
- #066A9C--arc-link-hover
- Наведение на ссылку и нажатое состояние.
- #081D35--arc-text-ink
- Тёмный тон. Текст тёмного интерфейса и полоса героя.
- #212529--arc-text
- Основной текст на светлом.
- #6C757D--arc-text-dim
- Второстепенный и приглушённый текст.
- #E9ECEF--arc-border
- Тонкие рамки и разделители.
- #F8F9FA--arc-bg-subtle
- Мягкая заливка: подвал, блоки кода, чипы.
- #111A2E--arc-bg-page
- Поверхность страницы в тёмной теме.
- #00A186--arc-success
- Успех, а в Arc — окончательность.
- #DC3545--arc-danger
- Ошибка.
- #FFC107--arc-warning
- Предупреждение, баннер тестовой сети.
- #2775CA--arc-usdc
- Акцент нативной стоимости. Никогда не используется как фирменный цвет.
- #6F42C1--arc-system
- Системные сущности и предкомпилированные контракты.
В векторных логотипах надпись — это живой текст
Все три SVG-логотипа набирают слово текстовым элементом SVG гарнитурой Roboto с системным запасным вариантом — так же, как это делает шапка сайта. SVG, загруженный как изображение, не может воспользоваться шрифтами страницы, поэтому читатель без установленного Roboto увидит свою собственную гротескную гарнитуру, а не эти начертания. Если типографика должна быть зафиксирована, возьмите один из PNG-логотипов — или возьмите знак отдельно и наберите слово той гарнитурой, которой уже пользуетесь: это выглядит лучше подменённого шрифта.
Написание
Название сайта — Arcscan: одно слово, заглавная A, остальные буквы строчные, в том числе в середине предложения. Не «arcscan», не «ArcScan», не «ARCSCAN» и не «Arc Scan».
Написание одно и применяется везде. Шапка сайта, заголовки страниц, текст, логотипы выше и баннер набраны одинаково, поэтому скриншот продукта и файл, скачанный с этой страницы, не могут противоречить друг другу. Это имя собственное, а не слово для перевода: в китайском, японском, корейском и русском тексте оно остаётся латиницей и сохраняет заглавную букву, транслитерация не применяется.
«Arc» — название блокчейна, а не этого сайта, и принадлежит его авторам. Когда оба названия стоят рядом, предпочитайте формулировку «Arcscan, обозреватель блоков для Arc» любой конструкции, из которой можно прочесть, будто обозреватель издаёт сама сеть.
Единственный аккаунт Arcscan в X — @arcscanio. Он назван здесь, а не в списке файлов выше, потому что всё в том списке — это файлы, которые отдаёт сам сайт и которые можно проверить побайтово, а профиль на чужом хосте так проверить нельзя — именно поэтому и важно сказать, чей он.
Вопросы о бренде и для прессы
Пишите на [email protected] обо всём, чего эта страница не покрывает: разрешение на использование, которое правила выше не разрешают однозначно, файл в формате, которого здесь нет, или вопрос о том, как точно описать Arcscan. Это единственный адрес для бренда и прессы — отдельных юридических или пресс-ящиков нет.