treblab-brendbook by Goracio

1. LOGO

brandbook

1. LOGO

TREBLAB BRANDBOOK Brand guidelines logo typeface color palete icons

Rules and

recommendations on the use of

corporate identity elements

photo style formatting identity website page

Welcome to TREBLAB â&#x20AC;&#x201D; a proficient team of tech lovers dedicated to reinventing your listening experience. We bring you the best Bluetooth powered audio equipment in the industry by using technology to redefine sound. We love what we do and having fun doing it. Proudly American, we started in 2015 after our own frustrations with being tied down by wires and having to pay too much just to experience decent audio. We knew we deserved better, and so do you. We knew we could do something about it so we assembled our team and got to work.

1. LOGO

logo

1. LOGO

LOGO Logos must be designed in a vector application such as Adobe Illustrator, in order to be scalable without losing quality. It should be crisp regardless of whether it is printed on a tiny business card or a billboard. It is important that the logo can be reproduced in a single color while still being recognizable. Safe space is 1/3 of height Safe spaces standart only for web and print. For physical products it can be modyfied.

1. LOGO

LOGOMARK Для использования на круглых поверхностях есть отдельный знак. В отличии от знака в логотипе этот знак идеально круглый. И он подойдет для нанесения на круглые, физические поверхности, где важно, чтобы расстояние до края было постоянным. Safe space is 1/3 of height.

1. LOGO

LOGOTYPE Сокращенная версия без знака. Используется для нанесения на горизонтальные или вертикальные узкие и вытянутые поверхности. Также для печатной и веб продукции где уже присутсвует полный знак. Safe space is 1 to 1 of height.

1. LOGO

SLOGAN Слоган используется только в полной версии логотипа (логотип + знак).

3,5 cm min

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

base line

2. TYPEFACE

typeface

2. TYPEFACE

TYPEFACE SINKIN SANS is a simple, pleasant, luxuriously proportioned and easy to read sans-serif, supplied in all 9 standard web weights, 100 to 900, plus italics, so the face is a comprehensive illustration of the CSS web font numerical scale. https://www.fontsquirrel.com/fonts/ sinkin-sans

Tytle text

SINKIN SANS - 400 REGULAR / 26 PX

Subtytle text

Sinkin Sans — 400 regular / 14 px

Ordinary text

Sinkin sans — 200 light / 8 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”.

Footnote

Sinkin sans — 200 light / 5 px

Waterproofing is the process of making an object or structure waterproof or water-resistant so that it remains relatively unaffected by water or resisting the ingress of water under specified conditions. Such items may be used in wet environments or underwater to specified depths.

3. COLOR PALETTE

color palette

3. COLOR PALETTE

MAIN COLOR Основным цветом TREBLAB является «яркий синий». Он используется для основных заголовков, плашек, основных элементов стиля. ! Для веб использовать исключительно кодировку RGB (не переводить из CMYK). Для полиграфии использовать PANTONE. CMYK использовать только в случае невозможности использования PANTONE, с обязательной цветопробой. RGB 44/66/215 Pantone 2726С CMYK 100/65/0/0

3. COLOR PALETTE

SECONDARY AND ACCENT COLORS Дополнительным цветом TREBLAB является «неоновый голубой». Он используется для написания подзаголовков, vдополнительного цветового оформления макетов, плашек и т.п. Акцентные цвета: «яркий желтый», «неоновый салатный», «светло-серый» используются в тех случаях, когда одного цвета недостаточно для всех акцентов. Белый цвет используется только как фон или для начертания логотипа и надписей на основном синем цвете. Черный цвет используеться для написания слогана на белом фоне, либо для черно-белых макетов. или для написания текста на белом и цветных фонах.

RGB 0/250/255

RGB 0/255/0

RGB 255/255/255

Pantone 311 C

Pantone 802 C

Pantone --

CMYK 53/0/12/0

CMYK 65/0/100/0

CMYK 0/0/0/0

RGB 255/255/50

RGB 0/0/0

RGB 235/235/235

Pantone 101 C

Pantone Black 6 C

Pantone 663 C

CMYK 0/0/95/0

CMYK 30/30/40/100

CMYK 0/0/0/10

3. COLOR PALETTE

BASIC COLOR USAGE Основной вариант логоблока: белый логотип, белый символ и «неоновый голубой» слоган на «ярко синем» фоне.

3. COLOR PALETTE

