Página de inicio de sesión de Kontainer con opciones de diseño en una ventana emergente: logotipo, texto y presets de color


Personalizar el diseño es la clave para que Kontainer sea una extensión natural de tu organización y refleje tu imagen y tu estilo.

Estos son los aspectos principales del diseño:

  • Logotipo y fuentes
  • Colores y presets
  • Diseño de las carpetas
  • Funciones de CMS de las carpetas
  • Información de contacto y enlaces sociales

Nota: no se admiten el modo oscuro, el CSS personalizado ni los diseños de derecha a izquierda (RTL).

Usa esta guía para configurar tu Kontainer nuevo y vuelve a ella para hacer ajustes más adelante. Si echas algo en falta o quieres inspiración, escribe al equipo de Customer Success.


Guías relacionadas

Crear páginas de destino personalizadas | Añadir una sección de contacto | Guía de plantillas de descarga

Enlaces de inspiración

Sugerencias de diseño para el Page Editor | Guía de marca


Aspecto general

Tanto si usas Kontainer como banco de imágenes, portal de marca, DAM o PIM, adaptarlo a la identidad visual de tu organización es sencillo y marca una gran diferencia para los usuarios.

Presets de marca

Antes de empezar a diseñar tu Kontainer, te recomendamos definir de antemano los estilos de texto y los colores de marca. Así elegir colores mientras personalizas el aspecto de tu Kontainer es rápido y fácil, y también lo es crear elementos de texto en el Page Editor, la función de CMS de carpetas de Kontainer.

Ve a Ajustes → Apariencia → Presets de marca.

Fuentes de marca: si quieres añadir otras fuentes a tu Kontainer, envíanoslas.

Recuerda guardar los cambios.

Ajustes de presets de marca de Kontainer

Página de inicio de sesión

Causa una buena impresión y guía a los usuarios en tu página de inicio de sesión con una imagen de fondo llamativa y el mensaje que necesites.

Página de inicio de sesión de Kontainer con la imagen de fondo y el mensaje de bienvenida resaltados

Imagen de fondo

Para cambiar la imagen de fondo, ve a Ajustes → Apariencia → General y baja hasta el final.

Formatos admitidos: JPG y PNG.

Tamaño máximo: 3000 x 2000 px

Favicon: se puede añadir debajo de la imagen de fondo. Un favicon es el pequeño símbolo que se muestra junto al título del navegador; mira la imagen del apartado «Mensaje de bienvenida y título del navegador», más abajo.

Ajustes de la imagen de fondo y del favicon de Kontainer

Puedes añadir un aviso legal y unos términos que se muestren en la página de inicio de sesión, con traducciones por idioma.

Mensaje de bienvenida y título del navegador

Para añadir un mensaje de bienvenida o un texto de orientación, ve a Ajustes → Configuración → General.

Aquí también puedes personalizar el título del navegador.

Recuerda guardar los cambios.

Ajustes del mensaje de bienvenida y del título del navegador de Kontainer

Plantillas de correo

Puedes personalizar los textos de los correos de bienvenida, de inicio de sesión y de permisos, cada uno con traducciones por idioma.

Logotipo

Para añadir tu logotipo, vuelve a Ajustes → Apariencia → General.

El logotipo se muestra en la pantalla de inicio de sesión, en la barra de menú superior izquierda de Kontainer y en los correos que envía el sistema.

Formatos admitidos: SVG y PNG.

Recuerda guardar los cambios.

Ajustes del logotipo de Kontainer

Ajustes de color

Los ajustes de color se encuentran también en Ajustes → Apariencia → General.

En general, recomendamos usar colores de fondo claros y colores de fuente más oscuros.

También puedes definir un logotipo alternativo (con su propia ubicación y color de fondo), el color de fuente de los botones y los colores de los menús: el fondo y la fuente del menú global, y el fondo y la fuente del menú de carpetas.

El color de fondo principal y su color de realce de bajo contraste controlan el fondo general de la página y los acentos sutiles.

Recuerda guardar los cambios.

Ajustes de color de Kontainer

Fuente del sistema

Debajo de los ajustes de color puedes cambiar la fuente del sistema.

Fuentes de marca: si quieres añadir otras fuentes a tu Kontainer, envíanoslas. Para añadir una fuente del sistema nueva necesitamos las variantes Regular (400) y Bold (700) y, para una visualización óptima, también Medium (500) y Light (300).

Ajustes de la fuente del sistema de Kontainer

Ajustes del menú de carpetas

Para personalizar el aspecto del menú de carpetas se combinan las opciones de márgenes de Ajustes → Apariencia → General y las opciones de separadores que encontrarás al hacer clic con el botón derecho sobre las carpetas del propio menú de carpetas.

