Propuesta de Identidad de Marca

Cinekomuna · 2026 CK DNA
Design

Sistema completo de identidad visual para la red
profesional audiovisual latinoamericana.

Logo System Color DNA Typography UI Components Voice & Tone Photography Do's & Don'ts
scroll
01

Capítulo uno

Esencia
de Marca

Los valores, propósito y personalidad que definen a Cinekomuna como comunidad y como plataforma.

Propósito

¿Por qué existe Cinekomuna?

Una plataforma no es solo tecnología — es un punto de vista sobre el mundo. Cinekomuna nace de la convicción de que la industria audiovisual latinoamericana merece una red propia: construida desde adentro, con el lenguaje y la cultura del cine independiente de la región.

🎬
Comunidad
Cinekomuna existe para conectar personas, no solo perfiles. Cada función está diseñada para que los profesionales del cine se encuentren, colaboren y crezcan juntos.
🌎
Autenticidad
La plataforma refleja la diversidad real de la industria latinoamericana. Lenguaje inclusivo, roles no binarios y voces de toda la región son parte del ADN de la marca.
⚡
Industria
Cinekomuna habla el idioma del cine: crew, cast, proyectos, distribución. Es una herramienta profesional, no una red social genérica disfrazada de cine.

Misión

  • Conectar a los profesionales del cine independiente latinoamericano en una sola plataforma.
  • Hacer visible el talento que existe en toda la región, más allá de los grandes centros de producción.
  • Facilitar la formación de equipos de trabajo para proyectos audiovisuales.

Personalidad de Marca

  • Profesional pero cálida — no corporativa, no informal.
  • Audaz — el magenta habla antes que cualquier palabra.
  • Inclusiva — "Nosotrxs" no es accidental, es intencional.
  • Latinoamericana — orgullosa de su contexto cultural.
02

Capítulo dos

Sistema
de Logo

El símbolo, sus variantes, reglas de uso y zona de protección.

Logo Principal

El símbolo CK

El logotipo de Cinekomuna combina el símbolo circular con las letras CK en blanco — energía, movimiento y comunidad — con el wordmark en Brandon Grotesque Black, tipografía de la marca. Existen dos disposiciones aprobadas.

Logo horizontal Horizontal · Fondo blanco
Logo horizontal dark Horizontal · Fondo oscuro
Logo vertical Vertical · Fondo navy
Logo vertical white Vertical · Fondo magenta

Zona de protección

Espacio mínimo

El logo debe estar rodeado siempre por un espacio libre equivalente a la altura de la "C" del símbolo circular. Nunca debe colocarse otro elemento dentro de esta zona.

x x x x Logo

Usos incorrectos

Lo que nunca se hace

No transparencia
El logo no se usa semitransparente
No rotación
El logo no se inclina ni rota
No recolorizar
Solo variantes aprobadas de color
No deformar
Las proporciones no se alteran
03

Capítulo tres

Color
DNA

La paleta que hace que Cinekomuna sea reconocible al primer vistazo.

Colores primarios

Identidad cromática

Dos colores anclan la identidad visual: el magenta de acción y el navy de estructura. Todo lo demás es soporte.

Magenta CK
#ED1567
RGB 237 · 21 · 103 HSL 336° 84% 51%
Navy CK
#141E3C
RGB 20 · 30 · 60 HSL 228° 50% 16%

Neutros y soporte

Paleta completa

Blanco
#FFFFFF
Gris Claro
#F4F5F8
Borde
#E3E5EC
Gris medio
#666666
Éxito
#22D47A
Advertencia
#F59E0B
Error
#FF4444

Gradientes aprobados

Combinaciones de color

Magenta Principal
Navy Profundo
Oscuro Dramático
Magenta → Navy

Uso del Magenta

  • Botón CTA principal ("Registrarse", "Ver Película")
  • Hero banner de la home
  • Símbolo circular del logo
  • Títulos en tarjetas destacadas
  • Elementos de acción e interacción
  • Máximo 20% de la superficie visual

Uso del Navy

  • Header / Navbar de la plataforma
  • Footer
  • Tabs activos del buscador
  • Encabezados de tablas
  • Texto principal sobre fondo claro
  • Fondo de secciones oscuras
04

Capítulo cuatro

Sistema
Tipográfico

