> ## 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, por favor 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.
| | 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. Por favor deja el espacio seguro recomendado alrededor de nuestro logo.
| | Descripción | HTML |
| :---------------------------------------------------------------------- | :--------------- | :---------------------------------------------------------------- |
|  | Imagotipo oscuro | `
` |
|  | Imagotipo claro | `
` |
Si tienes alguna pregunta sobre cómo implementar estas recomendaciones, por favor contacta a nuestro equipo.