Гид по брендуsnappy

Твой спутник на каждый день.

Глава 01

Название

что значит Snappy

Привет, это быстро. По сути, это и есть весь питч.

Snappy - это быстро, легко и немного весело: момент, которым делятся в ту же секунду, как он случился. В этом весь продукт: вы не готовите пост для незнакомцев, вы отправляете настоящее тем, кто действительно важен, прямо сейчас, пока это происходит.

Люди и так уже так говорят

"Make it snappy." "Send me a quick snap of it." В английском это слово уже означает быстро, без усилий и немного игриво в повседневной речи - Snappy просто дал этому чувству дом.

Где живёт Snappy

Сайт бренда - на madebysnappy.com, само приложение - на app.madebysnappy.com. Вопросы о бренде - наlegal@madebysnappy.com.

Глава 02

История бренда

Мы не стали строить ещё одну сцену для выступлений.

Snappy держит вас на связи с теми, кто важен - каждый день, а не только в лучшие моменты.

Большинство соцсетей незаметно превратились в сцену: счётчики подписчиков, графики вовлечённости, незнакомцы, листающие вашу жизнь. То, что действительно важно - неудачное селфи, мысль в два часа ночи, момент, который что-то значит только потому, что они были рядом - не нуждается в зрителях. Ему нужны ваши люди: конкретный, закрытый круг друзей, которым вы действительно хотели бы это показать.

Позиционирование

Snappy - это спутник на каждый день для тех, кто хочет оставаться рядом с важными людьми: делиться моментами со своими людьми, а не выступать перед всеми остальными.

Три вещи, которые мы не готовы отдать

  • Личное, а не общее. Закрытый круг людей, который вы выбрали сами, а не аудитория, перед которой нужно выступать.
  • Быстро, а не второпях. Ценность в том, что это не требует усилий, а не в том, что это происходит быстро ради самой скорости.
  • Тёплое, а не показное. Должно ощущаться как переписка с другом, а не как пост для незнакомцев.
Глава 03

Характер

как ведёт себя, говорит и выглядит

Один и тот же друг - как бы он ни вёл себя, ни говорил и ни выглядел.

Архетип: надёжный друг - тёплый и немного игривый, никогда не выступает на публику.

Игривый
Серьёзный
Тёплый
Холодный
Громкий
Тихий
Неформальный
Официальный
Для своих
Массовый

Snappy - игривый, тёплый и спокойно уверенный - никогда не злой, никогда не гонится за хайпом, никогда не изображает непринуждённость по-корпоративному. Это касается и слов, и картинок: короткий, честный текст; дневные фото настоящих реакций, никогда не постановочные. Если сомневаетесь: сделал бы так хороший друг? Если это требует усилий - уберите это.

Это / не это

Snappy - это

Тёплый, немного игривый, спокойно уверенный

Прямой - говорит то, что думает, в нескольких словах

Пойманный при дневном свете, в момент реакции, никогда не постановочный

Snappy - это не

Громкий, натужный или гонящийся за трендом, чтобы оставаться на плаву

Корпоративно-неформальный - натужный сленг звучит хуже, чем обычная речь

Со студийным светом, фильтрами или энергией стокового фото

Голос

  • Говорите с одним человеком. "Твои люди скучают", а не "Пользователи могут восстановить связь со своими сетями".
  • Глаголы важнее существительных. "Поделись" лучше, чем "Опубликовать контент". Говорите о том, что происходит, а не о том, что сделала система.
  • Строчные буквы - стандарт в интерфейсе продукта и соцсетях; обычный регистр - в юридических текстах, вопросах безопасности и текстах для родителей.
  • Без натужного сленга. Сленг устаревает за недели, а ритм - нет.
Да

"Отправить", "сохранить", "поделиться" - простые слова для простых вещей

Коротко - если это два предложения, попробуйте сделать одно

Честно о том, что произошло, включая ошибки

Нет

"Взаимодействие", "контент", "опыт" - жаргон, наряженный в дружелюбие

"Упс", "извините за это!" - извинительная вода

Мило в ущерб ясности, особенно в текстах о безопасности

ВместоСкажите
Контентснэп / то, чем ты поделился
Пользователиты / твои люди
Вовлечение / вовлечённостьответь, отреагируй, продолжи серию
Произошла ошибкаэто не отправилось
Правильно - push-уведомление

