Ir al contenido

Colores y tipografías

El tema reúne los colores, las fuentes y las formas de la marca. Se configura en Diseño, Tema. Todas las secciones y presets de Reskyt usan estos valores, así que al cambiar uno cambian todas las secciones a la vez.

La pantalla tiene los botones Restablecer todo, Guardar borrador y Publicar, y a la derecha una Vista previa con el resultado.

Pantalla Tema del backoffice con la lista de colores, el apartado de tipografía y la vista previa a la derecha

Cada color muestra Por defecto mientras no se ha cambiado.

ColorPara qué sirve
TextoEl texto principal.
Texto secundarioTextos de apoyo, como las descripciones.
FondoEl fondo de las páginas.
Fondo de tarjetas y bloquesEl fondo de tarjetas y bloques dentro de la página.
BordesLos bordes y separadores.
Color de marcaEl color principal de la marca, por ejemplo el de los botones.
Texto sobre el color de marcaEl texto que va encima del color de marca.
Color de acentoUn segundo color para destacar elementos.
Texto sobre el color de acentoEl texto que va encima del color de acento.
Rebajas y descuentosPrecios rebajados y descuentos.
Enlaces en el textoLos enlaces dentro de un texto.

En Tus fuentes, el botón Subir fuente añade las fuentes de la marca:

  • Formatos: woff2 (recomendado), woff, ttf u otf, hasta 5 MB por archivo.
  • También se puede subir un kit de fuentes en .zip. Su hoja de estilos da nombre a cada fuente.
  • Se sube un archivo por grosor y estilo, por ejemplo Regular, Bold e Italic, todos con el mismo nombre.

Las fuentes subidas se pueden elegir en el tema, en el editor de páginas y en el menú. En el tema se eligen la Fuente del texto, la Fuente de los títulos y el Grosor de los títulos.

AjusteQué controla
Radio de las esquinasLo redondeadas que son las esquinas.
Esquinas de los botonesEl redondeo de los botones. Con 999px, el botón tiene forma de píldora.
Espaciado baseEl espaciado de referencia entre elementos.

Guardar borrador guarda los cambios sin tocar la app. Publicar los lleva a la app. La pantalla indica si el tema guardado ya está en la app, y el editor de páginas muestra un aviso cuando el tema tiene un borrador sin publicar. El proceso general está en Previsualizar y publicar.