> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fintoc.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Guías de UX
Nos tomamos en serio la experiencia del cliente y la seguridad. Para asegurar tu éxito, nuestros expertos en UX/UI han creado esta guía útil para tu organización.
### Buenas prácticas
✅ Hacer:
* Usar solo imágenes proporcionadas por Fintoc incrustando la URL proporcionada.
* Usar el mismo estilo de imagen a lo largo de tu sitio.
* El texto del botón solo debe incluir terminología aprobada por Fintoc.
* Asegúrate de elegir un color de fondo que contraste con el color de la imagen.
❌ No hacer:
* No modifiques la fuente, color, radio del botón, o padding dentro del logo de ninguna manera.
* No utilices una versión png, jpg o no URL de los botones e imágenes proporcionados.
* No uses un color de fondo similar al color de la imagen.
* No añadas efectos de sombra a la imagen.
* No añadas efectos hover.
* No utilices ninguna terminología distinta a la recomendada.
### Por qué usar URLs en tu sitio web o app
Te recomendamos que uses los enlaces URL directamente en tu aplicación o sitio web para obtener la versión más actualizada de las imágenes. De esta forma no tienes que actualizar manualmente cada vez que hay un cambio.
```html theme={null}
src="https://assets.fintoc.com/?img_name=button_cl_light_trailing"
```
### Dentro del flujo de conexión
**Terminología aceptada:** *Conéctate* o *Conectar*.
En el proceso en que tus usuarios conecten su cuenta a Fintoc, usa la terminología recomendada para el botón que abrirá nuestro widget. Quizás también quieras mostrar nuestro logo completo como una forma de demostrar que este proceso está impulsado por Fintoc.
| Vista previa | Descripción | HTML |
| :---------------------------------------------------------------- | :-------------- | :----------------------------------------------------------- |
|  | Logotipo oscuro | `
` |
|  | Logotipo claro | `
` |
### Otros usos del logo
Quizás quieras mostrar nuestro logo para mostrar con quién trabajas. Queremos ayudarte a hacer esto de la mejor manera.
Te proporcionamos dos URLs para que las incrustes en tu sitio web o app para este propósito. Deja el espacio seguro recomendado alrededor de nuestro logo.
| Vista previa | Descripción | HTML |
| :---------------------------------------------------------------------- | :--------------- | :---------------------------------------------------------------- |
|  | Imagotipo oscuro | `
` |
|  | Imagotipo claro | `
` |
Si tienes alguna pregunta sobre cómo implementar estas recomendaciones, contacta a nuestro equipo.