La guía de estilo de TCF.
Colores, tipografía y patrones de componentes que conforman el lenguaje visual de la Fundación contra el Cáncer de Testículo. Haz clic en cualquier valor hexadecimal o RGB para copiarlo.
Sistema de colores
01 · FundamentosTres funciones: «primary» para la identidad de marca, «ink» para tipografías y superficies, y «signals» para tintes y bordes. Haz clic en cualquier código hexadecimal o RGB para copiarlo.
Primario y de marca
TCF Cian
La marca. Llamadas a la acción, detalles decorativos, enlaces, texto en negrita y elementos visuales destacados.
Cian intenso
Etiqueta las pastillas y los estados al pasar el cursor con el cian principal. Mayor contraste sobre fondos tintados.
Tinte cian
Fondos para etiquetas y llamadas de atención. Una presencia sutil de la marca que no resta protagonismo al contenido.
Tinta y tipografía
Azul marino intenso
Encabezados, tarjetas destacadas, bloques de llamada a la acción, pie de página. Sustituye el negro puro en todas partes.
Slate 700
Texto predeterminado para superficies claras. Ofrece un contraste menor que el azul marino, lo que resulta más agradable para la lectura de textos largos.
Slate 600
Párrafos secundarios, descripciones de listas, texto complementario debajo de un título.
Slate 500
Leyendas, etiquetas de especificaciones, notas al pie, líneas EIN. Discretas pero legibles.
Slate 400
Texto principal sobre fondo azul marino oscuro: tarjetas destacadas, llamadas a la acción y pie de página.
Blanco
Fondo predeterminado de la página. Tarjetas y áreas de contenido.
Señales y superficies
Slate 100
Fondos de sección alternativos, estados de conmutación inactivos, separadores suaves.
Slate 200
Separadores de fichas, líneas finas debajo de los encabezados, bordes en las filas de las listas.
Negro puro
Reservado para los medios de comunicación (logotipos, máscaras fotográficas). No lo utilices para el texto; utiliza el color «Deep Navy».
Tipografía
02 · FundamentosUna tipografía con serifas para los títulos y una sans-serif para todo lo demás. DM Serif Display aporta calidez y solidez editorial; Inter se adapta a la lectura de textos largos y a la interfaz de usuario sin distraer la atención.
DM Serif Pantalla
abcdefghijklmnopqrstuvwxyz
0123456789
Inter
abcdefghijklmnopqrstuvwxyz
0123456789
Escala de tipos
03 · FundamentosDos estilos tipográficos. El estilo «Article» está pensado para contenidos extensos, entradas de blog y páginas de programas. El estilo «Display» es ideal para secciones destacadas, páginas de destino y situaciones de marketing en las que la tipografía debe destacar más.
Evaluada de forma independiente. Sujeta a control público.
Por qué son importantes las valoraciones de terceros
La excelencia operativa respalda el cumplimiento de la misión
La confianza se forja a través de una rendición de cuentas cuantificable y una transparencia constante, y nuestras calificaciones de terceros reflejan precisamente eso.
Fundada en 2009, la Fundación de Cáncer Testicular es una organización sin fines de lucro 501(c)(3) y el único grupo de cáncer testicular con personal a tiempo completo en el país. Somos un equipo de sobrevivientes, cuidadores y defensores apasionados por aumentar la educación y la concienciación.
La lucha contra el cáncer de testículo mediante la detección precoz.
Nuestra misión: salvar vidas a través de la educación.
Aprende a realizarte un autoexamen testicular.
Patrones de componentes
04 · PatronesElementos de diseño reutilizables. Estos aparecen en entradas de blog, páginas de programas y contenidos dirigidos a los donantes. Utiliza los mismos cinco patrones en todas partes para que la marca mantenga su coherencia sin resultar rígida.
Pastilla de etiqueta
Etiqueta de categoría situada encima de un H1. Fondo con un ligero matiz, texto en cian oscuro.
Nota al margen
Breve resumen o idea principal. Tono cian con un borde principal de 3 píxeles.
En resumen: Candid Platinum, 4 estrellas en Charity Navigator con una puntuación del 93 %, mejor valorada en GreatNonprofits, 4,2/5 en Trustpilot.
Carta de héroe
Área oscura con título, titular, párrafo de desarrollo y cita destacada opcional.
Para donantes y colaboradores
Cuatro evaluadores independientes. Una respuesta unánime.
La mayoría de las organizaciones sin ánimo de lucro de nuestro sector están presentes en una o dos de estas plataformas. TCF está presente en las cuatro.
«La verificación independiente es el mínimo, no el máximo».
Lista numerada
Se utiliza para listas escalonadas, valoraciones y compases. Números con serifas en cian primario y separadores de línea fina.
-
01
Concienciación
Llegar a los jóvenes allí donde se encuentran mediante una educación libre de estigmas.
-
02
Apoyo
Pon en contacto a los pacientes recién diagnosticados con supervivientes que han pasado por lo mismo.
-
03
Supervivencia
Cuidados a largo plazo, apoyo comunitario y recursos tras finalizar el tratamiento.
Bloque de llamada a la acción
Bloque de donaciones o registro al final del artículo. Azul marino oscuro con detalles en cian.
Apoya a TCF con una donación deducible de impuestos.
Cada dólar se gestiona siguiendo los mismos criterios que se reflejan en nuestras calificaciones independientes.
Haz una donación a TCF