+48 692 025 395

Artykuł

Strona główna / Blog / MOJRA - Brand manual

MOJRA - Brand manual

MOJRA - Brand manual

Poradna Mojra 3 miesiące temu Brak komentarzy Psychologia ogólna
https://www.blog.mojra.pl/post/892
MOJRA
Brand manual
Identyfikacja wizualna marki Mojra.

Przewodnik po kolorach, typografii, logo oraz zasadach ich stosowania na wszystkich platformach i materiałach.

01

Paleta kolorów

Kolory marki Mojra

Główna paleta opiera się na mojra.cz. Niebieski i zielony to podstawowe kolory marki; jaśniejsze warianty są używane do teł i wyróżnień.

Mojra Blue
Podstawowy · CTA · Linki
#12a5f4
RGB 18, 165, 244
CMYK 93, 32, 0, 4
Mojra Green
Drugorzędny · Sukces
#91ca49
RGB 145, 202, 73
CMYK 28, 0, 64, 21
Blue Light
Niebieskie tło · Wyróżnienie
#cfeeff
RGB 207, 238, 255
CMYK 19, 7, 0, 0
Green Light
Zielone tło · Etykieta
#d6f5ab
RGB 214, 245, 171
CMYK 13, 0, 30, 4
Alert Pink
Alert · Powiadomienia
#ffcfe6
RGB 255, 207, 230
CMYK 0, 19, 10, 0
Gray 100
Jasne tło · Powierzchnie
#f7f7f7
RGB 247, 247, 247
CMYK 0, 0, 0, 3
Gray 600
Tekst drugorzędny
#6a7282
RGB 106, 114, 130
CMYK 18, 12, 0, 49
Black
Tekst główny · Nagłówki
#000000
RGB 0, 0, 0
CMYK 0, 0, 0, 100
02

Typografia

Fonty i style

Cztery rodziny fontów tworzą system typograficzny Mojry — każda ma jasno określoną rolę.

Font nagłówkowy
Aa
Plus Jakarta Sans

Nagłówki wszystkich poziomów, przyciski, nawigacja, elementy UI.

400 600 700 800
Google Fonts · Do webu i druku
Font tekstowy
Aa
Golos Text

Teksty główne, akapity, formularze, podpisy.

400 500 600 700
Google Fonts · Główny font strony
Akcent / Odręczny
Aa
Caveat

Dekoracyjne akcenty, cytaty i wyróżnienia dla bardziej osobistego tonu.

400 600
Google Fonts · Tylko do zastosowań dekoracyjnych
Skala typograficzna
Display Mojra 56px · 800
H1 Nagłówek 1 — główny nagłówek 36px · 800
H2 Nagłówek 2 — sekcja 28px · 700
H3 Nagłówek 3 — podtytuł 20px · 600
Body Tekst podstawowy — czytelny i naturalny. Golos Text to główny font dla całej treści. 16px · 400
Small Mały tekst — podpisy, metadane, stopki 14px · 400
Label Kategoria · Etykieta · Eyebrow 11px · 600
Akcent “Odręczny akcent” 28px · 400

Dodatkowy font

Shadows Into Light Two Google Fonts · 400
03

Logo

Wszystkie warianty logo dostępne do pobrania

Każdy wariant marki ma wersję czarną (na jasne tła) oraz białą (na ciemne tła) w formacie PNG z przezroczystością.

Dimensions & clear space

Minimum logo clear space

A clear zone must always be maintained around the logo. The minimum distance on all sides corresponds to half the height and half the width of the logo itself.

½ of the logo height
½ of the logo height
½ of the logo width
½ of the logo width
Mojra.pl logo

The minimum logo height is 24 px — do not use the logo below this size

No other graphic elements or text may enter the clear space

This rule applies to all logo variants and formats (PNG, SVG, print)

Minimalna wysokość logo to 24 px — nie używaj logo poniżej tego rozmiaru

Żadne inne elementy graficzne ani tekst nie mogą wchodzić w pole ochronne

