# Guille Frank · Manual de identidad

Versión 2.0 · Octubre de 2026

## 01 · Esencia

- **Nombre:** Guillermo Franco. El nombre artístico es Guille Frank.
- **Es:** cantautor, compositor y productor independiente.
- **Música:** folk orquestal contemporáneo latino.
- **Lugar:** Guadalajara, Jalisco, México. Se escribe en español de México.
- **Trayectoria:** proyecto propio desde 2019.
- **Premisa:** Música que disfraza el dolor de épica.

### Cómo suena y qué transmite

- Las canciones parten de la intimidad y crecen en capas: piano, cuerdas, violas, sintetizadores, bajo y elementos electrónicos.
- La voz es el eje: cercana en lo íntimo, capaz de sostener producciones grandes.
- Puede crecer hasta una producción orquestal y siempre puede volver a una voz y una guitarra.
- **Nostalgia.** Se ve en el formato polaroid, en el grano y en los recuerdos.
  - **Frío:** nostálgico y triste.
  - **Cálido:** nostálgico y amor.
- Las fotografías y los colores se eligen según cuál de las dos temperaturas se quiere contar.

## 02 · Logotipo

- **Escritura:** solo **GUILLE FRANK** en el logotipo. En texto corrido, **Guille Frank**. Ninguna otra forma.
- **Letra:** Source Serif 4 SemiBold (600). El logotipo oficial es un archivo vectorial; no se vuelve a escribir con texto.
- **Color:** negro sobre claro. Blanco sobre negro y sobre los cinco colores de marca.
- **Tamaño mínimo:** 14 px en pantalla.
- **Nombre anterior:** GuilleFranky ya no se usa. Guille Frank es el nombre que representa a Guillermo Franco.
- **Redes sociales:** el usuario es `guillefrankmusic` en Instagram, TikTok y YouTube.

### Área de respeto

Alrededor del logotipo queda libre, como mínimo, la altura de la letra G a cada lado.

### Usos incorrectos

Cambiar la tipografía · estirarlo o deformarlo · negro sobre los colores de marca · escribirlo junto (GuilleFrank, GuilleFranky) · cambiarle el color · agregarle sombras o efectos.

## 03 · Estrella

- Es solo el contorno: una línea, sin relleno.
- Va en blanco o en negro, nunca en un color de marca.
- Negra sobre fondos claros; blanca sobre negro y sobre los cinco colores.
- Es un elemento aparte: no va siempre junto al logotipo. Se usa como sello, decoración o separador.
- Las grandes pueden salirse del borde de la imagen; las chicas se reparten en las esquinas.
- No se rellena ni se pinta de color.

## 04 · Monograma y prendas

- El monograma son las letras G y F en mayúsculas, con serifa, como el logotipo.
- Se usa donde el nombre completo no cabe: manga, avatar y detalles.
- En prendas negras va en blanco, impreso en una sola tinta.
- No todas las prendas tienen que ser iguales: pueden seguir otros conceptos con las reglas de marca.

## 05 · Contornos y sombras

- Los elementos llevan contorno negro de 1.5 px y una sombra negra desplazada 7 px abajo y a la derecha, sin desenfoque.
- Al pasar el cursor sobre una tarjeta, se levanta y la sombra cambia a morado.
- Radio de 18 px en tarjetas y 999 px en botones y píldoras.

## 06 · Color

Dos azules y tres morados. Sobre cualquiera de ellos el texto va en blanco; el negro no se usa.

| Nombre | HEX | Uso |
|---|---|---|
| Azul cielo | `#4CA1F5` | Fondos amplios y detalles |
| Azul | `#1E91ED` | Color principal. Botones, enlaces y énfasis |
| Morado | `#7F00B2` | Acento secundario y encabezados |
| Morado medio | `#8E22BB` | Variación para fondos y fondos de foto |
| Lila | `#AB49CC` | Fondo de las publicaciones de Instagram |

### Neutros de apoyo

| Nombre | HEX | Uso |
|---|---|---|
| Blanco papel | `#FDFDFD` | Marco de la polaroid |
| Hielo | `#F4F6FB` | Fondo claro |
| Gris | `#DCDCDC` | Apoyo y fondos |
| Negro | `#17202C` | Texto, contornos y sombras |

