O guia de estilo da TCF.
Cores, tipografia e padrões de componentes que compõem a identidade visual da Fundação contra o Câncer Testicular. Clique em qualquer valor hexadecimal ou RGB para copiá-lo.
Sistema de cores
01 · FundamentosTrês funções: "primary " para a identidade da marca, "ink " para tipos de letra e superfícies, e "signals" para tons e bordas. Clique em qualquer código hexadecimal ou RGB para copiá-lo.
Principal e marca
TCF Ciano
A marca. CTAs, detalhes de destaque, links, texto em destaque e momentos visuais importantes.
Ciano escuro
Marca os botões e os efeitos ao passar o mouse com o ciano principal. Aumenta o contraste em fundos coloridos.
Tonalidade ciano
Fundos para tags e legendas. Uma presença sutil da marca, sem competir com o conteúdo.
Tinta e tipografia
Azul-marinho escuro
Títulos, cartões de destaque, blocos de CTA, rodapé. Substitui o preto puro em todos os lugares.
Slate 700
Texto padrão em superfícies claras. Contraste menor do que o azul-marinho, mais agradável para leituras longas.
Slate 600
Subtítulos, descrições de listas, texto complementar abaixo de um título.
Slate 500
Legendas, rótulos de especificações, notas de rodapé, linhas EIN. Discreto, mas legível.
Slate 400
Texto principal sobre fundo azul-marinho escuro — cartões de destaque, CTAs, rodapé.
Branco
Fundo padrão da página. Cartões e áreas de conteúdo.
Sinais e superfícies
Slate 100
Fundos alternados nas seções, estados inativos dos botões de alternância, divisórias suaves.
Slate 200
Separadores de cartões, linhas finas abaixo dos títulos, bordas nas linhas da lista.
Preto puro
Reservado para a mídia (logotipos, máscaras fotográficas). Não use para texto — usa a cor Deep Navy.
Tipografia
02 · FundamentosUma fonte serifada para títulos e uma sans-serif para todo o resto. A DM Serif Display traz aconchego e peso editorial; a Inter é ideal para textos longos e interfaces de usuário, sem causar distração.
DM Serif Display
abcdefghijklmnopqrstuvwxyz
0123456789
Inter
abcdefghijklmnopqrstuvwxyz
0123456789
Escala de fonte
03 · FundamentosDuas escalas. A escala “Artigo” é para conteúdos longos, posts de blog e páginas de programas. A escala “Exibição” é para seções de destaque, páginas de destino e momentos de marketing em que a tipografia precisa ter um papel mais proativo.
Avaliado de forma independente. Responsável perante o público.
Por que as avaliações de terceiros são importantes
A excelência operacional contribui para o cumprimento da missão
A confiança se constrói por meio de responsabilidade mensurável e transparência constante — e nossas avaliações independentes refletem exatamente isso.
Fundada em 2009, a Testicular Cancer Foundation é uma organização sem fins lucrativos 501(c)(3) e a única entidade dedicada exclusivamente ao câncer testicular no país. Somos uma equipe formada por sobreviventes, cuidadores e defensores, todos empenhados em promover a educação e a conscientização.
Combate ao câncer testicular por meio da detecção precoce.
Nossa missão: salvar vidas por meio da educação.
Aprende a fazer o autoexame dos testículos.
Padrões de componentes
04 · PadrõesElementos reusáveis. Eles aparecem em posts de blog, páginas de programas e conteúdos voltados para doadores. Usa os mesmos cinco modelos em todos os lugares para que a marca mantenha a consistência sem parecer rígida.
Pílula de marca
Rótulo de categoria acima de um H1. Fundo sombreado, texto em ciano escuro.
Nota
Resumo breve ou ponto principal. Tonalidade ciano com uma borda primária de 3 px.
Resumo: Candid Platinum, 4 estrelas no Charity Navigator com 93%, classificação máxima no GreatNonprofits, 4,2/5 no Trustpilot.
Cartão de herói
Fundo escuro com título, subtítulo, parágrafo de desenvolvimento e citação em destaque (opcional).
Para doadores e parceiros
Quatro avaliadores independentes. Uma resposta unânime.
A maioria das organizações sem fins lucrativos da nossa categoria está presente em uma ou duas dessas plataformas. A TCF está avaliada nas quatro.
"A verificação independente é o mínimo, não o máximo."
Lista numerada
Use para listas escalonadas, classificações e compassos. Algarismos com serifas em ciano primário, divisórias finas.
-
01
Conscientização
Chegue aos jovens lá onde eles estão, com uma educação sem estigmas.
-
02
Suporte
Conecta pacientes recém-diagnosticados com sobreviventes que já passaram por isso.
-
03
Sobrevivência
Cuidados de longo prazo, apoio comunitário e recursos após o término do tratamento.
Bloco de CTA
Bloco de doações ou inscrição no final do artigo. Azul-marinho escuro com destaque em ciano.
Apoie a TCF com uma doação dedutível do imposto de renda.
Cada dólar é administrado de acordo com os mesmos padrões refletidos em nossas classificações independentes.
Faça uma doação para a TCF