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.
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.
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).
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
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.
„e.”
Logotyp przybliżony do pierwszej litery i charakterystycznej kropki. Łączy w jednym znaku rozpoznawalność pierwszej litery i kropkę marki.
Domyślny jest fiolet: warto go wybierać, chyba że znak ma się znaleźć na jasnym tle.
Kropka
Czysta sygnatura marki. Sama kropka, powiększona do rangi znaku. Maksymalny minimalizm i pełna unikalność. Prawie nikt tak nie robi.
Domyślny jest fiolet: warto go wybierać, chyba że znak ma się znaleźć na jasnym tle.
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
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.
Inter
- 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)
JetBrains Mono
- 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
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ść.
text-5xl→6xl · tracking-tight · leading-[1.05] · jeden na stronętext-4xl→5xl · tracking-tight · tytuły sekcjitext-xl→2xl · tracking-tight · leading-snug · tytuły karttext-lg · małe nagłówki, etykiety tabel i karttext-xs · WERSALIKI · tracking-[0.2em] · akcent fioletowytext-lg · leading-relaxed · ink-600 · wstępytext-base (16px) · leading-relaxed · ink-700 · domyślnytext-sm · ink-600 · tekst pomocniczy, przypisytext-xs · tracking-wider · znaczniki czasu, etykietyfont-mono · tabular-nums · wszystkie liczby, ceny, DA/DRGruboś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ą.
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.
- 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+
- 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
- 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
- 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
- ✓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.
- ✗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ę.
Zasady użycia
Twarde tak. Twarde nie.
- ✓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 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.
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]
- Domena
- essentras.com