Personaliza el aspecto visual de tus facturas y documentos para que reflejen la identidad de tu marca. Fube ofrece opciones de diseño que permiten crear documentos profesionales y atractivos.
Acceder a la configuración
- Ve a Configuración > Preferencias > Apariencia
- Verás una vista previa de la factura en tiempo real mientras realizas cambios
Temas prediseñados
Fube incluye tres temas base que definen la estructura visual del documento:
| Tema | Descripción |
|---|---|
| Minimalista | Diseño limpio y sencillo con espaciado amplio |
| Moderno | Estructura contemporánea con bloques diferenciados |
| Clásico | Diseño tradicional y formal |
Para cambiar el tema:
- En la sección Tema, navega entre las opciones
- Haz clic en el tema que prefieras
- La vista previa se actualizará automáticamente
Personalización de fuente
Escala de fuente
Ajusta el tamaño general del texto en los documentos:
| Valor | Descripción |
|---|---|
| x0.75 | Texto más pequeño, más contenido visible |
| x1.00 | Tamaño estándar |
| x1.25 | Texto más grande, mejor legibilidad |
Usa el control deslizante para ajustar entre x0.75 y x1.25.
Tamaño del logo
Controla el tamaño de tu logo en los documentos:
| Valor | Descripción |
|---|---|
| x1 | Tamaño mínimo |
| x2-3 | Tamaño medio (recomendado) |
| x5 | Tamaño máximo |
💡 Ajusta el tamaño del logo para que sea visible pero no domine el documento.
Colores personalizados
Personaliza completamente la paleta de colores de tus documentos:
| Color | Uso | Ejemplo |
|---|---|---|
| Color fondo principal | Encabezado y áreas destacadas | #1a1a2e |
| Color fondo secundario | Fondo general del documento | #f2f2f2 |
| Color fondo terciario | Secciones alternativas y detalles | #0f3460 |
| Color texto contraste principal | Texto sobre fondo principal | #ffffff |
| Color texto contraste secundario | Texto sobre fondo secundario | #ffffff |
| Color de borde | Líneas y bordes de tablas | #0f3460 |
Cómo editar colores
- Haz clic en el campo de color que quieres cambiar
- Introduce el código hexadecimal (ej: #1a1a2e)
- La vista previa se actualiza automáticamente
Paletas predefinidas
Fube incluye paletas de colores profesionales listas para usar:
| Paleta | Estilo |
|---|---|
| Fube Original | Colores corporativos de Fube |
| Azul Marino | Tonos azules profesionales |
| Verde Bosque | Verdes naturales y orgánicos |
| Noche Profunda | Oscuros elegantes |
| Puesta de Sol | Tonos cálidos anaranjados |
| Cielo Nocturno | Azules oscuros con contrastes |
| Rosa Pastel | Tonos suaves y femeninos |
| Tierra Cálida | Marrones y terracotas acogedores |
Para aplicar una paleta:
- Navega por las paletas disponibles usando las flechas
- Haz clic en la paleta que te guste
- Los colores se aplicarán automáticamente
Vista previa en tiempo real
La página de apariencia muestra una vista previa interactiva que incluye:
- Cabecera: Logo, número de factura y título
- Datos del cliente: Información y dirección
- Datos del emisor: Tu información de empresa
- Tabla de productos: Conceptos, cantidades y precios
- Descuentos: Generales y por producto
- Resumen fiscal: Base imponible, IVA, IRPF
- Total: Importe total a pagar
- Pie: Notas y métodos de pago
Todos los cambios se reflejan instantáneamente en la vista previa.
Guardar cambios
Una vez satisfecho con el diseño:
- Haz clic en Guardar
- El nuevo diseño se aplicará a todos los documentos nuevos
⚠️ Los documentos ya generados (PDFs emitidos) mantienen el diseño con el que fueron creados.
Buenas prácticas
✅ Coherencia con tu marca: Usa los colores de tu identidad corporativa
✅ Contraste suficiente: Asegúrate de que el texto es legible sobre los fondos
✅ Logo de calidad: Sube un logo en alta resolución para que se vea bien al escalar
✅ Prueba antes de usar: Genera una factura de prueba para verificar cómo queda impresa
✅ Profesionalidad: En caso de duda, usa paletas predefinidas que garantizan buen diseño
✅ Considera la impresión: Verifica que los colores funcionan también en blanco y negro
Aplicación por tipo de documento
La configuración de apariencia se aplica a:
- ✅ Facturas
- ✅ Facturas rectificativas
- ✅ Presupuestos
- ✅ Albaranes
- ✅ Facturas proforma
- ✅ Facturas simplificadas
Preguntas frecuentes
¿Puedo tener diferentes diseños para facturas y presupuestos?
La configuración de apariencia aplica a todos los documentos. Si necesitas diferencias, considera usar las opciones específicas en Configuración > Preferencias > [Tipo de documento].
¿Los cambios afectan a documentos ya emitidos?
No, las facturas y documentos ya generados mantienen el diseño con el que fueron creados. Los cambios solo aplican a nuevos documentos.
¿Puedo volver al diseño por defecto?
Sí, selecciona la paleta "Fube Original" para volver a los colores predeterminados.
¿Se puede usar CSS personalizado?
Actualmente no, pero las opciones de personalización permiten crear diseños muy variados.
¿El diseño se ve igual en PDF que en pantalla?
El PDF es la representación final exacta. La vista previa en pantalla es una aproximación muy cercana.