verda studio
Uso interno & contratistas
Documentación de marca

Guía de Identidad de Marca

Sistema visual y verbal completo para garantizar coherencia en todos los canales y materiales de Verda Studio.

Verda Studio · Barcelona, España
Preparado por CULTIVA IA · Junio 2026
Versión 1.0
Revisión: junio 2026
Contenidos de esta guía
01
Sistema de Color
Paleta primaria, secundaria y reglas de contraste
02
Tipografía
Escala tipográfica, pesos y roles
03
Logo
Variantes, espacio libre y usos prohibidos
04
Voz y Tono
Atributos de marca, matriz de tono por canal
05
Auditoría de Marca
Estado actual + acciones prioritarias
06
Specs por Canal
Instagram, web, newsletter, presentaciones
07
Co-branding
Reglas para materiales con partners
08
Usos Prohibidos
Errores frecuentes que no deben repetirse
01

Sistema de Color

La paleta de Verda Studio refleja naturaleza, calma y autenticidad. Cada color tiene un rol específico y no es intercambiable.

Color principal
Verde Musgo
HEX #3D6B4F
RGB 61 / 107 / 79
CMYK 43 / 0 / 26 / 58
Pantone 357 C
Uso principal: fondos de sección, botones CTA, acentos en titulares. Siempre combinado con texto blanco hueso o beige.
Acento
Verde Claro
HEX #5A8C6A
RGB 90 / 140 / 106
CMYK 36 / 0 / 24 / 45
Pantone 346 C
Uso: hover de botones, iconografía, separadores decorativos. Nunca como fondo de texto de cuerpo.
Neutro cálido
Beige Cálido
HEX #E8DCC8
RGB 232 / 220 / 200
CMYK 0 / 5 / 14 / 9
Pantone 7501 C
Uso: fondos de tarjetas, secciones alternas, dividers. Siempre con texto #1E2420 para contraste adecuado.
Fondo base
Blanco Hueso
HEX #F7F4EE
RGB 247 / 244 / 238
CMYK 0 / 1 / 4 / 3
Pantone 9182 C
Uso: fondo de página, texto sobre fondos oscuros. Nunca usar blanco puro (#FFFFFF) como sustituto.

Paleta secundaria

Beige Suave
#F2EBD9
Verde Pálido
#A8C4B0
Gris Musgo
#4A5550
Negro Suave
#1E2420

Ratios de contraste WCAG AA

Mínimo 4.5:1 para texto normal, 3:1 para texto grande (>18px) y UI.

Combinación Muestra Ratio Texto Normal Texto Grande
Blanco hueso sobre Verde musgo #F7F4EE sobre verde 8.1:1 PASA AA PASA AA
Negro suave sobre Beige cálido #1E2420 sobre beige 9.4:1 PASA AA PASA AA
Verde musgo sobre Blanco hueso #3D6B4F sobre hueso 5.7:1 PASA AA PASA AA
Blanco hueso sobre Verde claro #F7F4EE sobre verde claro 4.1:1 FALLA AA PASA AA
Verde claro sobre Beige cálido #5A8C6A sobre beige 2.8:1 FALLA AA FALLA AA
Regla de oro: Para texto de cuerpo, usar siempre #1E2420 sobre fondos claros o #F7F4EE sobre fondos oscuros. El verde claro (#5A8C6A) es solo para elementos UI grandes (iconos, separadores, botones con texto blanco grande).
02

Tipografía

Fuente de titulares — Playfair Display
Espacios que respiran.
Playfair Display · Regular 400 · Tracking -0.01em · Color #1E2420
Fuente de cuerpo — Source Sans Pro (fallback: Helvetica Neue)
Diseñamos reformas que integran materiales naturales, técnicas contemporáneas y una atención minuciosa al detalle. Cada proyecto es único, como el espacio que habitas.
Source Sans Pro · Regular 400 · 16–17px · Line-height 1.65–1.7 · Color #4A5550

Escala tipográfica completa

Rol
Muestra
Fuente
Tamaño / Peso
Line-height
H1
Verda Studio
Playfair Display
48–64px / 400
1.05
H2
Nuestro enfoque
Playfair Display
32–42px / 400
1.15
H3
Materiales sostenibles
Playfair Display
22–26px / 700
1.3
Cuerpo
Cada reforma comienza con escuchar el espacio y a quien lo habita.
Source Sans Pro
15–17px / 400
1.65
Caption
Proyecto: Apartamento Eixample · 2025
Source Sans Pro
12px / 400
1.5
Label / Tag
Diseño biofílico
Source Sans Pro
10–11px / 700
1.0
Regla de pesos: Playfair Display se usa siempre en 400 (Regular) para titulares. El peso 700 (Bold) solo en H3 y subtítulos de sección. Nunca usar cursiva en Playfair salvo en citas editoriales. Source Sans Pro en cuerpo siempre 400; 600 para énfasis inline, 700 reservado para UI (botones, labels).
03

Logo

El logo de Verda Studio consta de un símbolo de hoja geométrica acompañado del nombre "verda studio" en minúsculas. Existen tres variantes aprobadas.

verda studio
Principal — Fondo claro
Web, presentaciones, email, materiales impresos sobre papel
verda studio
Inverso — Fondo verde musgo
Instagram bio, cabeceras de newsletter, portadas de presentación
verda studio
Cálido — Fondo beige
Packaging, tarjetas de visita, papelería impresa de lujo

Zona de exclusion (clear space)

Mantener un espacio mínimo equivalente a la altura de la "v" minúscula del logotipo alrededor de todo el conjunto. Ningún elemento externo puede invadir esta zona.

Zona de exclusión = altura "v"
verda studio

Tamaños mínimos

Soporte Ancho mínimo logo completo Icono solo
Digital / Web 120px de ancho 24px × 24px
Impresión 35mm de ancho 8mm × 8mm
Redes sociales 200px (solo en bio o cover) Avatar: icono centrado sobre fondo verde
04

Voz y Tono

La voz es constante. El tono varía según el contexto. Estos 4 atributos definen quién es Verda Studio en cada conversación.

Cálido y cercano
Hablamos de tú a tú. Somos expertos, pero nunca pedantes. El cliente es el protagonista de la reforma, no nosotros.
NO: "Le informamos de que el proceso conlleva..."
Experto y concreto
Damos datos, nombres de materiales, medidas reales. Evitamos el vaguedad decorativa. La precisión transmite confianza.
NO: "Una experiencia única y transformadora..."
Consciente y honesto
Nombramos la sostenibilidad con hechos, no con eslóganes. Si algo tiene un impacto, lo explicamos. Sin greenwashing.
NO: "100% eco-friendly y respetuoso con..."
Sereno y pausado
No urgimos, no alarmarmos. Los frases son limpias. Los párrafos cortos. El silencio (el espacio en blanco) también comunica.
NO: "¡Aprovecha YA! ¡No te quedes sin plaza!"
Inspirador, no aspiracional
Mostramos posibilidades reales, no un estilo de vida inalcanzable. Las imágenes y los textos tienen que resonar, no intimidar.
NO: "Para los que exigen lo mejor de lo mejor..."
Local y situado
Somos Barcelona. Referenciamos barrios, mercados, arquitectura local. Eso nos hace reales y confiables para nuestro ICP.
NO: textos genéricos sin lugar ni contexto

Matriz de tono por canal y contexto

Contexto Tono Di esto No digas esto
Instagram feed
Inspirador · Breve · Visual
 Cálido + Sereno "Roble sin tratar, luz de norte y una planta de interior que lleva aquí desde el principio. Así es este salón en el Poblenou." "¡Mira este increíble salón que hemos diseñado! ¿Te gusta? 🔥🌿🙌"
Instagram Stories
Conversacional · Directo
 Cercano + Activo "¿Reformas antes del verano? Cuéntanos qué tienes en mente." / "Tres preguntas para saber si necesitas un interiorista." "¡Oferta especial solo hoy! ¡No pierdas esta oportunidad!"
Newsletter mensual
Editorial · Educativo
 Experto + Sereno "Este mes hemos trabajado con un terracota artesanal de Alcocebre. Te explicamos por qué lo elegimos y cómo se comporta con la humedad." "¡Novedades del mes! ¡No te pierdas nuestras últimas actualizaciones!"
Propuesta para cliente
Formal · Específico
 Experto + Honesto "Proponemos un revestimiento de cal mineral en la pared norte. Costo estimado: 1.200 €. Durabilidad: 15–20 años con mantenimiento mínimo." "Creemos que quedará precioso y le dará un toque muy especial al espacio."
Web (home/servicios)
Claro · Confiable
 Cálido + Concreto "Reformas residenciales en Barcelona y Madrid. Materiales biofílicos, plazos reales y un proceso sin sorpresas." "Bienvenido a Verda Studio, donde los sueños se convierten en realidad."
Respuesta a reclamación
Empático · Directo
 Honesto + Cercano "Tienes razón, esto no debería haber pasado. Vamos a revisarlo esta semana y te doy una solución concreta el martes." "Lamentamos los inconvenientes causados y procederemos a gestionar su incidencia."
05

Auditoría de Marca

Estado actual de la marca Verda Studio (junio 2026) antes de distribuir esta guía. 8 dimensiones evaluadas.

~
1. Colores
Se detectan al menos 3 variaciones del verde musgo en uso activo: #3D6B4F (correcto), #4A7A5C (deriva de freelancer A) y #2E5C3F (deriva de freelancer B). El beige cálido también aparece como #EAE0CA en algunos posts.
Accion: Compartir paleta HEX exacta a todos los colaboradores. Crear archivo Figma/Canva con paleta bloqueada.
PARCIAL
✓
2. Tipografía
La web usa correctamente Playfair Display para H1/H2 y Source Sans Pro para cuerpo. Las presentaciones también respetan la escala. Solo los Stories de Instagram muestran tipografía de sistema en algunos diseños.
Accion: Añadir fuentes como elementos guardados en las plantillas de Canva del equipo.
BIEN
✕
3. Logo
Incidencia crítica: el logo aparece sobre fondo negro (#000000) en 4 posts de Instagram y en la firma de email de dos freelancers. Esta variante NO está aprobada. Además, en un Stories se ha usado el logo con sombra paralela.
Accion: Archivar los posts afectados, eliminar las firmas incorrectas. Enviar solo los 3 archivos PNG/SVG aprobados.
CRITICO
✓
4. Contraste y accesibilidad
La web pasa todos los checks WCAG AA. Las combinaciones usadas en los diseños de feed de Instagram también son accesibles. Punto fuerte a mantener.
Accion: Documentar las combinaciones válidas en la plantilla de Canva con bloqueo de color.
BIEN
~
5. Imagen y fotografía
Las fotos de proyectos son coherentes (luz natural, paleta cálida). Sin embargo, el freelancer C usa fotos de stock con filtros saturados que no encajan con el estilo editorial de la marca.
Accion: Crear mood board de referencia fotográfica. Definir: iluminación natural, sin filtros, paleta terrosa.
PARCIAL
✕
6. Voz y tono
Inconsistencia clara entre los tres colaboradores. El freelancer A escribe en un tono corporativo/formal. El freelancer B usa exclamaciones y emojis excesivos. Solo el contenido del fundador refleja la voz definida de la marca.
Accion: Distribuir esta sección de voz + 5 ejemplos reales correctos por canal. Revisión editorial antes de publicar los primeros 30 días.
CRITICO
✓
7. Usos prohibidos
Salvo el caso del logo sobre negro (dimensión 3), no se detectan otros usos explícitamente prohibidos. El gradiente en el logo no ha aparecido.
Accion: Mantener monitoreo mensual. Crear checklist de revisión en Notion para freelancers.
BIEN
~
8. Co-branding
No hay materiales co-branded activos. Sin embargo, se han recibido 2 peticiones de partners (proveedor de materiales y evento de interiorismo) para colaborar. No existe protocolo definido aún.
Accion: Implementar sección 07 de esta guía antes de cualquier colaboración formal.
PENDIENTE
Resumen ejecutivo: 3 dimensiones OK, 2 parciales, 2 críticas, 1 pendiente. Prioridades inmediatas: (1) logo sobre negro — corregir en 48h, (2) voz y tono — brief escrito a freelancers esta semana, (3) paleta HEX — archivo compartido hoy.
06

Especificaciones por Canal

Dimensiones, formatos y reglas de aplicación de marca en cada canal activo de Verda Studio.

Instagram @verdastudio_bcn
Avatar Icono hoja · fondo verde musgo · 1080×1080px
Feed post 1080×1080px o 1080×1350px (4:5)
Stories 1080×1920px · logo en esquina sup. izq.
Tipografía en diseño Playfair Display + Source Sans Pro
Color dominante Beige cálido o blanco hueso como fondo
Emojis Max. 1–2 por post. Ninguno en feed estático.
Hashtags Max. 8 · en comentario, nunca en caption
Web Squarespace
Logo en header SVG · altura max. 40px · variante principal
Color fondo base #F7F4EE (blanco hueso)
Secciones alternas #F2EBD9 (beige suave)
Botón CTA primario Fondo #3D6B4F · texto #F7F4EE · 14px bold
Fuente H1 Playfair Display · 56px · 400
Fuente cuerpo Source Sans Pro · 17px · 400 · #4A5550
Imágenes WebP · max. 200kb · relación 4:3 o 16:9
Newsletter Mailchimp
Ancho máximo 600px
Logo en header PNG · 200px ancho · variante sobre beige
Fondo email #F2EBD9 exterior · #F7F4EE contenido
H1 email Georgia (fallback serif) · 28px · #1E2420
Cuerpo email Arial, Helvetica · 15px · #4A5550 · 1.65
Botón Bg #3D6B4F · texto blanco · padding 14px 28px
Footer Fondo #1E2420 · texto #A8C4B0 · 12px
Presentaciones Google Slides
Formato 16:9 · 1920×1080px
Portada Fondo verde musgo · logo inverso · H1 blanco hueso
Slides interiores Fondo blanco hueso · texto #1E2420
Slide de sección Fondo beige cálido · número en verde musgo
Fuente titulares Playfair Display · 36–48px
Fuente cuerpo Source Sans Pro · 18–22px
Logo en slides Esquina inf. derecha · 80px ancho · opacidad 70%
07 — 08

Co-branding y Usos Prohibidos

Reglas de Co-branding

Regla Especificación
Ratio de tamaño El logo de Verda Studio nunca puede ser más pequeño que el logo del partner. Máximo: logo partner = 80% del tamaño de Verda. Mínimo: ambos al 100%.
Separación Entre logos: barra vertical neutra (#8A9E96) o espacio equivalente a 2× la altura del logo de Verda. Nunca logos pegados.
Fondo co-branded Usar siempre fondo neutro (blanco hueso o beige cálido). No usar fondos de colores del partner que entren en conflicto con la paleta Verda.
Aprobación previa Todo material co-branded debe ser aprobado por dirección de Verda Studio antes de publicación o impresión. Plazo: 72h.
Posición Verda Studio siempre a la izquierda o arriba en materiales en castellano/catalán. Derecha solo si el partner es el host del evento.

Usos Prohibidos — Lo que nunca debe hacerse

verda studio
Logo sobre negro puro
El logo nunca va sobre #000000. Solo sobre las variantes aprobadas (verde musgo, beige, blanco hueso).
verda studio
Degradados en el logo
Ni en el símbolo ni en el logotipo. El logo es siempre color plano, nunca degradado.
verda studio
Distorsión del logo
No estirar, comprimir ni rotar el logo. Escalar siempre de forma proporcional manteniendo el aspect ratio.
VERDA STUDIO
Nombre en mayúsculas o fuente distinta
El nombre va siempre en minúsculas y en Playfair Display. Nunca "VERDA STUDIO" ni con fuentes sustitutas.
verda studio
Sombras o efectos en logo
Sin sombras paralelas, brillos, biselados ni efectos 3D. El logo es limpio y plano en todo momento.
verda studio
Logo por debajo del tamaño mínimo
En digital: mínimo 120px de ancho para logo completo. En impresión: mínimo 35mm. Debajo de ese tamaño, usar solo el icono.