Sobre esta plantilla
Vize Footer resuelve el problema de cada pie de página de un producto de IA o SaaS con un solo brief capturado. La paleta se queda en negro #000000 de base y azul brillante #31A8FF para los acentos, y el tipo es Inter. Se entrega como React y Tailwind CSS, y la captura se fija a 1838x1350 antes de escribir código. Tómalo como el brief de pie de página para un producto de IA o SaaS que tiene que aguantar una reconstrucción, no solo un primer vistazo.
Pensado para
- Diseñadores que necesitan los números antes que nada: tipografía de 14px a 26px y pasos de espaciado de 10px, todo citado del brief.
- Quien le pase el brief de pie de página a un modelo usará el prompt de 7.734 caracteres como punto de partida.
- Pensado para responsables de contenidos que reescriben un diseño de pie de página cuyo titular tiene que seguir siendo tan largo como el de Vize Footer.
Qué incluye
- Números que llegan al montaje. En la maquetación nada queda a la intuición: el brief cita tipografía de 14px a 26px y pasos de espaciado de 10px y el montaje tiene que dar esos valores. Los valores se citan del prompt capturado y no se deducen, por eso sobreviven a un nuevo render. Las cifras son el diseño; el resto es disposición.
- Etiquetas bajo las cifras. Las estadísticas se tratan como tipografía: cifras al tamaño display, etiquetas en el paso más pequeño del brief y todo en #31A8FF o en el color del texto, nunca en una tarjeta de color. Las cifras llevan el acento #31A8FF mientras todo lo que las rodea se queda en el color del texto.
- Contenido dividido en paneles. Donde iría un bloque de texto corrido, esta página coloca un conjunto de paneles, y eso es lo que mantiene pie de página fácil de escanear. Todos los paneles usan la misma disposición interna, así la cuadrícula se escanea por su forma. Deja que el número de paneles lo marque el texto.
- Estructura en una sola pantalla. La composición está completa en 1838x1350: el texto, los medios y los controles están nombrados en el brief. La página es una sola composición a 1838x1350, y por eso se sostiene cuando cambia el texto. Nada decorativo tiene sitio por encima del pliegue.
Movimiento e interacción
Respuesta en los controles
La respuesta se limita a estados hover en los botones y los enlaces y no en todas las tarjetas, así que el resto de la maquetación es una composición fija. La respuesta se limita a los controles, así que la composición se queda quieta a su alrededor. Mantén pequeña la capa interactiva.
Movimiento que no estorba
Aquí no hay librería de scroll: la composición de 1838x1350 se queda quieta y solo se mueven los elementos que responden a ti. Solo se mueven los elementos que responden al puntero.
Hacer tuyo este tipo de pie de página
La contrapartida es el reconocimiento. Si conservas demasiado de Vize Footer, la página se lee como de otro; si conservas las cifras y cambias el contenido, se lee como tuya. El marco y la escala son lo que hay que dejar en paz.
Cómo ordena Vize Footer la primera lectura
Léelo en orden: la fila de cifras, la cuadrícula de tarjetas, la lista de funciones y el pie de página. Cada elemento tiene una sola función, y el acento azul brillante #31A8FF se gasta solo en el elemento que debes pulsar. Quien busca SaaS recibe la oferta antes que las opciones.
Los tiempos detrás de pie de página
Cuando una página se siente inquieta, casi siempre sobran entradas. Esta mantiene la lista corta: estados hover y pulsados. Nada se anima por gusto en este tipo de pie de página.
Preguntas frecuentes
¿El prompt de Vize Footer es una especificación cerrada o un punto de partida?
Es un brief de construcción, no una descripción de ambiente: fija la escala tipográfica, el espaciado y los valores de movimiento en 1838x1350. En ningún punto la imagen renderizada funciona como fuente de la verdad.
¿Puedo reconstruir este diseño de pie de página de Vize Footer con otro stack?
Vize Footer se construyó en React y Tailwind CSS, y la ficha lo dice por procedencia. El brief describe posiciones, tamaños y tiempos, así que se puede reconstruir en cualquier framework capaz de componer tipografía y colocar elementos.
¿Cómo trato los medios de Vize Footer en un proyecto de cliente?
El brief es una descripción, no una licencia para redistribuir los recursos de otra persona. Conserva la estructura y los números, sustituye los medios y las marcas, y acredita la procedencia si un cliente pregunta de dónde sale la maqueta. La captura de la referencia es de 1838x1350.