майя поделилась с тобой кое-чем

Имя, глагол, готово.

Неправильно

У тебя новое уведомление от Майи!

Звучит как email.

Правильно - ошибка

это не отправилось. проверь соединение и нажми "повторить" - мы всё сохранили

Что случилось, что делать, что мы уже сделали.

Неправильно

Упс! Что-то пошло не так 😅

Никогда "упс".

Глава 04

Слоган

Одна строка. Вот и весь слоган.

"Твой спутник на каждый день."

Основной слоган - это то, что уже прописано в метаданных самого приложения: он прямо говорит, для чего нужен Snappy, каждый день, без всяких уловок.

Дополнительные строки

СтрокаГде использовать
Поделись, пока это происходит.Подзаголовок в App Store, онбординг
Для тех, кто важен.Позиционирование / пресса
Держи их рядом.Приглашения, запуск функций
Глава 06

Цвет

Чёрный и белый. Вот вся палитра.

Ink на белой бумаге, и больше ничего. #000000 - Ink - является единственным акцентом бренда: относитесь к нему как к логотипу, а не как к украшению.

Ink#000000Единственный акцент: сплошные заливки, активные состояния, весь текст
Snow#FFFFFFОсновной фон
Slate#6B6B6BПриглушённый текст: рубрики, подписи
Fog#E5E5E5Разделители, неактивные состояния

Пары для доступности

СочетаниеКонтрастВывод
Текст Ink на Snow21 : 1Основной текст ✓
Текст Slate на Snow5.7 : 1Второстепенные подписи ✓
Fog как текст1.6 : 1Только заливка/разделитель
Глава 07

Типографика

Один шрифт. Без исключений.

Хостится у нас - эта страница набрана настоящим продакшн-шрифтом, а не системным приближением.

Display и TextInter

Переменное начертание 400-800. Заголовки, логотип, интерфейс и основной текст.

UtilityInter · tabular

Время, счётчики серий. Всегда табличные цифры.

Типографическая шкала

display / 44-68px / 800твой спутник на каждый день.
body / 16px / 400 / 1.6 line heightОсновной текст держится в районе 65 символов на строку.
label / 12px / 600 / +14% tracking / uppercaseНовое от твоих людей

Никогда

  • Второй шрифт где бы то ни было
  • Заголовки или основной текст капсом
  • Текст по правому краю или по ширине
Глава 08

Иконография

Мягкие капли в покое. Сплошные при нажатии.

Очень скруглённые, абстрактные формы - нигде ни одного острого угла. У каждой иконки ровно два состояния: контур в покое и сплошная заливка при выборе или активности.

  • Каждая форма - сначала мягкая капля, и только потом узнаваемый объект.
  • Только два состояния: контур 2,2 px в покое, сплошной Ink при активности.
  • Ни у одной иконки в наборе нет ни одного угла в 90°.
Глава 09

UI-система

Одно действие на экран. Всегда.

Прежде всего светлый режим. Фон Snow, текст Ink, белые карточки и ровно одно Ink-действие на экран. Кнопки - округлые пилюли.

Основные токены

ТокенЗначение
--snappy-bg#FFFFFF
--snappy-radius20 px cards · 999 px buttons & chips · 50% avatars
--snappy-tapmin target 44×44 px

Правила компонентов

  • Кольцо Snappy: непросмотренные аватары получают Ink-кольцо 2,5 px; просмотрено = 20% Ink.
  • Счётчики непрочитанного и серии используют табличные цифры.
Глава 10

Иконка приложения

Одна форма, любой размер, вплоть до 16px.

Знак на сплошном Ink, по центру, с щедрым защитным полем. Он масштабируется без потерь от карточки в магазине 1024 px до фавиконки 16 px.

  • Знак расположен оптически по центру, примерно на 70% собственной ширины иконки.
  • Адаптивная иконка Android: знак масштабирован до 55% безопасной зоны.
  • Знак никогда не перекрашивается; ни один сезонный вариант не меняет его форму.
Глава 11

Анимация

Всё появляется с капелькой жизни.

Одно правило: небольшой перелёт, никогда резкий обрыв. Нажатия сжимаются; выходы быстрые и тихие.

