Design System

Guía de identidad visual — julio 2026

Comunicación audiovisual y multimedia con IA

01 / 05

02 — Logotipo

Uso del logotipo

Espacio de seguridad: deja alrededor del logo un margen mínimo equivalente al alto de la "S" de VIERNES. No coloques texto ni elementos dentro de esa zona.

Sobre fondos de color

Qué evitar

— No estirar ni deformar el logotipo.
— No cambiar sus colores originales.
— No rotarlo ni aplicarle efectos (sombras, brillos, degradados).
— No ubicarlo sobre fondos con poco contraste.

02 / 05

03 — Color

Paleta de color

Azul — primario

HEX #2400DB · RGB 36, 0, 219

Rojo — acento

HEX #FF0043 · RGB 255, 0, 67

Negro — texto

HEX #0A0A0A · RGB 10, 10, 10

Crema — fondo

HEX #F7F7F5 · RGB 247, 247, 245

Proporción de uso recomendada

Crema / blanco — 60%

Azul — 30%

Rojo — 10% (acento puntual)

03 / 05

04 — Tipografía

Rubik

Aa

Sustituto libre de Google Sans (fuente propietaria, no disponible públicamente). Rubik conserva el mismo carácter geométrico y amigable, y es de uso 100% gratuito.

Título principal — Rubik Black 900

Subtítulo de sección — Rubik Bold 700

Cuerpo de texto — Rubik Regular 400. Para propuestas, guiones y documentos de viernes.online, este es el peso que se usa en párrafos y descripciones largas.

Etiqueta / caption — Rubik Medium 500

04 / 05

05 — Aplicación

Ejemplo aplicado

Propuesta de proyecto

Nombre del proyecto

Guion

Nombre del sketch

ESC.

VISUAL

AUDIO

1

Descripción del plano...

Diálogo / voz en off...

Las plantillas completas de Guion y Propuesta están disponibles como archivos editables de viernes.online.

05 / 05