Brandon Grotesque como fuente de marca. Avenir como fuente de interfaz. Jerarquía clara de pesos y tamaños.

Fuente de marca

Brandon Grotesque

Sans-serif geométrica de alta personalidad. Sus proporciones únicas y remate ligeramente cuadrado la hacen ideal para titulares de alto impacto. Toda la comunicación de marca usa Brandon Grotesque.

Thin
100
Cinekomuna
Light
300
Cinekomuna
Regular
400
Cinekomuna
Medium
500
Cinekomuna
Bold
700
Cinekomuna
Black
900
CINEKOMUNA

Jerarquía tipográfica

Escala de tamaños

Display72px · Black · −2%
ALIANZAS
H148px · Black · −1%
Red Profesional
H232px · Bold
Directorio de Cine
H324px · Bold
Perfiles Destacados
H418px · Medium
Proyectos en distribución
Body16px · Regular · 1.65
Plataforma especializada en conectar a los profesionales del cine independiente latinoamericano.
Caption12px · Medium · +8%
Ciudad de México · 28 seguidores

Alfabeto completo

Caracteres

A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n ñ o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 · ! ? @ # % & ( ) / — — " " « »
05

Capítulo cinco

Voz
& Tono

Cómo habla Cinekomuna. Qué dice y cómo lo dice en cada contexto.

Personalidad verbal

Cómo suena la marca

Directa
Habla claro, sin rodeos. El tiempo de los cineastas es valioso.
No es →
Altisonante, corporativa, técnica sin necesidad
Cálida
Comunidad real, personas reales. Habla como colega, no como marca.
No es →
Distante, fría, protocolar, genérica
Inclusiva
El lenguaje refleja la diversidad de la comunidad que sirve.
No es →
Binaria, excluyente, asumida
Experta
Conoce la industria. Habla crew, casting, distribución y exhibición.
No es →
Pretenciosa, condescendiente, explicativa de más

Lenguaje inclusivo

Parte del ADN

Principios de lenguaje

  • Se usa la x como marcador de neutralidad de género: Nosotrxs, lxs cineastxs.
  • Los roles se nombran en formato dual cuando aplica: Director(a), Productor(a).
  • Se evita el masculino genérico. "Los actores" → "El cast" o "Actores y actrices".
  • Los formularios nunca asumen género hasta que el usuario lo define voluntariamente.

Copy en acción

Bueno vs incorrecto

✓ Usar
"Conecta con los mejores profesionales del cine latinoamericano."
✗ Evitar
"¡Regístrate hoy y descubre increíbles oportunidades de networking cinematográfico!"
✓ Usar
"Nosotrxs creemos en el cine que se hace desde adentro."
✗ Evitar
"En Cinekomuna todos los cineastas pueden crear su perfil profesional."
✓ Usar
"Directora · Guionista · Ciudad de México"
✗ Evitar
"Director · Guionista · México D.F."
06

Capítulo seis

Iconografía

Material Design Icons como sistema base. Grosor de trazo 2px. Siempre alineados a grid de 24px.

Sistema de íconos

Material Design Icons

Se utiliza MDI (@mdi/font) como librería oficial de la plataforma. Trazo de 2px, esquinas redondeadas. Tamaños: 16px (UI compacta), 20px (estándar), 24px (énfasis), 32px (feature).

Búsqueda global
Perfil
Proyecto
Crew
Empresa
Valoración
Seguir
Vistas
Blog
Contacto
Compartir
Iniciar sesión
07

Capítulo siete

Componentes
UI

Botones, badges, inputs, cards y navegación. Los bloques con los que se construye la interfaz.

Botones

Sistema de botones

Variantes
Primary · Magenta
Secondary · Navy
Outline · Neutro
Ghost · Magenta
Tamaños
32px altura
40px altura
48px altura
Border-radius 20px
Estados

Badges y chips

Etiquetas

Variantes de badge
En distribución Documental Activo Alta prioridad Ciudad de México Largometraje

Formularios

Inputs y campos

Correo electrónico
Usado para iniciar sesión en tu cuenta.
Contraseña
Contraseña segura ✓
Confirmar contraseña
Las contraseñas no coinciden.

Tarjetas

Cards de contenido

Documental
Las hostilidades
Sebastian Molina Ruiz · 2021
319 vistas 4 valoraciones
NC
Nicolas Celis
Productor(a) · Fixer
📍 Ciudad de México
28 seguidores · 319 vistas
08

