System identyfikacji wizualnej TCF · wersja 2026

Wytyczne stylistyczne TCF.

Kolory, typografia i wzory elementów składające się na identyfikację wizualną Fundacji na rzecz Walki z Rakiem Jądra. Proszę kliknąć dowolną wartość szesnastkową lub RGB, aby ją skopiować.

System kolorów

01 · Podstawy

Trzy role: „primary” – tożsamość marki, „ink” – czcionki i powierzchnie, „signals” – odcienie i obramowania. Proszę kliknąć dowolny kod szesnastkowy lub RGB, aby go skopiować.

Podstawowe i związane z marką

Podstawowe

TCF Cyan

HEX#00B4DB
RGBrgb(0, 180, 219)

Marka. Wezwania do działania, akcenty, linki, teksty wyróżniające oraz kluczowe elementy wizualne.

Akcent · Głębokie

Ciemnoniebieski

HEX#0091B0
RGBrgb(0, 145, 176)

Proszę oznaczyć przyciski i stany po najechaniu kursorem dla głównego koloru cyjanowego. Proszę zapewnić większy kontrast na tle z odcieniem.

Akcent · Odcień

Odcień cyjanowy

HEX#E6F8FD
RGBrgb(230, 248, 253)

Tła tagów i opisów. Subtelna obecność marki, która nie przyćmiewa treści.

Atrament i czcionka

Atrament · Podstawowy

Ciemnoniebieski

HEX#0F172A
RGBrgb(15, 23, 42)

Nagłówki, karty główne, bloki wezwań do działania, stopka. Zastępuje czystą czerń we wszystkich miejscach.

Atrament · Obudowa

Slate 700

HEX#334155
RGBrgb(51, 65, 85)

Domyślny tekst na jasnym tle. Niższy kontrast niż w przypadku granatu, co sprawia, że czytanie dłuższych tekstów jest przyjemniejsze.

Atrament · Drugorzędny

Slate 600

HEX#475569
RGBrgb(71, 85, 105)

Podpunkty, opisy list, tekst uzupełniający pod nagłówkiem.

Atrament · Stonowane

Lista 500 magazynu „Slate”

HEX#64748B
RGBrgb(100, 116, 139)

Podpisy, etykiety specyfikacji, przypisy, wiersze EIN. Dyskretne, ale czytelne.

Atrament · Na ciemnym tle

Slate 400

HEX#94A3B8
RGBrgb(148, 163, 184)

Tekst główny na ciemnoniebieskim tle — karty główne, wezwania do działania, stopka.

Strona główna · Strona

Biały

HEX#FFFFFF
RGBrgb(255, 255, 255)

Domyślne tło strony. Karty i obszary treści.

Sygnały i powierzchnie

Powierzchniowe · Subtelne

Lista 100 magazynu „Slate”

HEX#F1F5F9
RGBrgb(241, 245, 249)

Zmieniające się tła sekcji, stany przełączników w pozycji wyłączonej, delikatne separatory.

Obramowanie · Domyślne

Slate 200

HEX#E2E8F0
RGBrgb(226, 232, 240)

Przegródki na karty, cienkie linie pod nagłówkami, obramowania wierszy listy.

Zarezerwowane

Czysta czerń

HEX#000000
RGBrgb(0, 0, 0)

Zastrzeżone dla mediów (kompozycje z logo, maski fotograficzne). Nie należy stosować do tekstu — proszę używać koloru Deep Navy.

Typografia

02 · Podstawy

Czcionka szeryfowa do nagłówków, bezszeryfowa do wszystkiego innego. DM Serif Display nadaje tekstowi ciepła i redakcyjnej powagi; Inter sprawdza się w długich tekstach i interfejsach użytkownika, nie odwracając uwagi.

DM Serif Display

Serif · 400 · Nagłówki i cytaty

A A B B C C
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Inter

Sans · 400 / 600 / 700 · Tekst główny, interfejs użytkownika, przyciski

A A B B C C
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Skala czcionki

03 · Podstawy

Dwie wersje. Wersja „Article” przeznaczona jest do długich treści, wpisów na blogu oraz stron programowych. Wersja „Display” przeznaczona jest do sekcji hero, stron docelowych oraz działań marketingowych, w których czcionka musi odgrywać większą rolę.