Ajustes del menú de carpetas de Kontainer

Al crear usuarios puedes elegir si este menú queda visible u oculto. Más información en la guía aquí.

Ocultar el menú de carpetas de Kontainer

Opciones de diseño

Otras opciones de diseño son un menú izquierdo ancho, un ancho máximo de visualización, la alineación del texto de las carpetas, ocultar los nombres de archivo y un interruptor para los enlaces sociales.


Opciones de visualización de archivos y carpetas

Órdenes de clasificación

El orden de presentación predeterminado de tus archivos y carpetas se gestiona en Ajustes → Configuración → General.

Elige entre:

  • Nombre (orden alfabético)
  • Tamaño (tamaño original del archivo)
  • Subida (fechas)
  • Personalizado (manual)

Ajustes del orden de archivos y carpetas de Kontainer

Además del orden predeterminado general, el orden dentro de cada carpeta se gestiona haciendo clic con el botón derecho sobre la carpeta y eligiendo Configurar carpeta.

Configurar carpeta en Kontainer

Y los usuarios pueden cambiar el orden de visualización mientras navegan por las carpetas.

Opciones de orden para los usuarios de Kontainer

Visualización de archivos

Aquí también eliges la visualización de archivos predeterminada. Hay tres opciones.

De nuevo, estos ajustes se pueden cambiar carpeta por carpeta (consulta Configurar carpeta más arriba) y los usuarios también pueden cambiarlos mientras navegan.

Cuadros (vistas previas del mismo tamaño)

Vista de archivos en cuadros de Kontainer

Lista (vista de lista estándar)

Vista de archivos en lista de Kontainer

Cuadrícula (las vistas previas se adaptan a las proporciones de la imagen o del archivo)

Vista de archivos en cuadrícula de Kontainer

Visualización de carpetas

En este apartado veremos cómo dar estilo a tus carpetas, es decir, cómo se muestran en las vistas generales.

Ejemplos de visualización de carpetas de Kontainer DAM

Los ajustes de visualización de carpetas predeterminados están en Ajustes → Apariencia → Carpetas.

El ejemplo de carpeta va mostrando tus elecciones a medida que las haces. Estos presets se aplicarán a partir de ese momento a todas las carpetas que crees.

Visualización de carpetas predeterminada de Kontainer DAM

La capa de color de la carpeta es una máscara de color opcional para las carpetas con imagen de portada, que mejora el contraste y la legibilidad.

Ejemplo de capa de color de una carpeta de Kontainer

Para cambiar a mano los ajustes de una carpeta, haz clic con el botón derecho sobre ella o usa el menú Más para abrir Vista de carpeta.

Definir la vista de carpeta en Kontainer DAM

Hay tres tamaños de visualización de carpetas:

Tamaños de carpeta de Kontainer DAM

Si quieres que los nombres de las carpetas se muestren sobre las carpetas y no debajo, elige la opción Gráficos de carpeta → Nombre de carpeta grande.

Después, elige la fuente y el tamaño.

Ajustes de nombre de carpeta grande de Kontainer DAM

Recuerda guardar los cambios.

Otras opciones de personalización son el tamaño de visualización de los archivos, los nombres de archivo y el estilo de las esquinas de las carpetas y de los elementos de diseño.

Si tienes preguntas sobre el diseño, escríbenos.


Funciones de CMS de las carpetas

Las funciones del Page Editor convierten las carpetas en guías, notas de prensa, presentaciones de producto, páginas de destino y mucho más. Consulta la guía de diseño completa aquí.

Lo encontrarás en la esquina superior derecha de tus carpetas.

Acceder al Page Editor en Kontainer DAM
Desde ahí puedes añadir cuadros de contenido y empezar a crear tus diseños. Encuentra inspiración y consulta la guía de diseño completa aquí.

Usar el Page Editor en Kontainer DAM

Usa tus presets de texto y de color para crear contenidos atractivos y coherentes con rapidez.

Usar los presets de marca en el Page Editor de Kontainer


Gestionar el acceso

Recuerda: los usuarios no ven las carpetas hasta que se les concede acceso. Para saber más sobre el acceso, consulta nuestra guía de permisos aquí.

Protecciones al compartir y papelera

Puedes impedir que se copie la URL en un enlace para compartir o en un usuario compartido, y hacer que la papelera se vacíe automáticamente pasado el número de días que elijas.


Guías relacionadas

Crear páginas de destino personalizadas | Añadir una sección de contacto | Guía de plantillas de descarga

Enlaces de inspiración

Sugerencias de diseño para el Page Editor | Guía de marca


Si tienes preguntas sobre el diseño o quieres más inspiración, escribe al equipo de Customer Success.