Графика + визуальные материалы

Руководство по стилям, логотипы + ресурсы

Версия 3

Цели

  1. Привлекайте и вовлекайте людей
  2. Сделайте месседжи понятными
  3. Выражайте ценности и идентичность 350

Основы

350 - это: Как это будет выглядеть в нашем стиле:
Оптимистичный, смелый, энергичный
  • Яркие цвета
  • Жирный шрифт
  • Позитивные фотографии
Ясный, практичный, прямой
  • Понятное, простое оформление
  • Лаконичная верстка
  • Однотонные цвета, без замысловатых градиентов, текстур и эффектов
Международный, разнообразный, массовый
  • Многообразие в фотографиях
  • Разнообразие цветов
  • Инструменты из открытых источников

Цвета

Цвета показаны пропорционально тому, как часто они используются в стиле 350..

 Голубой - основной цвет, используемый 350, - что бы вы ни создавали, вам следует голубой цвет брать за основу..

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

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

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

Код цвета

Голубой
Hex: #0F81E8
RGB: 15,130,232
CMYK: 78,47,0,0

Белый
Hex: #FFFFFF
RGB: 255,255,255
CMYK: 0,0,0,0

Светло-серый
Hex: #E6F0FA
RGB: 230,240,250
CMYK: 84,65,60,65

Тёмно-серый
Hex: #17292E
RGB: 23,41,46
CMYK: 84,65,60,65

Оранжевый
Hex: #FFA902
RGB: 255,170,2
CMYK: 0,40,100,0

Бирюзовый
Hex: #40D7D4
RGB: 64,215,212
CMYK: 60,0,25,0

Красный
Hex: #FF6112
RGB: 255,97,18
CMYK: 0,76,100,0

Текст

Фирменный стиль 350 для текстов..

  • Названия и заголовки должны быть крупными и выделенными жирным..
  • Абзацы следует выравнивать по левой стороне (это первичная настройка для большинства языков, на которых пишут слева направо)).

350 предпочитает писать четко и понятно, и наша верстка лишь подчёркивает это. Когда вы правите текст, делайте его простым и понятным - не усложняйте его!

В целом, 350 использует the inverted pyramid следующий способ организации текста: определитесь, какая информация наиболее важна, поместите её в начале и выделите большим шрифтом.

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

Языки, использующие латинский алфавит

Названия и заголовки

Klima Heavy

Загрузить

Подзаголовки, кнопки, диакритические знаки

Graph Condensed

Загрузить

Основной текст:

Для использования в печати/изображении: Klima
Для Web/HTML: Arial/San Francisco (Default web-safe sans-serifs)

Загрузить

Диакритические знаки/текст метаданных

Overpass Mono / Menlo

Загрузить

Арабский

Titles/Headlines

Noto Kufi Arabic

Загрузить

Text

Noto Kufi Naskh

Загрузить

Фотографии

Люди

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

Многообразие

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

Энергия + Импульс

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

Фото 350 на Flickr

Авторские права фотографов: Хорошие фотографии суперважны для визуального образа 350, но хороших фотографий не бывает без хороших фотографов. Обязательно указывайте имя фотографа и никогда не используйте фотографии без разрешения.

Фотографии (начиная с верхнего левого угла): Нью-Йорк, США (Christine Irvine). Утёсы Мохер, Ирландия (Eamon Ryan). Протестное движение Ende Gelande, Германия (Moritz Richter). Думагете, Филиппины (Therese Quijano). Олоибири, Нигерия (Babawale Obayanju). Анакортес, штат Вашингтон, США (автор неизвестен).

Символы

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

Загрузить набор значков 350


Использования карт:

Когда вы используете карты, убедитесь, что используете такие, которые представляют страны справедливо. Например, в общепринятой проекции Меркатора Гренландия выглядит такой же по размеру, как Африка, хотя в реальности Африка в 14 раз больше Гренландии (для карты из Набора значков 350 используется проекция Робинсона).).

Samples from 350's climate icon set