USE OF ADDITIONAL COLORS IN THE LOGO При написании логоблока на белом фоне для начертания символа и логотипа используется «яркий синий» цвет, для слогана — черный цвет.

KICK INTO GEAR

3. COLOR PALETTE

USE OF COLORS Образцы использования акцентных цветовых плашек.

2019

4. PHOTO STYLE

photo style

4. PHOTO STYLE

PHOTO STYLE Правила использования фото: Цветные, яркие фотографии. Не используйте черный или белый фон. Фотографии должны смотреться органично вместе. Объемные, без резких теней и пересветов. Не используйте стилизацию изображения (сепия и т.п.). Низкий уровень шума.

4. PHOTO STYLE

PHOTO STYLE (WEBSITE AND SOCIAL NETWORKS)

Выбирайте фото без пересветов и бликов.

Не используйте вытянутую перспективу.

Используйте тонизирующие слои с высокой прозрачностью.

Это удешевляет презентацию продукта.

Выбирайте фото без больших черных и белых пятен.

Используйте моделей разных расс.

Они могут сливаться с белыми и черными блоками сайта.

У наших клиентов разный цвет кожи и разрез глаз.

Чередуйте изображения с людьми, где они смотрят и не смотрят в объектив. Когда смотрят в глаза — акцент на модели, когда смотрят в сторону — на сюжете.

Придерживайтесь одного качества фотографий. Мы стремися, чтобы наши фото были органичными и не казались подборкой из фотостока.

5. ICONS

icons

5. ICONS

ICON STYLE Образцы стиля иконок: иконка выполняется «ярким синим» цветом (кроме флагов), заключена в непрервный круг, внутренняя часть иконки имеет разрывы в линиях.

Secure X-Drop Headphones Hassle-freeHigh quality Premium design. fins for intuitive set up and assembling Premium qality materials all ear sizes

Easy set up and Looks more Earbuds seamless operation expensive than it cost

Focused Beryllium bass Stable and Speakers speakers reliable connection

Multi-point connection

6. FORMATTING

formatting

6. FORMATTING

TREBLAB HD55 Вариант 1 Базовый с цветным фоном

Enjoy loud 360° surround sound at the highest volumes sound at the highest volumes

Фон — сплошная заливка «ярко синим» цветом.

It can even hit the showers with you post-workout

A real contender that’s not afraid of getting splashed Works with your favourite streaming services 10 hours of playback with a 5-hour charge

Обчный и акцентный текст белым цветом. Подзаголовок «неоново голубой» . Заголовок «ярко синий» и вынесен на плашку белого цвета в правой части страницы. Блок текста сверстан одной полосой с левым выравниванием в правой части листа.

Compatible with ALL Bluetooth-enabled devices

Brings fun everywhere with HD 360° sound

Surprisingly powerful sound The HD55 packs one heck of a punch. Not only in the volume it pumps out but also in the impressive HD sound quality. Easily pairs with anything and anyone, Treblab HD55 speaker makes friends easily, connecting at the click of a button. It makes a steady, unbreakable connection with all Bluetooth-enabled devices. The gauntlet has well and truly been thrown down. Have you got the stamina to outlast the 10 hour playback time that the HD55 delivers? Its powerful battery will bring you the sound all night long. Moreover, Treblab’s speaker carries a convenient USB charge out to continue the party till the morning.

Portable and waterproof* With the HD55, you can be sure you’ll always be bringing the beats. Its tough waterproof design means it’s perfectly happy to be splashed… It’s ready and raring to go! TREBLAB’s portable speaker is always with you.

6. FORMATTING

TREBLAB HD55 Вариант 2 Базовый с белым фоном и черным текстом

Enjoy loud 360° surround sound at the highest volumes sound at the highest volumes A real contender that’s not afraid of getting splashed It can even hit the showers with you post-workout Works with your favourite streaming services

Весь текст черным цветом. Линия сноски «светло-серого» цвета до края текста. Ниже линии сноски находится сама сноска.

10 hours of playback with a 5-hour charge Compatible with ALL Bluetooth-enabled devices

Brings fun everywhere with HD 360° sound

6. FORMATTING

TREBLAB HD55

Brings fun everywhere with HD 360° sound

Вариант 3 Базовый с белым фоном и цветными элементами — плашка и слоган Цвет заголовка белый. Заголовок вынесен на плашку «ярко синего» цвета. Подзаголовок и основной текст черного цвета. Акцентный шрифт «ярко синего» цвета.

