Pautas de marca
TikJoy Marca
Todo lo que necesitas para usar la marca TikJoy de manera consistente: logo, monograma, paleta y tipografía.
1. Logotipo principal
- Mantén un área de respeto equivalente a la altura de la "T" en todos los lados.
- No gires, distorsiones ni cambies el color de la burbuja del logotipo.
- Tamaño mínimo recomendado: 120 px de ancho para uso digital.
2. Monograma "TJ"
Utiliza el monograma cuando el espacio sea limitado: favicon, avatar en redes sociales, icono de aplicación, marca de agua.
128 px
64 px
32 px (favicon)
sobre fondo oscuro
3. Símbolo (burbuja + play)
El símbolo es el icono del logotipo aislado de la marca de texto. Úsalo como elemento decorativo, cargador, viñeta o insignia en las UI.
128 px
64 px
32 px
sobre fondo oscuro
4. Paleta de colores
Primarios
#EC4899#6366F1#EC4899 → #6366F1Neutros
#0F172A#3E2444#64748B#E2E8F0#FAFAFBUso del gradiente
El gradiente es la firma de la marca. Úsalo en la palabra "Joy", en la burbuja del logotipo y en elementos destacados (CTA primarios, destacados hero). Evita usarlo en grandes superficies de texto.
5. Tipografía
Pantalla / Encabezados
Sora
Pesos: 600 · 700 · 800 — kerning ligeramente negativo en los títulos.
Aa Bb Cc 123
The quick brown fox
jumps over the lazy dog
Cuerpo / UI
Inter
Pesos: 400 · 500 · 600 — interlineado 1.5 para textos largos.
Aa Bb Cc 123
The quick brown fox jumps over the lazy dog.
Cashback, lealtad y comunidad que se activan en pocos toques.
6. Tokens rápidos
| Token | Valor | Uso |
|---|---|---|
| --brand-from | #EC4899 | Inicio de gradiente |
| --brand-to | #6366F1 | Fin de gradiente |
| --ink | #3E2444 | Texto sobre fondos claros |
| --ink-dark | #0B0B1F | Fondo modo oscuro |
| --font-display | Sora | Encabezados y logo |
| --font-body | Inter | UI y párrafos |