--- title: "Guías de Estilo, arte o style guides: Una solución para marcas y licencias" description: Una style guide es un manual con lineamientos gráficos, paletas de color, tipografías, assets e íconos con el cual tu marca puede desarrollar productos. image: https://blog.losdeidea.com.mx/hubfs/imagen1-1.png --- [![los-de-idea-negro](https://blog.losdeidea.com.mx/hs-fs/hubfs/BLOG/los-de-idea-negro.png?width=97&height=55&name=los-de-idea-negro.png "los-de-idea-negro")](https://losdeidea.com.mx/) - [HOME](https://losdeidea.com.mx/) - [NOSOTROS](https://losdeidea.com.mx/nosotros/) - [SERVICIOS](https://losdeidea.com.mx/servicios/) - [PROYECTOS](https://losdeidea.com.mx/proyectos/) - [CLIENTES](https://losdeidea.com.mx/clientes/) - [BLOG](https://blog.losdeidea.com.mx) - [CONTACTO](https://losdeidea.com.mx/contacto/) - [HOME](https://losdeidea.com.mx/) - [NOSOTROS](https://losdeidea.com.mx/nosotros/) - [SERVICIOS](https://losdeidea.com.mx/servicios/) - [PROYECTOS](https://losdeidea.com.mx/proyectos/) - [CLIENTES](https://losdeidea.com.mx/clientes/) - [BLOG](https://blog.losdeidea.com.mx) - [CONTACTO](https://losdeidea.com.mx/contacto/) # Guías de Estilo, arte o style guides: Una solución para marcas y licencias Escrito por [Melissa Villalobos](https://blog.losdeidea.com.mx/author/melissa-villalobos) el 21/06/22 18:04 ![Melissa Villalobos](https://blog.losdeidea.com.mx/hubfs/Melissa-Villalobos.webp) - [Tweet](https://twitter.com/share) ![Guía de arte: Una solución para marcas y licencias](https://blog.losdeidea.com.mx/hs-fs/hubfs/imagen1-1.png?width=750&name=imagen1-1.png)   ¿Sabes qué es una guía de estilo? Más que un manual que detalla la identidad de una marca, la guía de estilo o style guide es una herramienta para desarrollar líneas de producto alineadas con la imagen y filosofía de una marca. Estos documentos definen pautas visuales y lineamientos de contenido con el objetivo de crear colecciones de productos licenciados que aporten mayor valor a la relación del usuario con la marca y que fortalezcan su estrategia omnicanal. ## **¿CÓMO FUNCIONA UNA GUÍA DE ESTILO?** Las guías de estilo, también conocidas como guías de arte, buscan conducir de forma clara y unificada a diseñadores, redactores, creativos, licenciatarios y otros grupos de interés por medio de los usos permitidos e indebidos en el desarrollo de propuestas visuales o productos. Aunque no son un reglamento estricto, pretenden brindar de forma resumida todo lo necesario para conocer mejor a la marca y crear productos que aporten valor a la experiencia de compra del usuario. A continuación, vamos a explorar contigo cómo funcionan las guías de estilo, cuál es el proceso para desarrollarlas y cómo crear una línea de productos licenciados a través de las mejores prácticas.   ## **ELEMENTOS DE LAS GUÍAS DE ESTILO** Hasta las guías de estilo más simples deben considerar ciertos elementos para brindar claridad a quienes trabajen con ellas, algunos elementos clave a tomar en cuenta serían:   ### **Paleta de colores** Una [paleta de colores](https://www.adobe.com/es/express/feature/design/color-palette) establece la variedad de colores utilizados en las piezas gráficas de la guía y sus aplicaciones, está compuesta por una selección de colores y/o tonos principales (paleta primaria) y otros complementarios (paleta secundaria). Para que sea posible replicar los tonos exactos, siempre se debe incluir el nombre de los tonos y el código hexadecimal para cada color. ![Paleta de colores](https://blog.losdeidea.com.mx/hs-fs/hubfs/imagen2-1.png?width=750&name=imagen2-1.png)   ### **Tipografías** Estas son los [tipos de fuente](https://blog.hubspot.es/marketing/que-es-tipografia) que estaremos usando para los textos; una guía de estilo debe mostrar el uso que tendrá la fuente en cuanto a estilo, tamaño y grosor para mantener la coherencia.  Generalmente, una guía de estilo utiliza de una a tres tipografías distintas, incluyendo aplicaciones de los estilos para títulos, subtítulos y cuerpos de texto en planos digitales e impresos. ![imagen3-3](https://blog.losdeidea.com.mx/hs-fs/hubfs/imagen3-3.png?width=750&name=imagen3-3.png)   ## **Assets visuales** Los assets visuales son ilustraciones, imágenes y/o fotografías que ayudan a definir el estilo gráfico de tu marca. Estos consideran el uso de distintas poses de personajes o de elementos representativos de la franquicia, pudiendo incluir editoriales o frases, según las necesidades de la marca. ![imagen4-2](https://blog.losdeidea.com.mx/hs-fs/hubfs/imagen4-2.png?width=750&name=imagen4-2.png)   ### **Iconografía** Los [íconos](https://www.domestika.org/es/courses/708-introduccion-al-diseno-de-iconos/units/3703-introduccion-al-mundo-de-los-iconos/lessons/11735-historia-sobre-la-iconografia-y-los-pictogramas) son símbolos simplificados de una franquicia. Pueden ser utilizados para crear patrones, para plataformas digitales o materiales impresos secundarios. Los pequeños detalles en la iconografía pueden crear una gran diferencia, por lo que es recomendable crear símbolos universales y fáciles de entender; manteniendo la coherencia visual establecida en los demás materiales de la guía de estilo. ![Iconografía](https://blog.losdeidea.com.mx/hs-fs/hubfs/imagen5.png?width=750&name=imagen5.png)   ### **Aplicaciones** Finalmente, las aplicaciones son una visualización de cómo se verá tu guía aplicada en la creación de productos y experiencias retail. Haciendo uso de renders 2D y 3D, es posible ejemplificar etiquetas, empaques, [materiales POP](https://blog.losdeidea.com.mx/como-asegurar-que-tu-producto-sea-atractivo-en-el-punto-de-venta) y otras aplicaciones que servirán como guía a los licenciatarios para la creación de sus productos. ![imagen6-1](https://blog.losdeidea.com.mx/hs-fs/hubfs/imagen6-1.png?width=750&name=imagen6-1.png)   ## **CÓMO CREAR UNA GUÍA DE ESTILO** Cualquier marca tiene la capacidad de crear una guía de estilo que se ajuste a sus necesidades, y aunque no existe una metodología establecida, te recomendamos descargar el Style Guide Model Canvas de IDEA que diseñamos especialmente para especialistas del marketing, creativos, influencers, y tomadores de decisiones. ![Pasos para crear una guía de arte](https://blog.losdeidea.com.mx/hs-fs/hubfs/imagen7.png?width=750&name=imagen7.png)   Con el canvas podrás establecer: - OBJETIVOS DE NEGOCIO - TARGET O CONSUMIDOR - PROBLEMAS O PUNTOS DE DOLOR - UNIQUENESS - DISEÑO - VOZ DE MARCA - STORYTELLING - EMOCIONES - KPIs Esta información te será de utilidad para conectar tu ideas con los objetivos de negocio, investigar más allá de la inspiración, bocetar ideas, determinar lineamientos de marca y revisar que sean cumplidas por tus nuevos productos. ¡Además su descarga es gratuita y la recibes antes de que termines de leer este artículo!   [![Descarga el Style Guide Model Canvas](https://no-cache.hubspot.com/cta/default/2999027/0b595750-8b89-441d-aeb7-25f734592d7d.png)](https://cta-redirect.hubspot.com/cta/redirect/2999027/0b595750-8b89-441d-aeb7-25f734592d7d)   ## **¿QUÉ SIGUE?** Más vale una decisión basada en datos que cientos de corazonadas. En IDEA hemos integrado diversas técnicas basadas en [neuromarketing](https://blog.losdeidea.com.mx/el-neuromarketing-en-tus-ventas),  como el eye tracking, emotional face coding, Inteligencia Artificial y otras herramientas de validación, para detectar insights significativos desde las primeras etapas del desarrollo.  Contáctanos y haz realidad tus objetivos de negocio con el potencial ilimitado de la creatividad estratégica . [![Contáctanos](https://no-cache.hubspot.com/cta/default/2999027/b89ed1e1-d0e4-42cc-ac1d-c1d02ed39c87.png)](https://cta-redirect.hubspot.com/cta/redirect/2999027/b89ed1e1-d0e4-42cc-ac1d-c1d02ed39c87) Temas: [Branding & Diseño](https://blog.losdeidea.com.mx/topic/branding-diseño) ### Artículos recientes --- ### Suscríbete a nuestro Blog ### Suscríbete a nuestro Blog ### Artículos recientes ### Artículos por temas - [Marketing Digital (14)](https://blog.losdeidea.com.mx/topic/marketing-digital) - [Branding & Diseño (11)](https://blog.losdeidea.com.mx/topic/branding-diseño) - [Content & CRM (10)](https://blog.losdeidea.com.mx/topic/content-crm) - [Producto & Retail (10)](https://blog.losdeidea.com.mx/topic/producto-retail) - [Procesos Creativos (9)](https://blog.losdeidea.com.mx/topic/procesos-creativos) - [Social Media & Video (7)](https://blog.losdeidea.com.mx/topic/social-media-video) - [IA & Innovación (3)](https://blog.losdeidea.com.mx/topic/ia-innovación) - [Sustentabilidad (2)](https://blog.losdeidea.com.mx/topic/sustentabilidad) - [UX & Web (2)](https://blog.losdeidea.com.mx/topic/ux-web) [![Los de Idea](https://blog.losdeidea.com.mx/hs-fs/hubfs/Landings/logo-idea.png?width=120&name=logo-idea.png "Los de Idea")](https://losdeidea.com.mx/) - [Facebook.](https://www.facebook.com/losdeidea/) - [LinkedIn.](https://www.linkedin.com/company/los-de-idea-sc) - [Instagram](https://www.instagram.com/losdeidea/) - [Behance](https://www.behance.net/losdeidea) ![platinum-horizontal-hubspot-1](https://blog.losdeidea.com.mx/hs-fs/hubfs/Landings/platinum-horizontal-hubspot-1.png?width=500&name=platinum-horizontal-hubspot-1.png "platinum-horizontal-hubspot-1") - [Home](https://losdeidea.com.mx/) - [Nosotros](https://losdeidea.com.mx/nosotros/) - [Servicios](https://losdeidea.com.mx/servicios/) - [Proyectos](https://losdeidea.com.mx/proyectos/) - [Clientes](https://losdeidea.com.mx/clientes/) - Blog - [Contacto](https://losdeidea.com.mx/contacto/) **Dirección** Guty Cárdenas 65-A, Guadalupe Inn, C.P. 01020, CDMX [Mapa](https://losdeidea.com.mx/contacto/#mapa-idea) [(55) 5660.0068](tel:%2056600068) [Aviso de Privacidad](https://losdeidea.com.mx/aviso-de-privacidad/)