Brand Kit · dla prasy, partnerów i zespołu

Używajmy marki poprawnie. Ułatwiliśmy to.

Wszystko, czego potrzeba, by wspomnieć o Essentras, podlinkować markę lub napisać o niej. Jedno, nadrzędne źródło. Warto je zapisać w zakładkach.

Kolor

Jeden kolor marki. Dwa, jeśli policzyć czerń.

Kliknięcie dowolnej próbki kopiuje kod hex. Paleta marki pochodzi bezpośrednio z identyfikacji @essentras na Instagramie.

Rozszerzenie Tailwind
accent: { DEFAULT: '#7C3AED', // violet-600 hover: '#6D28D9', // violet-700 soft: '#EDE9FE', // violet-100 ring: '#A78BFA', // violet-400 },

Logo

Jeden logotyp. Dwie wersje kolorystyczne.

Logo to napis essentras małymi literami, krojem Inter 800, z fioletową kropką. Czarne na jasnym tle, białe na ciemnym. Kropka zawsze pozostaje fioletowa. To wszystko.

essentras

Na jasnym tle

color="ink"

Wersja podstawowa. Stosować na białym, złamanej bieli lub bladym tle. Logotyp w kolorze ink-900 (#0a0a0a), kropka w kolorze akcentu (#7C3AED).

essentras

Na ciemnym tle

color="white"

Wersja odwrócona do ciemnych sekcji hero, nakładek na zdjęciach i wideo. Logotyp biały. Kropka pozostaje fioletowa. Nigdy nie zmieniamy jej odcienia dla lepszej czytelności.

Skalowanie: ten sam znak w każdym rozmiarze

essentrasessentrasessentrasessentrasessentras

Kwadratowa ikona · 2 kierunki

Dwa kierunki. Należy wybrać jeden.

Poziomy logotyp nie sprawdza się w rozmiarze 16×16 (karta przeglądarki) ani 1024×1024 (ikona aplikacji). Potrzebny jest znak kwadratowy. Poniżej dwa kierunki: „e.” oraz kropka, każdy na fiolecie i bieli. Porównajmy je obok siebie.

01

„e.”

Logotyp przybliżony do pierwszej litery i charakterystycznej kropki. Łączy w jednym znaku rozpoznawalność pierwszej litery i kropkę marki.

Icon Fioletowy
Fioletowy
Główny
Icon Biały
Biały
Alternatywny
16px
32px
64px

Domyślny jest fiolet: warto go wybierać, chyba że znak ma się znaleźć na jasnym tle.

Zaokrąglony shape
Zaokrąglony
Ikony aplikacji (iOS / Android / macOS)
FioletowyPNGSVG
BiałyPNGSVG
Kwadrat shape
Kwadrat
Ostre rogi: posty w mediach społecznościowych, favicony, prezentacje
FioletowyPNGSVG
BiałyPNGSVG
Koło shape
Koło
Awatary i zdjęcia profilowe
FioletowyPNGSVG
BiałyPNGSVG
02

Kropka

Czysta sygnatura marki. Sama kropka, powiększona do rangi znaku. Maksymalny minimalizm i pełna unikalność. Prawie nikt tak nie robi.

Icon Fioletowy
Fioletowy
Główny
Icon Biały
Biały
Alternatywny
16px
32px
64px

Domyślny jest fiolet: warto go wybierać, chyba że znak ma się znaleźć na jasnym tle.

Zaokrąglony shape
Zaokrąglony
Ikony aplikacji (iOS / Android / macOS)
FioletowyPNGSVG
BiałyPNGSVG
Kwadrat shape
Kwadrat
Ostre rogi: posty w mediach społecznościowych, favicony, prezentacje
FioletowyPNGSVG
BiałyPNGSVG
Koło shape
Koło
Awatary i zdjęcia profilowe
FioletowyPNGSVG
BiałyPNGSVG

Wszystkie 4 obok siebie · e. fiolet · e. biel · kropka fiolet · kropka biel

W docku iOS / macOS

W ciemnym interfejsie (Slack / Discord / ciemny Safari)

Skala favicony na karcie przeglądarki (16px): test przetrwania

essentras.com
essentras.com
essentras.com
essentras.com

Jak wybrać

Otwórzmy tę stronę na telefonie i laptopie. Oceńmy każdy wariant w realnym kontekście: rząd favicon, ekran główny telefonu, ikona przestrzeni roboczej Slack. Nie wybierajmy tego, co podoba się w oderwaniu od kontekstu. Wybierzmy to, co przyciąga uwagę wśród 40 innych aplikacji. Wybór prosimy przesłać na [email protected]: e. lub kropka oraz fiolet lub biel.

Typografia

Dwa kroje pisma. Trzy role.

Inter odpowiada za nagłówki i tekst podstawowy. JetBrains Mono odpowiada za liczby i dane. To cały system. Oba kroje są bezpłatne, dostępne w Google Fonts, a cały zestaw waży < 30KB. Nie należy wprowadzać trzeciego kroju w żadnych materiałach, prezentacjach, reklamach ani postach w mediach społecznościowych.

nagłówki + tekst podstawowy

Inter

Premium PR & Content Distribution
Używane grubości
400 · 500 · 600 · 700 · 800 · 900
Tracking
−2% w nagłówkach, domyślny w tekście podstawowym
Licencja
OFL (bezpłatna, bez obowiązku podania autorstwa)
Dlaczego
Kojarzy się z nowoczesnym B2B (używają go Stripe, Linear i GitHub)
Pobierz z Google Fonts →
liczby + dane

JetBrains Mono

DA 99 · DR 97 · $200,000
Używane grubości
400 · 500 · 700
Zastosowanie
Liczby, metryki, tagi, kod, etykiety cen
Licencja
Apache 2.0 (bezpłatna)
Dlaczego
Cyfry tabelaryczne: DA / DR / cena układają się w równych kolumnach
Pobierz z Google Fonts →

Skala typograficzna: co i gdzie stosować

Każdy poziom poniżej jest aktywny na tej stronie. Wybierajmy według roli, nie na oko. Prawa kolumna zawiera dokładny token: klasy Tailwind dla strony, a dla pozostałych zastosowań bazowy rozmiar i grubość.

Publikuj tam, gdzie to ma znaczenie.
Display · H1
Inter Bold 700
text-5xl→6xl · tracking-tight · leading-[1.05] · jeden na stronę
Jeden logotyp. Dwa warianty kolorystyczne.
Nagłówek · H2
Inter Bold 700
text-4xl→5xl · tracking-tight · tytuły sekcji
Bezpośrednie relacje, przejrzyste ceny.
Podnagłówek · H3
Inter Bold 700
text-xl→2xl · tracking-tight · leading-snug · tytuły kart
Apple News (DA 99)
Tytuł · H4
Inter Semibold 600
text-lg · małe nagłówki, etykiety tabel i kart
TYPOGRAFIA
Overline · eyebrow
Inter Medium 500
text-xs · WERSALIKI · tracking-[0.2em] · akcent fioletowy
3,800+ zweryfikowanych wydawców, przejrzyste ceny, publikacja w kilka dni.
Akapit wprowadzający
Inter Regular 400
text-lg · leading-relaxed · ink-600 · wstępy
Bądź cytowany przez AI Overviews, ChatGPT, Claude i Perplexity. Premium marketplace PR.
Tekst podstawowy
Inter Regular 400
text-base (16px) · leading-relaxed · ink-700 · domyślny
Zwrot środków, jeśli nie dotrzymamy terminu publikacji.
Mały · podpis
Inter Regular 400
text-sm · ink-600 · tekst pomocniczy, przypisy
AKTUALIZACJA: CZERWIEC 2026
Mikro · meta
Inter Medium 500
text-xs · tracking-wider · znaczniki czasu, etykiety
DA 99 · DR 97 · $2,500
Dane · metryka
JetBrains Mono 700
font-mono · tabular-nums · wszystkie liczby, ceny, DA/DR

Grubości Inter: kiedy po którą sięgać

Sześć grubości, każda z własnym zadaniem. Jeśli wahają się Państwo między dwiema, należy wybrać lżejszą.

Aa
400Regular
Tekst podstawowy, akapity, długie formy
Aa
500Medium
Nadtytuły, nawigacja, etykiety interfejsu
Aa
600Semibold
Małe tytuły, przyciski, wyróżnienia
Aa
700Bold
Wszystkie nagłówki, H1–H3
Aa
800ExtraBold
Logotyp. Wyłącznie dla mocnego akcentu w sekcji hero.
Aa
900Black
Unikać. Tylko ogromne, samodzielne liczby.

Typografia dla social media i grafik

Te same dwa kroje, przeskalowane na potrzeby kanw. Konkretne rozmiary w pikselach sprawiają, że post na Instagram, prezentacja i strona wyglądają spójnie. Nagłówki w Inter, liczby w JetBrains Mono, zawsze.

Instagram / post kwadratowy1080 × 1080
Nadtytuł
Inter Medium · 28px · 0.2em · WERSALIKI
Nagłówek
Inter ExtraBold 800 · 96px · tracking-tight · interlinia 1.05
Tekst
Inter Regular · 44px · interlinia 1.4
Statystyka / liczba
JetBrains Mono Bold · 120px+
Okładka Story / Reel1080 × 1920
Nadtytuł
Inter Medium · 32px · 0.2em · WERSALIKI
Nagłówek
Inter ExtraBold 800 · 120px · tracking-tight
Tekst podstawowy
Inter Regular · 48px
Przycisk CTA
Inter Semibold · 40px
LinkedIn / X, format poziomy1200 × 675
Nadtytuł
Inter Medium · 24px · 0.2em · WERSALIKI
Nagłówek
Inter Bold 700 · 72px · tracking-tight
Tekst podstawowy
Inter Regular · 34px · line-height 1.5
Źródło / nazwa użytkownika
JetBrains Mono · 26px
Karta z cytatem / opinią1080 × 1080
Cytat
Inter Regular 400 · 56px · line-height 1.35
Imię i nazwisko
Inter Semibold 600 · 32px
Stanowisko / firma
JetBrains Mono · 26px · ink-500
Znak
Logotyp lub ikona „e.", w lewym dolnym rogu
Tak
  • ✓Wszystko wyrównujemy do lewej. Nagłówki, tekst, statystyki: do lewej krawędzi.
  • ✓Nagłówki ciasne (interlinia 1,05). Tekst podstawowy przestronny (1,4–1,6).
  • ✓Jeśli macie Państwo liczbę, zacznijcie od niej, krojem JetBrains Mono.
  • ✓Tło białe (#fff) lub niemal czarne (#0a0a0a). Fiolet (#7C3AED) jako jedyny akcent.
  • ✓Zakończenie: logotyp słowny lub fioletowa ikona „e.", małe, w rogu.
Nie
  • ✗Bez akapitów wyśrodkowanych. Bez tekstu wyjustowanego.
  • ✗Bez trzeciego kroju: ani Montserrat, ani Poppins, ani „zabawnych" fontów ozdobnych.
  • ✗Bez cieni, obrysów, gradientów ani pochylenia w typografii.
  • ✗Bez pogrubienia ExtraBold w tekście podstawowym: 800 wyłącznie dla nagłówków i logotypu słownego.
  • ✗Bez liczb w kroju Inter, gdy dostępny jest JetBrains Mono. Nie wyrównają się.
@import (wklej do head)
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">

Zasady użycia

Twarde tak. Twarde nie.

Tak
  • ✓Stosuj logotyp słowny pisany małymi literami z fioletową kropką. To jest marka.
  • ✓Do logotypu słownego zawsze używaj Inter ExtraBold (800).
  • ✓Na ciemnym tle odwróć logotyp na biały. Kropka pozostaje fioletowa.
  • ✓Zachowaj minimalną przestrzeń ochronną: wysokość małej litery „x" z każdej strony.
  • ✓Poniżej 14 px kropka przy niektórych DPR znika. To dopuszczalne.
  • ✓Skaluj proporcjonalnie. Kropka skaluje się razem z logotypem.
Nie
  • ✗Nie pisz „Essentras" wielką literą w treściach produktowych: zawsze małą.
  • ✗Nie dodawaj kropki po logotypie („essentras." jest przestarzałe).
  • ✗Nie umieszczaj „od 2018" ani żadnej daty obok znaku.
  • ✗Nie umieszczaj logotypu w kole, odznace ani kolorowym polu.
  • ✗Nie używaj Gilroy, Montserrat ani żadnego kroju innego niż Inter do znaku.
  • ✗Nie stosuj cieni, obrysów, konturów, gradientów ani pochylenia.
  • ✗Nie rozciągaj w poziomie ani w pionie.
  • ✗Nie zmieniaj koloru kropki: to zawsze #7C3AED (akcent).

Głos i ton

Bezpośrednio. Konkretnie. Po ludzku.

Tak brzmimy
"3,800+ zweryfikowanych wydawców, przejrzyste ceny."
: Konkretna liczba, konkretna wartość.
"Zwrot pieniędzy, jeśli nie dotrzymamy terminu realizacji."
: Określa obietnicę i warunek jej spełnienia.
"Publikacja po 3 dniach. Zapisz URL w zakładkach."
: Czasowniki działania. Bez asekuracji.
"Apple News (DA 99). Bezpośrednia relacja."
: Konkretne medium, DA i sygnał wyjątkowości.
Tak nigdy nie brzmimy
"Odkryj bezprecedensową synergię dzięki najnowocześniejszemu PR."
: Korporacyjna mgła. Zero informacji.
"Wznieś swoją markę na nowy poziom. Wzmocnij swoją podróż marketingową."
: Brak rzeczownika. Brak rezultatu.
"Kompleksowe rozwiązanie, które zmienia sposób, w jaki marki angażują odbiorców."
: Zupa z modnych słów. Zastąpić jedną liczbą.
"W dzisiejszym dynamicznym świecie cyfrowym..."
: Zapychacz na wstępie. Wyciąć i zacząć od sedna.

Konkretne zasady

  • Stosujemy cyfry. „60", nie „sześćdziesiąt". „7 dni", nie „siedem dni". Liczby przyciągają wzrok.
  • Bez pauz (em dash). Używamy przecinków, kropek, dwukropków lub krótszych zdań.
  • Bez słów: „wznieść", „wzmocnić", „odblokować", „wykorzystać potencjał", „ekosystem", „synergia", „innowacyjny", „najnowocześniejszy", „solidny", „bezproblemowy", „najlepszy w klasie".
  • Jedna teza w zdaniu. Jeśli dwukrotnie potrzebne jest „i", to są dwa zdania.
  • Zaczynamy od rezultatu. „300% wzrostu zaangażowania" wygrywa z „Pomagamy markom rosnąć".
  • Rzeczowniki małą literą w tekście. „wydawca", „publikacja", „medium": nie „Wydawca", „Publikacja", „Medium".
  • „Tier-1" z łącznikiem. Nigdy „Tier 1" ani „T1".

Dla prasy

Firma w skrócie.

Nazwa marki
Essentras
Pisownia
Jedno słowo. Preferowane małe litery. Forma liczby mnogiej. Nie „Essentra" (liczba pojedyncza).
Wymowa
/ɛˈsɛntrəs/ (eh-SEN-truss)
Rok założenia
2018
Kategoria
Premium marketplace usług PR i dystrybucji treści
Opis w jednym zdaniu
Zdobywajcie cytowania w AI Overviews, ChatGPT, Claude i Perplexity. 3,800+ zweryfikowanych wydawców, przejrzyste ceny, dopasowanie oparte na AI.
Slogan
Publikuj tam, gdzie to ma znaczenie.
Kontakt dla mediów
[email protected]