Ръководство за марката
Един знак, един зелен, един глас.
Цялата система на марката Protocore — лого, свободно пространство, цвят, шрифт, тон и именуване — на една страница. Прочетете я тук или свалете PDF.
Лого система
Четири начина да поставите знака.
Фасетираното ядро е единственият начертан елемент. Комбинациите поставят името до или под него в Roboto Medium — никога не прерисувайте нито едното, нито другото.
Самостоятелно при малки размери — favicon, икони на приложения и навсякъде, където името не би се четяло.
Знакът до името. Основният вариант — за хедъри, документи и подписи.
Знакът над името. За квадратни формати — карти за социални мрежи, плочки и печати.
Знакът, центриран върху плътна плочка 1024 px. За профилни снимки във всяка платформа.
Свободно пространство и размер
Място около знака, минимум отдолу.
Две точни стойности запазват знака четим навсякъде, където се появява.
Свободно пространство — една ширина на знака от всичките четири страни.
- Свободно пространство
- Ширината на самия знак от всичките четири страни. Нищо не навлиза в него — нито текст, нито линии, нито краища на страницата.
- Минимална височина · дигитално
- 16 px. Под тази стойност четимостта се губи — използвайте само знака, никога цялото лого.
- Минимална височина · печат
- 6 mm.
Цвят
Пет цвята, строги роли.
Почти монохромно по подразбиране. Зеленото е акцент, не тема — то никога не изпълва големи площи.
Текст върху светъл фон. Тъмни повърхности.
Светли фонове на страниците.
Карти върху хартия. Текст върху мастило.
Зеленото — само върху тъмни повърхности.
Акцентен текст върху бяло — връзки и етикети.
Типография
Roboto говори вместо нас.
Две семейства покриват всичко. Без трети шрифт и без курсив за акцент.
Интерфейс и заглавия — 400 за основния текст, 500 за заглавия и лога, 700 пестеливо.
Етикети, eyebrow-текстове и числа — с главни букви, с широк трекинг.
Етикетите на секциите започват с три наклонени черти и интервал — в Roboto Mono, с главни букви и широк трекинг. Наклонените черти са набрани символи, а не нарисувани елементи.
Глас и тон
Кажи по-малко, но го мисли.
Пет правила покриват всеки ред текст на Protocore — от заглавията до бутоните.
Именуване
Продуктите носят фамилното име.
Един модел, прилаган без изключение.
- Първо споменаване
- Пълно име — „Protocore Pay“, „Protocore Gateway“. След това — само името на продукта.
- PDS
- Съкращение от Protocore Design System. Разгънете го при първо споменаване; после — PDS.
- Компанията
- Protocore — една дума, главно P. Никога ProtoCore, PROTOCORE или Proto Core.
Употреба
Правете така, не иначе.
Правилата от прессигурния пакет, разширени за цялата система.
- 01Оставяйте свободно пространство, равно на ширината на знака, от всички страни.
- 02Ползвайте черния вариант върху светли фонове, а бялия — върху тъмни.
- 03Запазете акцентния вариант за повърхности в цвят «мастило» (#0a0a0a).
- 04Мащабирайте от SVG файловете — знакът остава рязък при всеки размер.
- 05Използвайте вертикалното лого, когато форматът е квадратен.
- 06Преминете към самия знак под 16 px височина.
- 01Не променяйте цвета на знака извън предоставените варианти.
- 02Не го въртете, не очертавайте контури, не добавяйте сенки и други ефекти.
- 03Не прерисувайте знака и не променяйте пропорциите му.
- 04Не изписвайте името Protocore с друг шрифт — комбинациите използват Roboto Medium.
- 05Не поставяйте акцентното зелено върху бяло — там използвайте #0e9e6e за акцентен текст.
- 06Не поставяйте знака върху снимки или градиенти — само плътно мастило или хартия.
Файлове
Вземете системата със себе си.
Ръководството като PDF, ресурсите в един zip. Всеки отделен файл е на страницата за пресата.