Tu negocio conectado. Tu trabajo, más sencillo.
Presenta tu negocio, vende online y gestiona tu empresa desde un mismo lugar. Web, tienda y gestión comparten clientes, productos y pedidos en tpw.es, sin saltar entre plataformas.
Todo Tpw en tpw.es, organizado por rutas.
Unificamos los módulos que antes vivían en direcciones separadas. Un solo acceso, una sola sesión y una navegación común. Cada módulo sigue separado en el código y se activa según lo contratado.
Antes: subdominios
- app.tpw.es
- contactos.tpw.es
- whatsapp.tpw.es
- bots.tpw.es
Ahora: rutas en un único dominio
- tpw.es/panel/contactos
- tpw.es/panel/comunicacion
- tpw.es/panel/bots
Tres productos que encajan entre sí.
Contrata uno y añade los demás cuando los necesites. Todo se administra desde el mismo panel. Precios sin IVA.
Un panel, todos tus módulos.
La intranet no es otro producto que tengas que entender: es el lugar desde el que gestionas lo que contratas.
Ver demo del panelElige tu punto de partida.
Añade lo que necesites.
Módulos que se activan en tu panel, sin migraciones ni proveedores nuevos.
Cuéntanos qué necesitas.
Desarrollamos aplicaciones web, intranets, automatizaciones e integraciones con inteligencia artificial cuando un producto estándar no basta.
El nombre ya lo dice.
Empezamos como «Tu Página Web». Hoy desarrollamos aplicaciones web, intranets, soluciones de WhatsApp, marketing, contabilidad y bots: Tecnología para web.
Lo que suelen preguntarnos.
¿Por qué todo está en tpw.es y no en varios subdominios?
Un único acceso y una sola sesión para todos los módulos. Es más sencillo para ti y para nosotros: menos configuración, menos errores entre pantallas y una navegación común.
¿Puedo contratar solo un módulo?
Sí. Cada producto se contrata por separado y los módulos se activan en tu panel según lo contratado. Si más adelante añades otro, ya comparte tus clientes y productos.
¿Cobráis comisión por las ventas de la tienda?
No. Usas la pasarela de tu banco (Redsys), Stripe, Bizum o PayPal y solo pagas lo que te cobren ellos.
¿Hay permanencia?
En el pago mensual no hay permanencia. Con el pago anual pagas 10 meses en lugar de 12.
¿Mi asesoría puede acceder?
Sí. Los planes de Tpw Gestión incluyen acceso gratuito para tu asesoría y exportación de datos en Excel o formato contable.
Empieza con lo que necesitas hoy. Crece sin cambiar de plataforma.
Panel Tpw en tpw.es/panel
Maqueta navegable. Los módulos con candado aparecen cuando se contratan.
Guía de diseño visual Tpw para web
Reglas para que la web pública y el panel se vean como un único producto: marca, color, tipografía, espaciado, componentes, iconos, movimiento, accesibilidad y convención de rutas.
Logotipo
Se usa el logotipo actual publicado en tpw.es: «Tpw.es» con el robot integrado en la «p», órbita cian y eslogan. La «T» va en mayúscula; «p» y «w», en minúscula. Nunca se redibuja con texto.
Principal · fondo claroFondo oscuro · placa blanca
Favicon / app · solo la «p»Tamaños mínimos
- Cabecera: 56 px de alto (46 px en móvil)
- Pie: 48 px sobre placa blanca
- Favicon: 32, 96 y 180 px
Área de respeto
Deja libre alrededor al menos la altura de la «w». Sin textos, bordes ni iconos dentro de esa zona.
Pendiente
Pedir el logotipo en SVG y una versión en negativo (blanco) para fondos oscuros sin placa. El eslogan se unificará como «Tecnología para web».
Color
Paleta fría derivada del logotipo. El marino es el color de marca y de los botones principales; el azul, de los enlaces y estados activos; el cian, solo como acento. El degradado se reserva para la marca, iconos de producto y el bloque de llamada final.
#062C6D · --navy-800#041C47 · --navy-900#0077E6 · --blue-600#00C7F2 · --cyan-400--grad-brand#0C1A2E · --ink#3B4D66 · --ink-2#F6F9FC · --bg#E3F0FD · --blue-100#12A36B · --ok#D98A00 · --warn#D23B4B · --errProporción orientativa: 70 % neutros claros, 20 % marino, 8 % azul, 2 % cian. El cian nunca se usa para texto sobre blanco (no alcanza el contraste mínimo).
Tipografía
Dos familias gratuitas de Fontshare con el carácter geométrico y redondeado del logotipo. Cabinet Grotesk para titulares; Satoshi para texto, interfaz y datos. Tamaños fluidos con clamp().
Espaciado y forma
Escala de 4 px. Las secciones respiran (96 px en escritorio, 64 px en móvil); las tarjetas usan 24–32 px de relleno. Esquinas redondeadas que recuerdan a la burbuja del robot.
| Token | Valor | Uso |
|---|---|---|
--r-sm | 8 px | Campos pequeños, etiquetas |
--r-md | 12 px | Inputs, iconos, avisos |
--r-lg | 20 px | Tarjetas, ventanas |
--r-xl | 28 px | Tarjetas de producto, bloques destacados |
--r-full | 999 px | Botones, chips, pastillas |
--container | 1200 px | Ancho máximo de contenido |
Componentes
Piezas compartidas por la web pública y el panel.
Botones
Un solo botón principal por bloque. Altura 46 px (38 px compacto).
Chips y etiquetas
Los estados siempre llevan texto, no solo color.
Campos
Etiqueta visible encima, foco con halo azul de 4 px.
Tarjeta de producto
Icono con degradado, nombre, ruta, selector de plan, precio grande con números tabulares, lista de ventajas y botón al pie.
Ventana de navegador
Marco para mostrar el panel con la ruta visible en la barra. Refuerza el mensaje «todo en tpw.es».
Menú de productos
Desplegable en dos columnas con icono, descripción breve y ruta. En móvil, lista a pantalla completa.
Iconos e imagen
Iconos
Lucide, trazo de 2 px, esquinas redondeadas. 16 px en menús, 20–22 px en listas, 26 px en tarjetas de producto.
Ilustración
Preferir capturas reales del panel dentro del marco de navegador antes que fotografía de stock genérica.
Fondos
Rejilla de 48 px muy suave con brillo cian difuminado. Nunca detrás de bloques de texto largos.
Movimiento
Duraciones
- Microinteracciones: 150–200 ms
- Paneles y menús: 180–250 ms
- Aparición al hacer scroll: 600 ms
Curva
cubic-bezier(.2,.7,.2,1): salida rápida y frenada suave.
Movimiento reducido
Si el usuario tiene activado «reducir movimiento», se desactivan las animaciones.
Accesibilidad
Sí
- Contraste mínimo AA (4,5:1 en texto)
- Foco visible cian en todos los controles
- Zonas táctiles de 44 px o más
- Textos alternativos en logotipo e imágenes
- HTML semántico: header, nav, main, footer
No
- Texto cian sobre fondo blanco
- Estados que solo se distinguen por color
- Texto dentro de imágenes
- Más de un botón principal por bloque
- Bloquear el zoom del navegador
Rutas y navegación
Un único dominio, tpw.es. La web pública usa rutas de primer nivel; el área privada cuelga de /panel. Rutas en minúsculas, sin tildes, separadas por guiones y en español.
| Ruta | Contenido | Acceso |
|---|---|---|
/ | Inicio | Público |
/web · /tienda · /gestion | Fichas de producto | Público |
/packs · /ampliaciones | Precios | Público |
/a-medida · /contacto | Proyectos y consulta | Público |
/nosotros · /guia-diseno | Empresa y marca | Público |
/panel | Inicio del panel | Con sesión |
/panel/{modulo} | contactos, comunicacion, marketing, facturacion, tienda, bots, intranet | Con sesión y módulo contratado |
Menú principal
Máximo seis entradas: Productos (desplegable), El panel, Precios, Nosotros, Contacto y el botón «Acceder al panel».
Redirecciones
Los antiguos subdominios redirigen con 301 a su ruta: app.tpw.es/x → tpw.es/panel/x.
Permisos
La ruta no da acceso por sí sola: el servidor comprueba la sesión y los módulos contratados.
Tono
Así
- «Vende online sin comisiones.»
- «Tus clientes, en un solo sitio.»
- Tuteo cercano, frases cortas, beneficios concretos
Así no
- «Soluciones omnicanal disruptivas.»
- Tecnicismos sin explicar (API, CORS, SaaS)
- Promesas sin cifras ni plazos