Масштабирование за 380 мс от 60% с лёгким перелётом перед тем, как всё встанет на место.

Именованные кривые

НазваниеПараметрыИспользуется для
Появлениеcubic-bezier(.34,1.56,.64,1) · 320-380msКарточки, входящие посты, шторки
Уходcubic-bezier(.3,0,.7,1) · 140-180msВыходы, закрытие, кроссфейд вкладок
Сжатиеscale(1.04,.92) on pressЛюбая цель нажатия
  • Уважайте reduced-motion: заменяйте всё движение плавным затуханием прозрачности за 120 мс. Обязательно.
  • Анимация выхода, которая никому не нужна - если закрытие происходит мгновенно, не придумывайте повод подождать.
Глава 12

Соцсети

Один из твоих людей, а не платформа.

Присутствие Snappy в соцсетях ведёт себя как один из твоих людей. Никогда не постит как корпорация.

Формат · релиз

snappy уже в сети
в app store

Формат · челлендж

поделись последним фото из галереи. без пролистывания.

Формат · доказательство

"make it snappy" - отправлено за секунды, каждый день

Глава 13

Мерч и упаковка

Два элемента - везде, где их можно напечатать.

Плотная вышивка, глянцевая эмаль, чистая печать. Всё строится на знаке, логотипе и чистом Ink.

make it snappy.snappy
  • Лист наклеек: знак и текстовые пилюли, глянцевое купольное покрытие.
  • Одежда: вещи Snow или Ink, маленький знак на груди, крупный логотип на спине.
  • Никогда не печатайте интерфейс приложения на мерче.
Глава 14

Маркетинг

Тот же голос, просто холст побольше.

  • App Store: Snappy - твой спутник на каждый день. Подзаголовок: Поделись, пока это происходит.
  • Скриншоты: каждый кадр подписан знаком в углу.
  • Наружная реклама: фон Snow, гигантский заголовок Ink, одна короткая ссылка: madebysnappy.com.
  • Бриф для авторов: "снимайте момент, а не ленту".
Глава 15

Товарные знаки и материалы

короткая версия

Скучная часть, но коротко.

Всегда

· Абстрактный знак как иконка - одна форма, без буквы

· Фон Snow, текст Ink, одно Ink-действие на экран

· Ink #000000 как единственный акцент - и больше ничего

Никогда

· Знак с обводкой, тенью, градиентной заливкой или поворотом

· Любой сдвиг оттенка или почти-белые фоны

· Корпоративный голос, "упс", шутки в текстах о безопасности/юридических текстах

Товарные знаки

ЭлементЗащитное полеМинимальный размер
Знак¼ собственной ширины знака16 px
ЛоготипВысота строчной буквы "n"72 px wide

Материалы

Исходные файлы пока недоступны для самостоятельного скачивания - запросите знак, логотип, набор иконок или пресеты анимации по адресуlegal@madebysnappy.com.

Бренд-гид Snappy · Именование файлов: snappy-[asset]-[ground]-[size] ·Шрифт: Inter (шрифт с переменным начертанием, размещён у нас) ·Вопросы: legal@madebysnappy.com

Глава 16

Предназначение

вопросы, которые правда задают

Зачем это существует? Справедливый вопрос.

Почему существует Snappy?

Большинство соцсетей незаметно превратились в сцену - счётчики подписчиков, алгоритмы, незнакомцы, листающие вашу жизнь. Snappy существует, чтобы моменты, важные только потому, что рядом были ваши люди, находили куда деться - в ту же секунду, как случились.

Для кого это?

Закрытый круг людей, которых вы уже знаете - друзья, а не подписчики. Если вы пытаетесь набрать аудиторию, это не то приложение.

Чем это отличается от других соцсетей?

Нет ленты, для которой нужно выступать, нет алгоритма, который решает, кто что увидит, нет счётчика подписчиков, который нужно растить. Вы отправляете - ваши люди видят, вот и весь продукт.

Почему название "Snappy"?

"Make it snappy." "Send me a quick snap of it." В английском это слово уже означало быстро, без усилий и немного игриво в повседневной речи - мы просто дали этому чувству дом.

Куда это движется?

Ближе, а не больше. Рост ради роста - как раз то, что превращает место для друзей в сцену для незнакомцев, поэтому мы намеренно остаёмся маленькими.