El sistema, en vivo
Los dos colores del logo y cinco que los acompañan, 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
Malva
#AB727A
El trazo del logo. Acentos y filetes, nunca fondo de texto.
Rosa
#E5C4C9
El fondo del logo. Cada borde de la tienda, y el icono.
Tinta
#3D2B30
Texto y botón principal. Un ciruela casi negro.
Papel
#FAF6F5
El fondo de todo. El color que más se ve.
Rubor
#F2E4E5
El segundo fondo: fotos de producto y bloques aparte.
Salvia
#9DA095
Lo que salió bien: disponible, confirmado.
Vino
#8C3A4A
La advertencia: vendida, lo que no tiene vuelta.
La jerarquía
- Poca ropa, bien elegida
- 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.
Rubor
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 tercero: en el tema, card, popover, muted y accent apuntan todos a este par.
Las dos marcas
Logotipo · primera vez
Isotipo · firma corta
Este aparato
Para cuando la tienda instalada abra en negro en un iPhone: iOS solo usa la pantalla de arranque si hay una imagen con la medida exacta que el aparato reporta, y el «Zoom de pantalla» cambia esa medida. Abrir esta página en el teléfono dice cuál es.