Sistema de color

Paleta de colores

Una sola paleta para toda la tienda. Cada categoría tiene cuatro tonos: el fuerte es solo el punto, el medio va en manchas y al pasar el mouse, el suave en fondos y el oscuro en el punto activo y los bordes de color. Los números son el contraste medido de cada combinación.

Categorías

Bebés
Fuerte#f5b800

Punto de categoría

Medio#ffdf85

Hover; texto tinta 13,45

Suave#fff1c2

Fondos; texto oscuro 5,25

Oscuro#8a5a00

Sobre blanco 5,93

Juegos de mesa
Fuerte#f2765c

Punto de categoría

Medio#ffc9b5

Hover; texto tinta 11,89

Suave#ffe7dc

Fondos; texto oscuro 5,77

Oscuro#ac2815

Sobre blanco 6,84

Educativos
Fuerte#8b7cf6

Punto de categoría

Medio#d6cdf6

Hover; texto tinta 11,59

Suave#ece8fb

Fondos; texto oscuro 8,12

Oscuro#4b2e9a

Sobre blanco 9,74

Muñecas y peluches
Fuerte#e2558f

Punto de categoría

Medio#f7bcd4

Hover; texto tinta 10,91

Suave#fde4ee

Fondos; texto oscuro 6,57

Oscuro#9d174d

Sobre blanco 7,88

Vehículos
Fuerte#3aa6dc

Punto de categoría

Medio#bfe1f3

Hover; texto tinta 12,72

Suave#e3f3fb

Fondos; texto oscuro 8,38

Oscuro#0b4a6b

Sobre blanco 9,52

Aire libre
Fuerte#6fb75c

Punto de categoría

Medio#c4e4b1

Hover; texto tinta 12,56

Suave#e2f3d9

Fondos; texto oscuro 6,97

Oscuro#2c5a20

Sobre blanco 8,11

Arte y manualidades
Fuerte#2fb38f

Punto de categoría

Medio#b6e3d6

Hover; texto tinta 12,45

Suave#dff4ee

Fondos; texto oscuro 5,55

Oscuro#1f6b57

Sobre blanco 6,37

Marcas
Fuerte#a39b91

Punto de categoría

Medio#f3ede2

Hover; texto tinta 15,01

Suave#f3ede2

Fondos; texto oscuro 8,82

Oscuro#44403c

Sobre blanco 10,27

Regalitos
Fuerte#f87171

Punto de categoría

Medio#fee2e2

Hover; texto rojo 700 5,30

Suave#fee2e2

Fondos; texto oscuro 5,30

Oscuro#b91c1c

Sobre blanco 6,47

Neutros

Tinta#1c1917

Títulos y texto principal. Sobre blanco 17,49

Tinta 2#44403c

Texto secundario. Sobre blanco 10,27

Tinta 3#57534e

Antetítulos y texto suave sobre fondos de color. Sobre blanco 7,63

Tinta 4#6b645d

Datos pequeños, solo sobre blanco, crema o arena. Sobre blanco 5,82

Línea#78716c

Borde de campos y botones, nunca texto. Sobre blanco 4,80

Anillo#efe6d8

Contorno de tarjetas

Divisor#d6cbb9

Líneas finas

Arena#f3ede2

Etiqueta de precio y bloques neutros

Crema#faf6ef

Fondo de la página

Blanco#ffffff

Tarjetas y barras

Tinta hover#433c37

Botón oscuro al pasar el mouse. Sobre blanco 10,82

Cielo#d6eefa

Fondo de la cabecera

Rojos, banco y stickers

Rojo 600#dc2626

Solo rellenos: botones y la burbuja del carrito. Blanco encima 4,83

Rojo 700#b91c1c

Precios, enlaces y texto rojo. Blanco encima 6,47

Rojo 800#991b1b

Enlace y botón al pasar el mouse. Blanco encima 8,31

Rojo 50#fee2e2

Fondo de Regalitos

Rojo 300#fca5a5

Texto rojo sobre tinta, en la barra oscura del menú. Sobre tinta 9,21

Rojo 400#f87171

Solo decoración

BBVA#0b3aa0

Etiqueta del banco. Blanco encima 9,87

Grafito#23272e

Etiqueta de tarjetas Infinite, Platinum y Black. Blanco encima 14,99

BBVA 50#e3ecfb

Fondo celeste, solo sobre blanco

Sticker#facc15

Stickers de la foto, con texto #422006

Reglas

  1. 1Fondos de banda: el tono suave de una categoría o el cielo. Manchas y cintas: el medio. Garabatos: el fuerte, solo lejos del texto. Nubes: blanco.
  2. 2El fondo de la foto de un producto es el tono suave de su categoría.
  3. 3El color fuerte es solo el punto de la categoría: nunca lleva texto, borde ni estado.
  4. 4El texto va en tinta, tinta 2 o tinta 3. Tinta 4 solo sobre blanco, crema o arena. Precios y enlaces en rojo 700; el rojo 600 nunca es texto.
  5. 5Los títulos y etiquetas van en tinta; el color de la categoría es el punto.
  6. 6Al pasar el mouse el fondo toma el tono medio y el texto sigue en tinta; el punto pasa al oscuro.
  7. 7La página actual del menú va en tinta con texto blanco: se distingue sin depender del color.
  8. 8Tamaño mínimo: 10 px en etiquetas, 11 px en el resto y 12 px en precios y precios tachados.