Znak — ciemny
Na jasne tło
Brand hub INFOCLUB
Logo, kolory, krój pisma i głos klubu — dokładnie to, co już działa na stronie i w aplikacji.
Pytania o markę i prasę — e-mail serviceinfoclub@gmail.com.
Czego szukasz?
Logo
Znak słowny INFOCLUB i emblemat IC. Pobieraj pliki stąd — tu zawsze są aktualne wersje.
Znak słowny
Znak — biały
Na ciemne tło
Emblemat
Emblemat IC.
Ikona aplikacji, kwadrat 1024 × 1024. SVG — [do ustalenia: plik źródłowy jest tylko w aplikacji]
Zasady użycia
Tak
- Pobieraj pliki znaku tylko z tej strony.
- Ciemny znak — na jasnym tle, biały — na ciemnym, jak w nagłówku strony i na grafikach do mediów społecznościowych.
- Kolory znaku i tła — tylko z palety poniżej.
- Nazwę pisz tak: INFOCLUB — jednym słowem, wielkimi literami.
Nie
- Nie składaj znaku innym krojem — tylko Manrope 800.
- Nie przemalowuj znaku na kolory spoza palety.
- Pole ochronne i minimalny rozmiar — [do ustalenia].
- Rozciąganie, cienie, obrysy, pstrokate tło — [do ustalenia: zakazy nie są spisane].
Kolory i gradienty
Paleta „Kobalt” — z tokenów systemu projektowego strony i aplikacji. Kliknij „Kopiuj”, aby wziąć HEX.
Firmowe
- Marka
--brand#2563EBrgb(37, 99, 235) - Marka — najechanie
--brand-strong#1D4FC4rgb(29, 79, 196) - Marka — miękkie tło
--brand-soft#E3ECFDrgb(227, 236, 253) - Marka — najlżejsze tło
--brand-faint#F3F7FErgb(243, 247, 254) - Tekst na kolorze marki
--brand-contrast#FFFFFFrgb(255, 255, 255)
Neutralne
- Ciemny blok
--bg-inverse#0F1B33rgb(15, 27, 51) - Karty w ciemnym bloku
--bg-inverse-soft#1A2742rgb(26, 39, 66) - Tekst główny
--text-strong#121A2Brgb(18, 26, 43) - Tekst drugorzędny
--text-body#26324Argb(38, 50, 74) - Podpisy
--text-muted#4B576Frgb(75, 87, 111) - Tekst trzeciorzędny
--text-soft#62708Argb(98, 112, 138) - Najjaśniejszy tekst
--text-faint#98A2B6rgb(152, 162, 182) - Ramka kart
--border#E3E8F1rgb(227, 232, 241) - Tło chipsów
--bg-muted#E9EDF5rgb(233, 237, 245) - Tło strony
--bg-page#F4F6FArgb(244, 246, 250) - Powierzchnia kart
--bg-surface#FFFFFFrgb(255, 255, 255)
Stany
- Gotowe
--success#1C7A43rgb(28, 122, 67) - Gotowe — tło
--success-soft#DDF3E6rgb(221, 243, 230) - Ostrzeżenie
--warning#A8660Argb(168, 102, 10) - Ostrzeżenie — tło
--warning-soft#FCEFD9rgb(252, 239, 217) - Błąd
--danger#B4233Argb(180, 35, 58) - Błąd — tło
--danger-soft#FDE8EArgb(253, 232, 234)
Gradienty
Ciemny nagłówek
Kobaltowa poświata u góry po prawej i turkusowa u dołu po lewej na ciemnym bloku — formularze i ekrany logowania.
@include inverse-glow;Typografia
Jeden krój do wszystkiego — Manrope. Stopnie, grubości i interlinia — z tokenów systemu projektowego.
Krój pisma
Manrope
Interfejs, nagłówki i tekst. Łacinka, cyrylica i polskie znaki.
font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;Grubości
- Aa Аа Ąą400 · Zwykła
- Aa Аа Ąą500 · Średnia
- Aa Аа Ąą600 · Półgruba
- Aa Аа Ąą700 · Gruba
- Aa Аа Ąą800 · Ekstragruba — nagłówki i logo
Darmowy krój (SIL Open Font License) — pliki pobierz z Google Fonts.
Skala stopni
$text-xsPodpisy wersalikami, plakietkiEkosystem
$text-smChipsy, małe przyciskiKlub biznesowy i społeczność przedsiębiorców
$text-baseTekst, przyciskiKlub biznesowy i społeczność przedsiębiorców
$text-lgNawigacja, większy tekstKlub biznesowy i społeczność przedsiębiorców
$text-xlTytuł kartyKlub biznesowy i społeczność przedsiębiorców
$text-2xlTytuł sekcjiKlub biznesowy i społeczność przedsiębiorców
$text-3xlImię na stronie profiluKlub biznesowy i społeczność przedsiębiorców
$text-4xlDuże liczby i inicjałyINFOCLUB
Fragmenty CSS
Nagłówek
font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 23px;
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;Tekst
font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.55;Nadtytuł
font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;Zdjęcia
Zdjęcia, które już są na stronie. Zdjęć członków klubu tu nie publikujemy.
Założyciel
Andrij Łazniuk
Założyciel i dyrektor — PNG, 512 × 584 px
[do ustalenia: czy można je dawać prasie, czy jest zdjęcie w wyższej rozdzielczości]
Zespół i wydarzenia
Zdjęcia zespołu i wydarzeń, do których klub ma prawa — [do ustalenia: Andrij].
Banery i tapety
Grafika do mediów społecznościowych
PNG, 1200 × 630 — strona rysuje ją sama: ciemny blok, znak i tytuł strony.
Gotowych banerów i tapet jeszcze nie ma — [do ustalenia: czy są potrzebne i jakie].
Głos i ton
Zasady, które już działają w tekstach strony i w języku pracowników AI klubu.
Nazwa — INFOCLUB: jednym słowem, wielkimi literami.
Skąd: nazwa strony i znak w nagłówku
[do ustalenia: na stronie jest „Infoclub Media” — inna pisownia]
Kim jesteśmy — „klub biznesowy i społeczność przedsiębiorców”.
Skąd: tytuł strony głównej
Do ludzi — bezpośrednio: „Wybierz temat”, „znajdź partnera”.
Skąd: teksty strony
[do ustalenia: zasada nie jest nigdzie spisana]
Na bezpośrednie pytanie „jesteś botem?” — szczerze: asystent AI klubu.
Skąd: zasada pracowników AI
Liczby o klubie — tylko z bieżącego zliczenia; okrągłych liczb ze starych stron nie cytujemy.
Skąd: zasada projektu
Bez rakiet, bomb, wybuchów i celowników — ani w ikonach, ani w emoji. Start to kiełek, wzrost to wykres w górę.
Skąd: zasada QA, 19.10.2026
Języki — ukraiński, angielski, polski.
Skąd: języki strony
Ton marki w jednym zdaniu — [do ustalenia: Andrij].
Inspiracje
Zbioru inspiracji jeszcze nie ma — [do ustalenia: Andrij].
Pobierz wszystko
Jedno archiwum: znak słowny (SVG i PNG, ciemny i biały) oraz emblemat (PNG).
Dla prasy
Zapytania prasy i dotyczące wystąpień przyjmuje e-mail ze strony „Kontakt”.