Ta zasada dotyczy wszystkich wariantów i formatów logo (PNG, SVG, druk)

CZ
Mojra.cz
2 warianty — czarny i biały
Mojra.cz czarne
Mojra.cz — Czarny
PNG · przezroczyste tło
↓ Pobierz
Mojra.cz białe
Mojra.cz — Biały
PNG · przezroczyste tło
↓ Pobierz
SK
Mojra.sk
2 warianty — czarny i biały
Mojra.sk czarne
Mojra.sk — Czarny
PNG · przezroczyste tło
↓ Pobierz
Mojra.sk białe
Mojra.sk — Biały
PNG · przezroczyste tło
↓ Pobierz
PL
Mojra.pl
2 warianty — czarny i biały
Mojra.pl czarne
Mojra.pl — Czarny
PNG · przezroczyste tło
↓ Pobierz
Mojra.pl białe
Mojra.pl — Biały
PNG · przezroczyste tło
↓ Pobierz
INFO
Mojra.info
2 warianty — czarny i biały
Mojra.info czarne
Mojra.info — Czarny
PNG · przezroczyste tło
↓ Pobierz
Mojra.info białe
Mojra.info — Biały
PNG · przezroczyste tło
↓ Pobierz
ON
LINE
Mojra.online
8 wariantów · CZ · SK · PL · EN
Online CZ czarne
Online CZ — Czarny
PNG
Online SK czarne
Online SK — Czarny
PNG
Online PL czarne
Online PL — Czarny
PNG
Online EN czarne
Online EN — Czarny
PNG
Online CZ białe
Online CZ — Biały
PNG
Online SK białe
Online SK — Biały
PNG
Online PL białe
Online PL — Biały
PNG
Online EN białe
Online EN — Biały
PNG
Kompletny pakiet ZIP
Wszystkie logotypy · PNG · czarny + biały · CZ / SK / PL / info / online
↓ Pobierz wszystko (.zip)
04

Zasady użycia

Co robić, a czego nie

Prawidłowe użycie zapewnia spójność i rozpoznawalność marki we wszystkich materiałach.

Prawidłowe użycie

  • Używaj logo w oryginalnych zatwierdzonych kolorach (#12a5f4, #000, #fff)
  • Zachowuj pole ochronne — co najmniej wysokość logo z każdej strony
  • Używaj odwróconej wersji na ciemnych lub kolorowych tłach
  • Przestrzegaj minimalnego rozmiaru logo: 24 px wysokości
  • Zawsze pobieraj oryginalne pliki PNG z tego manuala
  • Łącz Plus Jakarta Sans (nagłówki) z Golos Text (tekst główny)
  • Używaj Caveat wyłącznie jako dekoracyjnego akcentu

Nieprawidłowe użycie

  • Nie zmieniaj koloru logo na nieautoryzowane barwy
  • Nie zniekształcaj ani nie zmieniaj proporcji logo
  • Nie umieszczaj logo na rozpraszających lub nieodpowiednich tłach
  • Nie dodawaj cieni, efektów poświaty ani innych modyfikacji
  • Nie używaj fontów innych niż zatwierdzone kroje marki
  • Nie nakładaj na logo innych elementów graficznych ani tekstu
  • Nie używaj Caveat do tekstu głównego ani nagłówków stron

Komentarze

Dołącz do dyskusji. Wpisz swój komentarz.

Avatar
mgr bc Michaela Kajfoszová
151
Psycholog relacji
Lęk/depresja
Relacje w rodzinie
Problemy osobiste
Stosunki pracy/rozwój
Zależność
Inny
Najbliższe terminy
Opcje konsultacji
Zamówienie
mgr Elena Kopchyk
128
Psycholog relacji
Lęk/depresja
Relacje w rodzinie
Problemy osobiste
Stosunki pracy/rozwój
Trener psycholog
Inny
Najbliższe terminy
Opcje konsultacji
Zamówienie

Podobne artykuły

Już dziś zacznij zmieniać swoje życie na lepsze!

Zamówienie