Для оформления списков используется фирменный знак, он находится в «cd-materials». Используется в качестве графического элемента. Также возможно его использование в качестве шрифта.

the 10 hour playback time that the HD55 delivers? Its powerful battery will bring you the sound all night long. Moreover, Treblab’s speaker carries a convenient USB charge out to continue the party till the morning.

6. FORMATTING

TREBLAB HD55

8 mm

Brings fun everywhere with HD 360° sound

Вариант 4 Базовый с белым фоном и серыми элементами — плашка

Сноска находится внизу станицы.

8 mm

Расстояния между объектами. Линия сноски «светло-серого» цвета.

14 pt / int.19 pt

10 hours of playback with a 5-hour charge Compatible with ALL Bluetooth-enabled devices

8 mm

Surprisingly powerful sound The HD55 packs one heck of a punch. Not only in the volume it pumps out but also in the impressive HD sound quality. Easily pairs with anything and anyone, Treblab HD55

8 pt / int.14 pt

speaker makes friends easily, connecting at the click of a button. It makes a steady, unbreakable connection with all Bluetooth-enabled devices. The gauntlet has well and truly been thrown down. Have you got the stamina to outlast

3 mm

8 mm

Portable and waterproof* With the HD55, you can be sure you’ll always be bringing the beats. Its tough waterproof

4 mm

design means it’s perfectly happy to be splashed… It’s ready and raring to go! TREBLAB’s portable speaker is always with you.

5 pt / int.9 pt

6. FORMATTING

TREBLAB HD55 Вариант 2.1 Таблица / Базовый с белым фоном и черным текстом + малая таблица

Таблица располагается по ширине текста. черный (5% цвета)

Brings fun everywhere

name

options

playtime:

Up to 10 hours playing time

мм

Rechargable Li-Ion Capacity: 4000 mAh 3.7V Input: 5.0 V / 1.0 A

Rechargable Li-Ion Capacity: w4000 mAh 3.7V Input: 5.0 V / 1.0 A

water resistance:

IPX4

warranty:

1 Year

with HD 360° sound

6. FORMATTING

TREBLAB HD55 Вариант 3.1 Таблица/ Базовый с белым фоном и цветными элементами — плашка и слоган + таблица Нижний край таблицы не выступает ниже уровня линии сноски. «ярко синий» (10% цвета) Ширина таблицы не менее 115 мм.

Brings fun everywhere with HD 360° sound Enjoy loud 360° surround sound at the highest volumes sound at the highest volumes

name

options

playtime:

Up to 10 hours playing time

battery:

Rechargable Li-Ion Capacity: 4000 mAh 3.7V Input: 5.0 V / 1.0 A

charging time:

4 hours

bluetooth:

4.1

signal range:

33 feet / 10 m

charging time:

4 hours

bluetooth:

4.1

The HD55 packs one heck of a punch. Not only in the volume it pumps out but also in

signal range:

33 feet / 10 m

the impressive HD sound quality. Easily pairs with anything and anyone, Treblab HD55

output power:

12 W x 2

speaker makes friends easily, connecting at the click of a button. It makes a steady,

frequency response:

180 Hz - 20 kHz

unbreakable connection with all Bluetooth-enabled devices.

water resistance:

IPX4

The gauntlet has well and truly been thrown down. Have you got the stamina to outlast

phone calls:

Built-in mic

the 10 hour playback time that the HD55 delivers? Its powerful battery will bring you the

color:

Black

sound all night long. Moreover, Treblab’s speaker carries a convenient USB charge out to

dimensions:

190 x 78 x 75 mm 0.62 x 0.25 x 0.24 in

weight:

560 g / 19.7 oz / 1.23 lb

on device control:

Five Multi-functional buttons: On / Off / Play / Pause Volume control Next / Previous Mode Change Calls

warranty:

A real contender that’s not afraid of getting splashed It can even hit the showers with you post-workout Works with your favourite streaming services 10 hours of playback with a 5-hour charge Compatible with ALL Bluetooth-enabled devices

Surprisingly powerful sound

continue the party till the morning.

1 Year *

6. FORMATTING

TREBLAB HD55 Вариант 4.1 Таблица/ Базовый с белым фоном и ч-б элементами — плашка и слоган + таблица

