WELL DONE!
logo
3
Dictopro / LOGO Логотип состоит из трех частей: эмблемы, шрифтового начертания и слогана. Варианты правильного использования логотипа. На белом фоне используется шрифтовое начертание и слоган в глубоком зеленом цвете и эмблема в насыщенно желтом цвете. На плашке глубокого зеленого цвета используется логотип белого цвета с эмблемой насыщенно желтого цвета.
4
Dictopro / LOGO Варианты использования одноцветного логотипа на плашечном основном цвете и на белом.
5
Dictopro / LOGO Правила использования логотипа на тонированном фоне. До 60% серого можно использовать черную версию логотипа. При наличии фона с более 60% серого следует применять белый вариант логотипа.
0
10
20
30
40
50
60
70
80
90
100
6
Dictopro / LOGO Зона безопасности логотипа основана на базовом элементе — расстоянии между эмблемой и лого, обозначаем его Х. Величина строчной буквы обозначается Y — это растояние между слоганом и лого.
2X
2X
7
Dictopro / LOGO Не допускается менять пропорции логотипа, а так же фирменные цвета и шрифты.
ПРАВИЛЬНО
НЕ ПРАВИЛЬНО
well done
fonts
9
Dictopro / FONTS
GOTHIC A1 BOLD/ 24 PX LOREM IPSUM
GOTHIC A1 / 24 PX LOREM IPSUM
Subtytle
Gothic A1 light / 18 px Lorem ipsum dolor sit amet
Gothic A1light / 18 px Lorem ipsum dolor sit amet
Ordinary
Gothic A1-ExtraBold / 15 px Lorem ipsuППsit amet
Gothic A1-ExtraBold / 15 px Lorem ipsum dolor sit amet
Gotham Pro-Regular / 12 px. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Gotham Pro-Regular / 12 px. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.etur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. onsectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Tytle
colors
11
Dictopro / COLORS
Основными цветами Dictopro являются: • глубокий зеленый • насыщенный желтый • белый.
ОСНОВНЫЕ ЦВЕТА
АКЦЕНТНЫЕ ЦВЕТА
Акцентные цвета • яркий зеленый • яркий красный • светло-серый • черный Эти цвета являются стилеобразующими.
! Для веб использовать исключительно кодировку RGB (не переводить из CMYK).
RGB 56 - 89 - 86 CMYK 77 - 50 - 56 - 30 HEX #385956 PANTONE 5477 C
RGB CMYK HEX PANTONE
251 - 188 - 0 0 - 30 - 93 - 0 #FBBC00 7408 C
RGB 255 - 255 - 255 CMYK 0-0-0-0 HEX #FFFFFF PANTONE ---
RGB CMYK HEX PANTONE
130 - 255 - 0 30 - 0 - 100 - 0 #82FF00 375 C
RGB CMYK HEX PANTONE
255 - 0 - 0 0 - 100 - 100 - 0 #FF0000 185 C
RGB CMYK HEX PANTONE
217 - 218 - 219 0 - 0 - 0 - 20 #D9DADB cool grey 1C
RGB CMYK HEX PANTONE
0-0-0 0 - 0 - 0 - 100 #000000 ---
photos
13
Dictopro / PHOTOS
Правила использования фото: Цветные, яркие фотографии. Не используйте черный или белый фон. Фотографии должны смотреться органично вместе. Объемные, без резких теней и пересветов. Низкий уровень шума.
14
Dictopro / PHOTOS
Выбирайте фото без пересветов и бликов. Используйте тонирующие слои с высокой прозрачностью.
Не используйте вытянутую перспективу. Это удешевляет презентацию продукта.
Чередуйте изображения с людьми, где они смотрят и не смотрят в объектив. Когда смотрят в глаза — акцент на модели, когда смотрят в сторону — на сюжете.
Выбирайте фото без больших черных и белых пятен. Они могут сливаться с белыми и черными блоками сайта.
Используйте моделей разных рас.
Придерживайтесь одного качества фотографий. Мы стремися, чтобы наши фото были органичными и не казались подборкой из фотостока.
identity
16
Dictopro / IDENTITY
Основные графические элементы.
«ДВА ТРЕУГОЛЬНИКА».
photo
Могут использоваться только вместе. Эти элементы могут использоваться в основных цветах: насыщенном зеленом и желтом.
photo
Предлагается два варианта верстки: - в первом варианте треугольники заливаются основными цветами и короткий текст помещается на больший треугольник, справа остается поле для фотографии. Под фотографией используется тонкая полоса основного цвета - во втором варианте больший треугольник образовывает маску для фотографии, на которую нужно поставить логотип, а поле справа от фотографии остается для расположения на нем текста. Меньший треугольник всегда остается желтого цвета, т.к. эмоционально поддерживает графический элемент логотипа.
ADAPTER CR5
photo
photo
ADAPTER CR5
Lorem ipsum dolor sit amet, consectetuer
battery / playtime (5 hours)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
battery / playtime (5 hours)
internal memory (7 Gb)
light weight
made for Canada
internal memory (7 Gb)
light weight
made for Canada
17
Dictopro / IDENTITY
Акцентные графические элементы. 12
«ГАЛОЧКА» Может использоватся в двух цветах: основном зеленом и желтом. Может располагаться вверху макета (например, для нумерации или колонтитулов). «Галочка» выходит за край поля навылет. «Галочка» и треугольник являются взаимозаменяющими элементами.
«ЛИНИЯ» Внизу страницы можно использовать тонкую линию основного цвета, выходящюю навылет слева.
«ПЛАШКА-ФЛАЖОК». К данному элементу можно применять акцентные цвета. Этот элемент выходит за край поля навылет.
dictopro.com
dictopro.com
icons
19
Dictopro / ICONS
1 guaranty 1 year
battery / playtime (5 hours)
made for USA
made for Canada
internal memory (7 Gb)
light weight
dynamic noise reduction
formatting
21
Dictopro / FORMATTING Пример оформления макета для листинга Амазон.
ADAPTER CR5
ADAPTER CR5 Lorem ipsum dolor sit amet, consectetuer
battery / playtime (5 hours)
internal memory (7 Gb)
light weight
made for Canada
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
battery / playtime (5 hours)
internal memory (7 Gb)
light weight
made for Canada
22
Dictopro / FORMATTING
ADAPTER CR5
Lorem ipsum dolor Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod, tincidunt ut laoreet dolore magna volutpat. Ut wisi enim ad minim veniam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam. Lorem ipsum dolor sit amet. Consectetuer adipiscing elit. Sed diam nonummy nibh euismod. Tincidunt ut laoreet dolore magna volutpat.
battery / playtime (5 hours)
internal memory (7 Gb)
light weight
made for Canada
dictopro.com
23
Dictopro / FORMATTING
WELL DONE!