SaaSPlantilla de Framer

Una plantilla SaaS construida sobre estructura, no sobre decoración.

Secciones numeradas, una retícula visible y un solo acento naranja quemado. Diecinueve páginas, cinco colecciones CMS, cuatro breakpoints y nada de código a medida. Se lee como un producto que tiene algo que decir.

99 $Precio de lanzamiento · después 129 $
Tessel: página de inicio y versión móvil
  • 19Páginas
  • 5Colecciones CMS
  • 4Breakpoints
  • 0Líneas de código a medida

Versión 1.0 · Publicada en septiembre de 2026 · Hecha en Framer, sin código a medida · Las actualizaciones llegan por el changelog de la plantilla

Qué incluye

  • 19 páginas: Home, Producto, Precios con tabla comparativa, Integraciones, Clientes, Changelog y entrada, Blog y artículo, Empleo y puesto, Nosotros, Contacto con formulario funcional, Privacidad, Términos, DPA, Licencias, 404 y una Guía de estilo.
  • 5 colecciones CMS (Reseñas, Changelog, Integraciones, Blog, Empleo) ya conectadas a listados y páginas de detalle.
  • Un sistema de diseño como estilos de Framer: 20 tokens de color, 17 estilos de texto y 7 componentes, incluido un botón con cuatro variantes.
  • Cuatro breakpoints: Large (1440+), Desktop, Tablet y Phone.
  • Anton, Geist e IBM Plex Mono de la biblioteca de fuentes de Framer. Sin código a medida.

Para quién

Herramientas para desarrolladores, productos de datos y operaciones, infraestructura, fintech. Cualquier cosa que prefiera parecer precisa antes que simpática.

Limitaciones, para que lo sepas antes de comprar

Solo modo claro: los tokens tienen nombre de función, así que un tema oscuro es un cambio de tokens, no un rediseño. No hay páginas de documentación ni centro de ayuda. Todo el contenido es de demostración: páginas legales, testimonios, logos y fotos son marcadores para sustituir por los tuyos.

Cuatro decisiones que la definen

  1. Secciones numeradas como capítulos

    Cada bloque lleva un numeral anclado a la última línea de su título. La página se lee en orden, como debería leerse un producto que tiene algo que decir, y los numerales sirven también de anclas para la navegación.

    Secciones numeradas como capítulos
  2. Un solo acento señala todo

    El naranja quemado aparece donde tiene que ir la mirada: la palabra clave de un titular, el botón principal, el plan que conviene elegir. Ningún punto del sitio pide un segundo color, así que el acento conserva su significado.

    Un solo acento señala todo
  3. Arquitectura en blanco y negro, no gente con portátiles

    La fotografía es arquitectura en escala de grises de Unsplash: estructura, repetición, sombra. Mantiene el acento como único color de la página y se cambia en un clic por tus propias imágenes.

    Arquitectura en blanco y negro
  4. Tokens con nombre de función, no de color

    Los veinte tokens de color se llaman por lo que hacen (Surface, Text, Line, Ink, Accent, Status), nunca por su aspecto. Una paleta nueva es un cambio de tokens, no un rediseño, y un tema oscuro es el mismo trabajo.

    Tokens con nombre de función

Qué hay dentro

Antes de comprar

01¿Qué pasa después de pagar?

Polar te envía el recibo y el enlace de remix. Lo abres, eliges tu espacio de trabajo en Framer y la web completa se duplica en tu cuenta con todas sus páginas, colecciones CMS y estilos.

02¿Necesito un plan de pago de Framer?

Puedes duplicar y editar con una cuenta gratuita de Framer. Para publicar en tu propio dominio necesitas un plan de sitio de Framer, que se paga a Framer, no a mí.

03¿Puedo cambiar las fuentes y los colores?

Sí. Los colores son tokens con nombre de función, así que cambiar la paleta es una pasada por el panel de estilos. Las fuentes vienen de la biblioteca de Framer y se sustituyen desde los estilos de texto.

04¿Qué cubre el soporte?

Dudas sobre la plantilla y corrección de errores, respondidas por una persona en dos días laborables, de lunes a viernes, hora de España. El diseño o desarrollo a medida es un servicio aparte. Las devoluciones siguen la política de Framer Marketplace.

Miguel Recio, diseñador de identidad y web freelance

Hecha por Miguel Recio, diseñador de identidad y web

¿La necesitas adaptada a tu marca, con páginas nuevas o montada por completo? Lo hago como servicio aparte.

Pedir presupuesto

Consigue Tessel

Un solo pago. El enlace de remix llega justo después de la compra.

99 $Precio de lanzamientodespués 129 $

Pago seguro con Polar, factura incluida. Soporte de una persona en dos días laborables. Las devoluciones siguen la política de Framer Marketplace.

Ver todas las plantillas
ContactoAgendar llamada