Brwi
CzcionkaInter
Rozmiar12 pikseli
Waga600
Śledzenie.12em
Wielkość literWielkie litery
Aktualności i nowości
H1 · Artykuł
CzcionkaDM Serif Display
Rozmiar44 piksele
Waga400
Wiodący1.12

Oceniane przez niezależne podmioty. Podlegające publicznej kontroli.

H2 · Artykuł
CzcionkaDM Serif Display
Rozmiar30 pikseli
Waga400
Wiodący1,18

Dlaczego opinie niezależnych podmiotów mają znaczenie

H3 · Artykuł
CzcionkaDM Serif Display
Rozmiar22 px
Waga400

Doskonałość operacyjna wspiera realizację misji

Wstęp
CzcionkaInter
Rozmiar19 pikseli
Waga400
Wiodący1,6

Zaufanie buduje się poprzez wymierną odpowiedzialność i stałą przejrzystość — a nasze oceny przyznawane przez niezależne podmioty właśnie to odzwierciedlają.

Treść
CzcionkaInter
Rozmiar17 pikseli
Waga400
Wiodący1,7

Założona w 2009 roku Fundacja na rzecz Walki z Rakiem Jądra jest organizacją non-profit typu 501(c)(3) oraz jedyną w kraju organizacją zajmującą się rakiem jądra, dysponującą pełnoetatowym personelem. Jesteśmy zespołem złożonym z osób, które przeżyły chorobę, opiekunów oraz działaczy, których pasją jest poszerzanie wiedzy i zwiększanie świadomości społecznej.

Przycisk
CzcionkaInter
Rozmiar16 pikseli
Waga600
Promień8 pikseli

Wzorce komponentów

04 · Wzory

Elementy szablonów wielokrotnego użytku. Występują one w wpisach na blogu, na stronach programów oraz w treściach przeznaczonych dla darczyńców. Proszę stosować te same pięć wzorów we wszystkich miejscach, aby zachować spójność marki bez popadania w sztywność.

Tabletka z etykietą

Etykieta kategorii nad nagłówkiem H1. Tło w delikatnym odcieniu, tekst w kolorze ciemnoniebieskim.

Przejrzystość

Uwaga

Krótkie podsumowanie lub najważniejsze wnioski. Niebieska ramka o szerokości 3 pikseli.

W skrócie: Candid Platinum, 4 gwiazdki w serwisie Charity Navigator (93%), najwyższa ocena w serwisie GreatNonprofits, 4,2/5 w serwisie Trustpilot.

Karta bohatera

Ciemny tło z nagłówkiem, podtytułem, akapitem wprowadzającym oraz opcjonalnym cytatem wyróżniającym.

Dla darczyńców i partnerów

Czterech niezależnych ekspertów. Jedna spójna opinia.

Większość organizacji non-profit z naszej kategorii jest obecna na jednej lub dwóch z tych platform. TCF jest oceniana na wszystkich czterech.

„Niezależna weryfikacja stanowi minimum, a nie maksimum”.

Lista numerowana

Zastosowanie do list schodkowych, ocen i rytmów. Cyfry z serifami w kolorze podstawowym cyjanowym, cienkie linie oddzielające.

  • 01
    Świadomość

    Dotrzyjcie do młodych mężczyzn tam, gdzie się znajdują, oferując im edukację wolną od piętna.

  • 02
    Pomoc

    Prosimy o nawiązanie kontaktu między nowo zdiagnozowanymi pacjentami a osobami, które przeszły tę chorobę.

  • 03
    Przeżywalność

    Opieka długoterminowa, wsparcie społecznościowe oraz dostępne zasoby po zakończeniu leczenia.

Blok CTA

Blok z opcją przekazania darowizny lub rejestracji na końcu artykułu. Ciemnoniebieski z akcentami w kolorze cyjan.

Wesprzyj TCF darowizną, którą można odliczyć od podatku.

Każdy dolar jest zarządzany zgodnie z tymi samymi standardami, które odzwierciedlają nasze niezależne oceny.

Przekaż darowiznę na rzecz TCF