Capítulo ocho

Grid &
Espaciado

Sistema de 8px. Todo se mide en múltiplos de 8. Márgenes, padding, gaps.

Tokens de espaciado

Sistema de 8px

4px
xs — gap mínimo
8px
sm — gap base
16px
md — padding cards
24px
lg — secciones
32px
xl — separador
48px
2xl — entre sec.
64px
3xl — hero padding
96px
4xl — secciones hero

Breakpoints

Responsive

Puntos de quiebre

  • Mobile — hasta 640px · 1 columna · padding 16px
  • Tablet — 641px–900px · 2 columnas · padding 24px
  • Desktop — 901px–1280px · sidebar + contenido · padding 40px
  • Wide — +1280px · max-width 1280px centrado · margen automático
09

Capítulo nueve

Fotografía
& Visual

El estilo de imágenes que refuerza la identidad cinematográfica de la plataforma.

Estilo fotográfico

La imagen que habla

La fotografía de Cinekomuna debe evocar el cine independiente: auténtica, cinematográfica, humana. No stock genérico, no luces de estudio artificiales.

🎥
Retratos de crew
Natural, luz ambiente, mirada directa
🎞
Stills de proyectos
Cinematográfico, composición intencional
🎭
Imágenes de set
Documental, proceso creativo real

Se usa

  • Fotografía con temperatura de color cálida o cinemática
  • Imágenes con profundidad de campo narrativa
  • Retratos en contexto (set, locación, ciudad)
  • Imágenes en blanco y negro de alto contraste
  • Composiciones con espacio negativo

Se evita

  • Imágenes de banco genéricas y sin contexto
  • Fotografía con iluminación de estudio artificial
  • Poses forzadas o expresiones poco naturales
  • Filtros de moda que envejezcan la imagen
  • Imágenes sin conexión con la industria del cine
10

Capítulo diez

Aplicaciones
de Marca

La identidad en contexto: cómo se ve la plataforma cuando todo funciona junto.

Mockup web

La plataforma en acción

demo.cinekomuna.com
Logo
Búsqueda Blog Registrarse

Alianzas Cinekomuna

La red profesional del cine latinoamericano

Las hostilidades
S. Molina Ruiz · 319 vistas
Cuando Cae la Noche
J Daniel Zúñiga · 501 vistas
Los Fundadores
M. Castañeda · 202 vistas

Redes sociales

Aplicaciones digitales

App icon · 1024×1024
Favicon / 16px
Email header
11

Capítulo once

Do's &
Don'ts

Las reglas de uso que protegen la integridad de la identidad de Cinekomuna.

Guías de uso

Correcto e incorrecto

✓ Correcto
Usar el logo en su forma original sin modificaciones.
Aplicar el magenta solo en CTAs, hero y elementos de acción.
Mantener contraste suficiente — texto legible siempre.
Usar Brandon Grotesque en pesos y tamaños definidos.
Respetar la zona de protección del logo en todos los formatos.
Usar lenguaje inclusivo en toda comunicación de la plataforma.
✗ Incorrecto
Rotar, deformar o cambiar el color del logo.
Usar el magenta como color de fondo en páginas completas.
Mezclar tipografías ajenas al sistema (Comic Sans, Impact, etc).
Colocar el logo sobre fondos con poco contraste o texturas complejas.
Usar imágenes de stock genérico sin conexión con el cine.
Usar lenguaje de género binario o exclusivo en la comunicación.
✓ Correcto en UI
Botón primario en magenta con texto blanco.
Navbar en navy con logo horizontal en blanco.
Cards con fondo blanco / gris claro sobre fondo claro.
Jerarquía tipográfica consistente (H1 → body → caption).
✗ Incorrecto en UI
Texto magenta sobre fondo magenta (sin contraste).
Múltiples CTAs del mismo peso visual en la misma vista.
Usar navy como color de texto en fondos oscuros.
Mezclar estilos de botón en la misma acción primaria.
Cinekomuna

CK DNA
Design

Esta propuesta establece las bases de una identidad sólida, coherente y escalable para Cinekomuna — construida desde el ADN de la plataforma y la cultura del cine independiente latinoamericano.

← Volver al Reporte de Análisis