Brand Guidelines v1.0 · 2026
01 — Logotipo
El logotipo de Kike Ramírez es una firma tipográfica cursiva. Existe en dos versiones monocromáticas: blanca y negra. No hay versión de color. Siempre se usa sobre fondos neutros (negro, blanco, gris) o sobre el color propio de una submarca.
Versión blanca · Sobre negro o color
Versión negra · Sobre blanco
Versión negra · Sobre gris neutro
X = altura de la letra "K" del logotipo. Esa medida es el margen mínimo en los 4 lados. Nunca colocar texto, íconos u otros elementos dentro de esta zona.
| Fondo | Versión a usar | Ejemplos |
|---|---|---|
| Negro / oscuro | Blanca | #0A0A0A · fotografías oscuras · fondos de submarca |
| Blanco / gris claro | Negra | #FFFFFF · #F5F5F5 · presentaciones · docs |
| Color de submarca | Blanca | Rojo · Dorado · Púrpura · Verde · siempre blanca |
| Fotografías | Blanca | Siempre sobre zona oscura de la foto o con capa de oscurecimiento |
| Tamaño mínimo web | 120 px de ancho · SVG preferido · PNG @2x como respaldo | |
| Tamaño mínimo impresión | 25 mm de ancho · PDF vectorial · AI · EPS | |
02 — Tipografía
La marca Kike Ramírez usa Inter Tight en todos sus textos. Las submarcas usan Montserrat ExtraBold en sus logotipos. Ambas son fuentes de Google Fonts, de libre descarga y uso comercial.
Montserrat ExtraBold es la base tipográfica de los 5 logotipos de submarca. No se usa en texto corrido — es exclusiva de logotipos y aplicaciones gráficas de marca. No mezclar con Inter Tight como cuerpo de texto en la misma composición.
03 — Color
| Fondo | Texto / Logo | Contexto | WCAG |
|---|---|---|---|
| #0A0A0A | #FFFFFF | Sistema principal · carrusel · web | AAA |
| #FFFFFF | #0A0A0A | Impresión · documentos · presentaciones | AAA |
| #DBAD30 | #0A0A0A | Prohibido Rendirse · logo negro sobre dorado | AA |
| #D40000 | #FFFFFF | Desafía tu Destino · solo títulos ≥18 px | AA Large |
| #5C1FA0 | #FFFFFF | Ventamorfosis · solo títulos ≥18 px | AA |
| #00FF3F | #0A0A0A | Activa tu Riqueza® · logo negro sobre verde neón | AAA |
04 — Submarcas
5 submarcas activas bajo el paraguas de Kike Ramírez Academy. Cada una tiene su color único y su logotipo propio, todos basados en Montserrat ExtraBold. Las normas de clearspace del logo principal aplican a todas.
| Regla | ✓ Correcto | ✗ Incorrecto |
|---|---|---|
| Fondos permitidos | Color propio de la submarca · Negro · Blanco | Colores aleatorios · Colores de otras submarcas · Fotografías sin capa oscura |
| Logo sobre color de marca | Logo en #F2F2F2 (blanco) sobre fondo oscuro o de color | Logo con relleno diferente al asignado o con color de otra submarca |
| Prohibido Rendirse sobre dorado | Logo en negro (#0A0A0A) sobre #DBAD30 — máximo contraste | Logo blanco sobre dorado — bajo contraste, ilegible en pequeño |
| Mezcla de submarcas | Cada submarca en su propio sistema de color | Usar el rojo de Desafía tu Destino en Ventamorfosis, o el dorado de Prohibido en Rockstars |
05 — Carrusel Instagram
El carrusel es el formato de contenido escrito más importante del canal. Está completamente estandarizado. Seguir estas especificaciones garantiza coherencia visual sin importar quién produce la pieza.
| Parámetro | Valor | Detalle |
|---|---|---|
| Formato de producción | HTML standalone | Un archivo .html por carrusel. CSS y fuentes embebidas. Sin dependencias externas. |
| Dimensiones del canvas | 1080 × 1350 px | Formato portrait 4:5. Ratio nativo de Instagram para posts en el feed. |
| Fondo base | #0A0A0A | Negro absoluto. Nunca negro puro (#000) ni grises. |
| Color de texto | #FFFFFF | Blanco puro. Sin cremas ni grises sobre el fondo negro. |
| Slides | 11 slides fijos | Estructura inamovible. No agregar ni quitar slides. |
| Carga de foto | CSS background-image | Nunca usar <img>. Genera borde blanco al exportar como PNG. |
| Handle | @soykikeramirez | Esquina sup. izquierda · Inter Tight 400 · 18px · #FFFFFF |
| Label lección | LECCIÓN 01 DE 07 | Esquina sup. derecha · Mayúsculas · Inter Tight 700 · 14px |
| Zona de texto (anchor) | bottom: 148px | El bloque título+cuerpo se ancla a 148px del borde inferior del canvas. |
| Logo en footer | KIKE-RAMIREZ-LOGO-WHITE.svg | Esquina inf. izquierda · max-width: 120px |
| CTA deslizar | Desliza → | Esquina inf. derecha · Inter Tight 400 · 14px · opacidad 40% |
| Padding lateral | 48px (4.4%) | Margen interior izquierdo y derecho del área de texto y elementos fijos. |
La fotografía ocupa el 60% superior. El rostro de Kike nunca debe quedar cubierto por texto. Gradiente negro de 40% a 100% de opacidad en los últimos 300 px de esta zona para transición al área de texto.
Contiene el título (Inter Tight 900, 40–52 px) y el cuerpo (Inter Tight 400, 17–20 px). Todo el bloque se ancla con bottom: 148px — nunca con top. El espacio extra de 392 px respecto al formato cuadrado permite títulos en 2 líneas sin comprimir el cuerpo.
Logo de Kike (blanco, max-width 120 px) alineado a la izquierda. "Desliza →" alineado a la derecha. Línea separadora de 1 px al 13% de opacidad. Padding lateral: 48 px.
| Elemento | Peso | Tamaño | Color | Posición |
|---|---|---|---|---|
| Handle @soykikeramirez | Regular 400 | 18 px | #FFFFFF | Top-left · margen 48 px |
| Label LECCIÓN XX DE 07 | Bold 700 | 14 px | #FFFFFF · uppercase | Top-right · margen 48 px |
| Título del slide | Black 900 | 40 – 52 px | #FFFFFF | Bloque anclado a bottom:148px |
| Cuerpo de texto | Regular 400 | 17 – 20 px | rgba(255,255,255,.85) | Debajo del título · line-height: 1.6 |
| Logo Kike Ramírez | — | max-width: 120 px | Blanco (SVG white) | Bottom-left · margen 48 px |
| Desliza → | Regular 400 | 14 px | opacity: 0.4 | Bottom-right · margen 48 px |
S01 · Cover · Sin etiqueta de lección
S03 – S09 · Lección · Con etiqueta y cuerpo
S11 · CTA · Solo logo y una acción
S02 · Tesis · Sin etiqueta de lección
S10 · Insight · Reflexión final
❌ Formatos prohibidos en el cuerpo
| Parámetro | Norma |
|---|---|
| Persona gramatical | Tuteo directo siempre — "tú", "tu negocio", "lo que te frena". Nunca usted ni tercera persona impersonal. |
| Puntuación | Punto antes que coma. Frases cortas. Una idea por oración. |
| Formato del cuerpo | Prosa corrida. Sin bullets, sin emojis ✅❌, sin numerales 1. 2. 3., sin guiones como viñetas. |
| Títulos de lección | Preferiblemente 2 líneas: primera línea = golpe, segunda = contexto. Máximo 8 palabras totales. |
| Sujeto de la historia | Solo el S01 Cover puede nombrarlo explícitamente. Los slides L1–L7 narran sin nombrarlo. |
| Tono | Estratégico · Humano · Directo · Transformador · Inspirador |
| Longitud del cuerpo | 3–5 líneas por slide. Suficiente para desarrollar la idea; lo bastante corto para leer en 10 segundos. |
| Prohibido | Motivación genérica vacía · adjetivos sin sustancia solos · frases copiadas de cursos · lenguaje corporativo. |
06 — Usos
background-image. El texto va superpuesto en HTML.<img> para la foto del slide. Genera borde blanco al exportar como PNG.07 — Recursos
Todos los archivos de marca se pueden descargar directamente desde este documento. Para archivos maestros editables (AI, EPS) contactar al equipo de producción.
Brand Guidelines v1.0 · 2026. Documento de uso interno para el equipo de producción y diseño. No distribuir sin autorización. Toda pieza de la marca debe seguir estas especificaciones.