### Contraste del texto (WCAG)

4.5 es lo recomendado para párrafos y 3 para texto grande o en negrita.

| Fondo | Con blanco | Con negro |
|---|---|---|
| Azul cielo #4CA1F5 | 2.7 | 6.0 |
| Azul #1E91ED | 3.3 | 5.0 |
| Morado #7F00B2 | 8.3 | 2.0 |
| Morado medio #8E22BB | 6.8 | 2.4 |
| Lila #AB49CC | 4.6 | 3.6 |

```css
:root{
  --azul-cielo:#4ca1f5; --azul:#1e91ed;
  --morado:#7f00b2; --morado-medio:#8e22bb; --lila:#ab49cc;
  --blanco-papel:#fdfdfd; --hielo:#f4f6fb;
  --gris:#dcdcdc; --negro:#17202c;
}
```

## 07 · Tipografía

- **Logotipo, lectura y pies:** Source Serif 4 · 400, 600, 700 y cursiva 500.
- **Títulos:** Besley · 500, 700, 800 y cursiva.
- **Etiquetas:** Arial en mayúsculas, peso 800, con +0.14 a +0.24 em de espaciado, entre 11 y 13 px.
- **Hecho a mano:** todo texto con intención de parecer hecho a mano usa Caveat, Kalam, Reenie Beanie o Shadows Into Light.

### Jerarquía

Etiqueta · título de página · título de sección · texto de lectura (Source Serif 4, 400) · subtexto (cursiva 500).

- Los pies de polaroid van en cursiva o a mano, nunca en mayúsculas.
- Los textos largos no pasan de unos 65 caracteres por línea.

## 08 · Fotografía

- **Frío** (nostálgico y triste): luz de día difusa, tonos fríos y azulados; silencio, distancia y espacio vacío.
- **Cálido** (nostálgico y amor): luz ámbar, de noche o de atardecer, y fondos oscuros; cercanía, rostro y manos sobre la guitarra.

### Técnica

- Portadas y recortes grandes: al menos 2000 px de ancho. Con menos, la foto se ve borrosa.
- Formato webp, con una versión de 900 px para pantallas chicas.
- Nombre de archivo descriptivo, por ejemplo `guille-frank-retrato-noche-guitarra.webp`.
- Texto alternativo que diga quién y qué se ve, sin inventar lugares ni nombres.
- No se pone texto encima del rostro ni de la guitarra.

## 09 · Guiños vintage

- Cualquier guiño vintage es bienvenido: casetes, discos de vinilo, polaroids, rollos de película.
- Se dibujan con contorno negro, sombra dura y los colores de marca.
- El logotipo y la estrella en contorno pueden ir sobre ellos: en la etiqueta del casete, en el centro del disco, en el marco de la polaroid.
- El grano suave de las fotos también es un guiño vintage.

### En las publicaciones de Instagram

- **Fondo:** un color de marca, aquí el lila #AB49CC, con un grano muy suave.
- **Polaroid:** marco blanco papel #FDFDFD, esquinas apenas redondeadas, centrada y a casi todo el ancho.
- **Foto:** dentro del marco, en frío o cálido.
- **Pie:** una frase corta en Source Serif 4 cursiva, centrada bajo la foto.
- **Estrellas:** solo contorno, en blanco o negro.
- **Firma:** GUILLE FRANK en blanco, abajo a la izquierda.

## 10 · Voz

Cercana, cálida, informal y a veces poética.

- Ejemplo poético: *Música que disfraza el dolor de épica.*
- Siempre en español de México.
- Solo se dice lo que es cierto. No se exageran ni se prometen cosas.

## 11 · Modo oscuro

- El claro es el uso por defecto. El oscuro es una alternativa.
- Fondo negro total, `#000000`. Texto y logotipo en blanco.
- La estrella va en blanco, solo contorno.
- El azul cielo `#4CA1F5` se usa solo en detalles mínimos: etiquetas chicas y enlaces.
- El azul y el morado solo aparecen si se leen sobre un contorno blanco.
- Los contornos y las sombras pasan a blanco.

---

**Guille Frank** · @guillefrankmusic · https://linktr.ee/guillefrank