El sistema, en vivo
Seis colores tibios y desaturados, dos familias tipográficas y un sello. Si algo que estás haciendo no encaja acá, vale la pena preguntarse si hace falta.
La paleta
Tinta
#3B362F
El trazo del logo. Texto y botón principal.
Papel
#F7F6F3
El fondo de todo. El color que más se ve.
Arena
#E9DFD9
El fondo de las fotos de producto.
Rosa polvo
#C49F9B
Filetes y detalles, nunca fondo de texto.
Salvia
#9DA095
Lo que salió bien: disponible, confirmado.
Ladrillo
#8E3F2B
La advertencia: última unidad, vendida.
La jerarquía
- Cada prenda, una sola vez
- Título mayor · Bodoni
- Recién llegadas
- Título de sección · Bodoni
- Vestidos de verano
- Subsección · Bodoni
- Blusa de lino crudo, talla M
- Nombre de prenda · Hanken
- Lino lavado, hombros caídos y botones de concha.
- Texto corrido · Hanken
- Entregas en San Salvador el mismo día.
- Texto menor · Hanken
- Pieza única · Talla M
- Versalitas · Hanken
- $42.00
- Precio · Hanken
Los precios van en cifras de ancho fijo para que una columna quede alineada. La única cifra en serif de todo el sistema es el sello.
El sello
Disponible
Apartada
Vendida
Apilado, para la ficha
Esquina de foto
Un solo sello por bloque. Dos sellos juntos dejan de ser una firma y se vuelven decoración.
Los controles
Un botón, de una a tres palabras. Nunca en versalitas. Sin esquinas redondeadas, porque el logotipo tampoco las tiene.
Los dos fondos
Papel
El fondo de todo. El color que más se ve.
Arena
El segundo y último. Fondo de las fotos de producto y de los bloques que necesitan separarse.
Dos fondos por pantalla, máximo. No existe un tercer gris: en el tema, card, popover, muted y accent apuntan todos a este par.
Las dos marcas
Logotipo · primera vez
Isotipo · firma corta