Brings fun everywhere with HD 360° sound Enjoy loud 360° surround sound at the highest volumes sound at the highest volumes

name

options

playtime:

Up to 10 hours playing time

battery:

Rechargable Li-Ion Capacity: 4000 mAh 3.7V Input: 5.0 V / 1.0 A

charging time:

4 hours

bluetooth:

4.1

signal range:

33 feet / 10 m

charging time:

4 hours

bluetooth:

4.1

signal range:

33 feet / 10 m

output power:

12 W x 2

frequency response:

180 Hz - 20 kHz

water resistance:

IPX4

the 10 hour playback time that the HD55 delivers? Its powerful battery will bring you the

phone calls:

Built-in mic

sound all night long. Moreover, Treblab’s speaker carries a convenient USB charge out to

dimensions:

190 x 78 x 75 mm 0.62 x 0.25 x 0.24 in

weight:

560 g / 19.7 oz / 1.23 lb

on device control:

Five Multi-functional buttons: On / Off / Play / Pause Volume control Next / Previous Mode Change Calls

warranty:

continue the party till the morning.

1 Year *

6. FORMATTING

TREBLAB HD55 Вариант 2.2 Фото / Базовый с белым фоном и черным текстом + малое фото

Brings fun everywhere with HD 360° sound

TREBLAB HD55

Brings fun everywhere with HD 360° sound

Вариант 3.2 Фото/ Базовый с белым фоном и цветными элементами — плашка и слоган + фото

Нижний край фото не выступает ниже уровня линии сноски. По ширине фото не менее 115 мм.

Compatible with ALL Bluetooth-enabled devices

6. FORMATTING

TREBLAB HD55

Brings fun everywhere with HD 360° sound

Вариант 4.2 Фото/ Базовый с белым фоном и цветными элементами — плашка и слоган + фото

6. FORMATTING

TREBLAB HD55

Brings fun everywhere with HD 360° sound

Вариант 3.3 Два Фото/ Базовый с белым фоном и цветными элементами — плашка и слоган + фото

6. FORMATTING

TREBLAB HD55

Brings fun everywhere with HD 360° sound

Вариант 3.3 Два Фото/ Базовый с белым фоном и цветными элементами — плашка и слоган + фото

6. FORMATTING

TREBLAB HD55

Brings fun everywhere with HD 360° sound

Вариант 4.3 Два Фото/ Базовый с белым фоном и цветными элементами— плашка и слоган + фото

Enjoy loud 360° surround sound at the highest volumes sound at the highest. A real contender that’s not afraid of getting splashed It can even hit the showers with you post-workout Works with your favourite streaming services 10 hours of playback with a 5-hour charge Compatible with ALL Bluetooth-enabled devices

При использовании двух фото расстояние между двумя фото равно расстоянию между плашкой и верхним фото.

6. FORMATTING

TREBLAB HD55

Brings fun everywhere with HD 360° sound

Вариант 4.3 Два Фото/ Базовый с белым фоном и цветными элементами — плашка и слоган + фото

name

options

playtime:

Up to 10 hours playing time

battery:

Rechargable Li-Ion Capacity: 4000 mAh 3.7V Input: 5.0 V / 1.0 A

water resistance:

IPX4

warranty:

1 Year

6. FORMATTING

TREBLAB HD55

Brings fun everywhere with HD 360° sound

Вариант 3.3 Фото/ Базовый с белым фоном и цветными элементами — плашка и слоган + фото

name

options

playtime:

Up to 10 hours playing time

battery:

Rechargable Li-Ion Capacity: 4000 mAh 3.7V Input: 5.0 V / 1.0 A

water resistance:

IPX4

warranty:

1 Year

6. FORMATTING

TREBLAB HD55 Вариант 3.3 Фото/ Базовый с белым фоном и цветными элементами — плашка и слоган + фото

Brings fun everywhere with HD 360° sound Enjoy loud 360° surround sound at the highest volumes sound at the highest volumes

name

options

playtime:

Up to 10 hours playing time

battery:

Rechargable Li-Ion Capacity: 4000 mAh 3.7V Input: 5.0 V / 1.0 A

charging time:

4 hours

bluetooth:

4.1

signal range:

33 feet / 10 m

charging time:

4 hours

bluetooth:

4.1

signal range:

33 feet / 10 m

output power:

12 W x 2

frequency response:

180 Hz - 20 kHz

water resistance:

IPX4

