Saltar al contenido principal
Footer

Footer Design: galería de referencias de pies de página de alta calidad

diseño webdiseño de pie de páginainspiración de diseñoreferencia de UI

Biblioteca de inspiración para pies de página clasificada por tipo y estilo, desde los tipográficos o ilustrados hasta los de rejilla, tarjetas o con animación, con selección editorial y enlace al sitio original.

★ 9 Última actualización: 2026-11-08 footer.design
Visitar sitio web

Introducción detallada

Una galería dedicada solo al pie de página

El pie de página suele ser lo último que se aborda en el proceso de diseño y lo primero que se rompe: un montón de enlaces amontonados y el aviso de copyright puesto de cualquier manera. Footer Design reúne los que están bien hechos para que no tengas que bajar hasta el final de una docena de sitios buscando una referencia.

El sitio se presenta como "la única galería de pie de página del planeta" y su colección, paginada por estilos, ocupa ya 65 páginas de listado. Cada entrada trae una vista previa en miniatura y el enlace al sitio original, así que puedes entrar a revisar la tipografía, el espaciado y el detalle de las interacciones tal como están resueltos.

Criterios de filtrado

Se etiqueta por tipo y estilo, con un vocabulario muy cercano al que usa un cliente cuando describe lo que quiere:

  • Typographic, Large Type, Bold: pies de página dominados por la tipografía en gran tamaño
  • Small Type: pies densos, con mucha información en cuerpo pequeño
  • Illustrative: pies expresivos, con ilustración
  • Grid: composición en rejilla
  • Flat: plano, sin decoración
  • Animated: con animación
  • Cards: bloques en formato de tarjeta
  • Bright, Dark: las dos direcciones de luminosidad
  • Info, Newsletter: orientados a información o a suscripción

Además hay una sección Editor's Choice con una selección de lo mejor; empezar por ahí ahorra bastante tiempo.

Para qué situaciones sirve

Viene bien en dos momentos: cuando defines la dirección de diseño de un sitio nuevo y hay que decidir cuánta información asume el pie y si conviene incluir un formulario de suscripción; y cuando rediseñas un sitio antiguo y quieres darle algo más de profundidad tomando prestada una estructura tipográfica de un estilo similar. También es un material útil para alinear al equipo de diseño con el frontend sobre hasta dónde debe llegar el cuidado en la parte inferior de la página.

Lo hace NOOON y acepta propuestas.

Navbar Gallery: una biblioteca enorme de inspiración para barras de navegación

Galería de inspiración dedicada en exclusiva al diseño de barras de navegación, con filtros por tipo (estáticas, desplegables, Mega Menu, laterales, con buscador y más) y enlace directo al sitio original para ver la implementación real.

diseño webbarra de navegacióninspiración de diseño

Variant: escribe una idea y desplázate por infinitas direcciones de diseño

Escribe la idea de una app o de un sitio y desplázate por direcciones de diseño sin fin. Sin lienzo y sin bucle de prompts, paras cuando un diseño te engancha. Exporta a HTML o a React.

diseño con IAgeneración de interfacesinspiración de diseño

Scrolltide: plantillas web cinematográficas con scroll y biblioteca de prompts de diseño

Una biblioteca de prompts con plantillas web, componentes y shaders basados en el scroll. Copias un prompt, lo pegas en tu IA y sale un sitio que de verdad se mueve, no una página que se nota hecha por una IA.

diseño webpromptsanimación al hacer scroll

shadcn/ui: Construye Tu Biblioteca de Componentes

Componentes de diseño atractivo que puedes copiar y pegar en tus aplicaciones. Accesibles. Personalizables. De código abierto.

develop

Anime.js: Biblioteca de animación JavaScript ligera

Anime.js es una biblioteca de animación JavaScript eficiente que soporta animaciones para HTML, SVG, CSS y más, ideal para desarrolladores front-end y diseñadores que buscan implementar rápidamente efectos de animación en la web para mejorar la experiencia del usuario.

desarrollo front-enddiseño web

Stockimg AI | Generador de Fotos con IA: Logo, Arte, Imagen de Stock, Ilustración

Stockimg es una herramienta todo en uno para diseño y creación de contenido impulsada por IA. Puedes generar fácilmente logos, ilustraciones, fondos de pantalla, posters y más.

ai