Configuración de los colores de la App

Estos son los colores base del ecommerce. Todos los componentes que no tengan configurado su color tomará como base estos colores.

Por defecto vienen estos colores configurados que luego podremos modificar.

• Color Fondo Base: Color de fondo del ecommerce.
• Color Texto Base: Color base de la fuente global.
• Tipografía Base: Tipografía del ecommerce.
• Color Texto Header: Color de texto de los titulares.
• Tipografía Header: Tipografía de los titulares.
• Color Texto Importante: Se utiliza para algunos textos de bloques.
• Tipografía Texto Importante: Se utiliza para algunos textos de bloques.
• Color Error: Se usa para indicar elementos que el usuario debe tener en cuenta, como errores o problemas.
• Color Texto Error: Se usa para indicar elementos que el usuario debe tener en cuenta, como errores o problemas.
• Color Success: Se usa para indicar la finalización exitosa de una acción que el usuario inició, como enviar un formulario o guardar un archivo.
• Color Texto Success: Se usa para indicar la finalización exitosa de una acción que el usuario inició, como enviar un formulario o guardar un archivo.
• Color Warning: Se usa para representar acciones potencialmente peligrosas o mensajes importantes, como borrar datos o cambiar configuraciones.
• Color Texto Warning: Se usa para representar acciones potencialmente peligrosas o mensajes importantes, como borrar datos o cambiar configuraciones.
• Color Link
• Color Texto Link
• Color Call-To-Action: Botones de compra o botones para que el usuario realice una acción importante.
• Color Texto Call-To-Action: Botones de compra o botones para que el usuario realice una acción importante.
• Color Primario: Se utiliza para algunos textos de bloques.
• Color Texto Primario: Se utiliza para algunos textos de bloques.
• Color Secundario: Se utiliza para algunos textos de bloques.
• Color Texto Secundario: Se utiliza para algunos textos de bloques.
• Color Descuentos: Aplica a todos los textos que sean descuento. Ej: 10%OFF.
• Color Texto Descuentos: Aplica a todos los textos que sean descuento. Ej: 10%OFF.
• Color Offer: Aplica a todos los textos y números que representen un tiempo limitado.
• Color Texto Offer: Aplica a todos los textos y números que representen un tiempo limitado.
• Color Texto Precio: Aplica a todo lugar donde haya un precio.

Shop

Los colores del Shop se configuran en base a la elección de los siguientes colores de la App.

1

2

3

• 1. Color base.
• 2. Color texto base
• 3. Color link

HACER UNA IMAGEN CORRECTA