phone calls:

Built-in mic

color:

Black

dimensions:

190 x 78 x 75 mm 0.62 x 0.25 x 0.24 in

weight:

560 g / 19.7 oz / 1.23 lb

Portable and waterproof*

on device control:

Five Multi-functional buttons: On / Off / Play / Pause Volume control Next / Previous Mode Change Calls

With the HD55, you can be sure you’ll always be bringing the beats. Its tough waterproof

warranty:

design means it’s perfectly happy to be splashed… It’s ready and raring to go! TREBLAB’s portable speaker is always with you.

1 Year *

7. IDENTITY

identity

7. IDENTITY

IDENTITY Основным графическим элементом айдентики бренда является горизонтальная линия, она находится в «cd materials».

TREBLAB HD77

Расстояние от линии до нижнего края фото равно 3 ширинам этой линии.

Brings fun everywhere with HD 360° sound

Линия может быть «ярким синим» цветом либо белая. Дополнительными элементами айдентики являются плашка «ярко синего» цвета, и плашка «ярко синего» цвета с 30% прозрачностью. Выравнивание надписей по левому краю.

Brings fun everywhere with HD 360° sound TREBLAB HD77

Passive noise cancellation

Adjustable earhook

IPX7

7. IDENTITY

IDENTITY Пример оформления макета для листинга Амазон.

RUN IN ANY WEATHER

Sweatproof & water resistant

Passive noise cancellation

Adjustable earhook

IPX7

7. IDENTITY

IDENTITY Дополнительные плашки выполняются цветом «Неоновый голубой» с «ярко синими» надписями.

Brings fun everywhere with HD 360° sound

Имеют срез под углом 330°.

With the HD55, you can be sure you’ll

Расстояние от края плашки равно 2,5 дополнительные плашки.

always be bringing the beats. Its tough waterproof design means it’s perfectly happy to be splashed… It’s ready and raring to go! TREBLAB’s portable speaker is always with you.

TREBLAB HD77

kick into gear

TREBLAB HD77

Passive noise cancellation

kick into gear

Adjustable earhook

IPX7

8. WEBSITE

website

8. WEBSITE

WEBSITE PAGE â&#x20AC;&#x201D; ALL SCREENS

8. WEBSITE

WEBSITE PAGE — HEADER (1-ST SCREEN) Логотип выполнен в «ярко синем» цвете. Активный пункт меню выделяется плашкой «ярко синего» цвета, цвет надписи — белый. При наведении на пункт меню, надпись меняет цвет на «ярко синий» , и подчеркивается «ярко синей» полосой. Кнопка EXPLORE на видео имеет «ярко синий» фон с белой надписью.

8. WEBSITE

WEBSITE PAGE — BEST SELLERS (2-st screen) При переходе в подпункте меню кнопки имеют «ярко синий» цвет. Рамка вокруг блока с товаром «неоново голубого» цвета. Зведочки выполняются «ярко синим» цветом Дополнительные акцентные надписи и плашки можно делать акцентными цветами. Активная кнопка «ярко синего» цвета. Дополнительная плашка в активном режиме (при наведении) «светло-серого» цвета.

8. WEBSITE

WEBSITE PAGE — SCROLING WITH GOODS (4-th screen) Рамка вокруг блока с товаром «неоново голубого» цвета. Размер скидки указывается на «яркой желтой» плашке. Шрифт черного цвета. Плашка фоновая в неактивном режиме «светло-серого» цвета. Плашка фоновая в активном режиме ( при наведении на нее) «ярко синего» цвета. Активная кнопка «ярко синего» цвета. Дополнительная плашка в активном режиме «светло-серого» цвета.

8. WEBSITE

WEBSITE PAGE — INSTAGRAM’S WIDGET (5-th screen)

8. WEBSITE

WEBSITE PAGE — BLOG/NEWS (6-th screen) Рамка вокруг блока текста «неоново голубого» цвета. Отступы от рамки до текста — один размер заголовка. Отступы от заголовка до основного текста — два размера заголовка. Активная кнопка «ярко синего» цвета. Дополнительная плашка в активном режиме «светло-серого» цвета.

8. WEBSITE

WEBSITE PAGE — PARTNERS AND FOOTER (7-th screen) Партнеры размещаются на «светло-сером» цвете. Колонтитулы: на черном фоне белый текст. Дополнительная кнопка «неоново голубого» цвета.