# Marca para tu tienda online: parece marca, no un listado [Canonical HTML page](https://gradiently.design/es/guide/dropshipping-store-branding) Si tus productos se pueden comprar en otras diez tiendas, la marca es lo único que es tuyo. Aquí tienes cómo construirla en cinco decisiones y cómo mantener cada anuncio y ficha de producto dentro de ella. ## The short version - La marca de una tienda online se reduce a cinco decisiones: un nombre y logotipo tipográfico, un sistema de color, un fondo de producto, dos fuentes y un estilo de anuncios coherente. - Las tiendas que venden los mismos productos que la competencia dependen más de la marca que la mayoría, porque es lo único que un cliente no encuentra en otro sitio. - Un pequeño sistema de color con un color de fondo, un acento y un neutro es más fácil de mantener coherente que una paleta grande. - Poner todos los productos sobre el mismo fondo es la forma más rápida de que una tienda parezca una marca y no un conjunto de fotos de proveedor. - Los anuncios, las imágenes de producto y las publicaciones en redes deben compartir colores, tipografía y fondo para que el cliente reconozca la tienda donde sea que la vea. La **marca de una tienda online** es lo que hace que un comprador confíe lo bastante para comprar y la recuerde lo bastante para volver. En la mayoría de tiendas se reduce a cinco decisiones: un nombre con un logotipo tipográfico sencillo, un pequeño sistema de color, un fondo sobre el que se apoya cada producto, una pareja de tipografías y anuncios que siguen las mismas reglas. Las tiendas que venden productos disponibles en otros sitios, como las de dropshipping y de impresión bajo demanda, lo necesitan más, porque la marca es lo único que un competidor no puede copiar del mismo proveedor. ## Por qué las tiendas online parecen listados Un listado es un producto con un precio. Una marca es un punto de vista sobre para quién es el producto. Las tiendas parecen listados cuando usan las fotos del proveedor sobre blanco, un tema gratuito con sus colores por defecto, un logotipo hecho con un icono de banco de imágenes y anuncios que cambian de estilo cada semana. Ninguna de esas decisiones está mal por sí sola. Juntas dicen «aquí nadie tomó decisiones», y los compradores lo notan aunque no sepan explicarlo. ### Parece un listado - Fotos del proveedor sobre blanco liso - Botones azules por defecto del tema - Un icono de stock junto al nombre de la tienda - Cada anuncio con una plantilla distinta - Títulos de producto repletos de palabras clave ### Parece una marca - Cada producto sobre un único fondo distintivo - Botones y enlaces en tu color de acento - Un logotipo tipográfico limpio en una fuente elegida - Anuncios que comparten una composición y un fondo - Nombres de producto que una persona diría en voz alta ## Paso 1: elige un nombre y un logotipo tipográfico Una tienda nueva rara vez necesita un símbolo. Un logotipo tipográfico, el nombre de la tienda bien compuesto en una sola fuente, es más claro, se lee mejor en tamaño de favicon y es más difícil de estropear. Elige una fuente con carácter, escribe el nombre con ella, ajusta a ojo el espacio entre letras y para ahí. [El diseño de logotipos tipográficos](https://gradiently.design/es/guide/wordmark-design) trata el espaciado y el grosor; [los fundamentos del diseño de logotipos](https://gradiently.design/es/guide/logo-design-basics) explica cuándo vale la pena añadir un símbolo más adelante. ## Paso 2: elige colores de marca que puedas mantener Las paletas grandes se deshacen en un mes. Para una tienda bastan tres funciones: un **fondo** que usan la mayoría de fondos, un **acento** para botones, precios e insignias de rebajas, y un **neutro** para el texto. Elige el acento pensando en el contraste, porque irá detrás de las etiquetas de los botones. [Cómo elegir los colores de una marca](https://gradiently.design/es/guide/how-to-choose-brand-colors) explica el razonamiento. - Fondo pino: #1b2a24 - Neutro avena: #e9e2d4 - Acento arcilla: #d9773b - Apoyo musgo: #3f6b57 - Texto tinta: #14110f Una paleta de ejemplo para una tienda de hogar: un fondo profundo, un neutro cálido, un acento para botones e insignias, un verde de apoyo y un casi negro para el texto. - Del pino a la arcilla: `linear-gradient(160deg, #1b2a24 0%, #3f6b57 60%, #d9773b 100%)` - Estudio avena: `radial-gradient(circle at 30% 20%, #f4efe6 0%, #e9e2d4 45%, #c9b99d 100%)` - Degradado avena cálido: `linear-gradient(180deg, #e9e2d4 0%, #d9773b 140%)` La misma paleta como fondos: una portada oscura, un fondo de estudio suave para fotos de producto y un degradado pálido para banners. Copia el que quieras. ## Paso 3: usa un único fondo para todos los productos Esta es la decisión que cambia más rápido una tienda. Pon cada producto, fotografiado o recortado, sobre el mismo fondo: un papel de color, un degradado suave, una superficie con textura. La cuadrícula de productos parece al instante cuidada y tus imágenes dejan de parecerse a las de la competencia que vende el mismo artículo. Recorta cada producto una vez como PNG transparente y colócalo después sobre tu fondo. [Los fondos para fotos de producto](https://gradiently.design/es/guide/product-photo-backgrounds) muestra opciones para distintos tipos de producto. | Imagen | Tamaño | Fondo | | --- | --- | --- | | Imagen de producto de Shopify | 2048×2048 px | Tu fondo de estudio, producto centrado | | Banner principal de Shopify | 1920×1080 px | Tu fondo oscuro o intenso, una línea | | Foto de anuncio de Etsy | 2700×2025 px | Fondo de estudio, producto en uso | | Publicación de Instagram | 1080×1350 px | El mismo fondo que la ficha de producto | | Anuncio en stories | 1080×1920 px | El mismo fondo, palabras en el centro | Tamaños según las subidas recomendadas de cada plataforma. Mantén el producto en el centro de las imágenes cuadradas: los temas las recortan para las cuadrículas. ## Paso 4: elige dos tipografías Una tipografía para titulares y el logotipo tipográfico, otra para todo lo demás. Una serif con carácter y una sans sencilla funcionan en la mayoría de tiendas; dos sans de grosores muy distintos también. Usa la misma pareja en la web, en los anuncios y en los insertos de los paquetes. [La combinación de fuentes](https://gradiently.design/es/guide/font-pairing) enumera combinaciones que resisten. ## Paso 5: crea anuncios a juego con la tienda Un comprador que toca un anuncio y llega a una página de otros colores se pregunta si está en el sitio correcto. Los anuncios deben usar el fondo, la tipografía y el acento de la tienda para que el clic se sienta continuo. Prueba productos y titulares distintos, no identidades visuales distintas. [El diseño de anuncios de Instagram](https://gradiently.design/es/guide/instagram-ad-design) y [el diseño de anuncios de Facebook](https://gradiently.design/es/guide/facebook-ad-design) tratan los formatos. Un anuncio vertical de ropa de cama de lino sobre un degradado cálido, con un titular de un solo beneficio El anuncio de feed: el fondo de la tienda, la fuente de titulares y un beneficio. El mismo anuncio de ropa de cama de lino compuesto como story vertical con el mismo degradado y tipografía El anuncio de stories: las mismas palabras y el mismo fondo, compuestos para 9:16. 1. **Anota las reglas** Una página: logotipo tipográfico, colores con códigos hex, fuentes, fondo de producto. Una [guía de estilo de marca](https://gradiently.design/es/guide/brand-style-guide) puede ser así de corta. 2. **Rehaz primero los diez productos principales** Tus más vendidos son los que más se ven. Ponlos sobre el nuevo fondo antes que nada. 3. **Actualiza los colores del tema** Botones, enlaces e insignias de rebajas en el acento; texto en el neutro. 4. **Reconstruye tus anuncios activos** Los mismos productos, un nuevo estilo coherente. Retira todo lo que rompa las reglas. El kit de marca de Gradiently puede guardar estas reglas por ti: logotipos, paletas, una fuente de títulos y otra de texto, tu voz y tu público. Puede leer la web de tu tienda para rellenar el nombre, el color y el icono de partida. Los diseños se apoyan en un Mark, un fondo degradado con el que solo tú puedes exportar una vez que lo reservas, así que tus publicaciones y anuncios de producto no pueden parecerse a los de nadie más. ## FAQ ### ¿Cómo creo la marca de una tienda de dropshipping? Construye un logotipo tipográfico, un sistema de tres colores y un único fondo de producto, y sustituye después las fotos del proveedor por tus productos sobre ese fondo. Mantén los anuncios en los mismos colores y tipografía para que la tienda parezca una sola marca. ### ¿Necesita logotipo una tienda online? Necesita un nombre reconocible. Un logotipo tipográfico bien compuesto suele bastar para una tienda nueva, y se lee mejor en tamaños pequeños que un símbolo detallado. ### ¿Cuántos colores de marca debe tener una tienda online? Tres funciones cubren la mayoría de tiendas: un fondo, un acento para botones y precios y un neutro para el texto. Uno o dos tonos de apoyo están bien si los usas con coherencia. ### ¿Qué fondo deben tener las fotos de producto? El mismo para todos los productos. Un fondo de color o textura constante hace que un catálogo parezca cuidado y distingue tus imágenes de las de otros vendedores del mismo artículo.