La Leyenda del Diseño
Inserta Leyenda del Diseño del Día en tu sitio web
La Leyenda del Diseño publica un contenido destacado cada día. La dirección de la imagen no cambia, pero la imagen detrás de ella sí, así que añades el código una sola vez y tus visitantes ven automáticamente el contenido del día.
Cómo funciona
Cada día se publica una nueva imagen en una dirección fija. Tu página carga esa dirección, por lo que siempre muestra el contenido actual, y un clic lleva a tus visitantes a La Leyenda del Diseño donde se cuenta la historia completa.
¿Prefieres un script? Añade un contenedor y un script: el widget dibuja el estilo que elijas con data-dotd-variant (image, cta o card), en el idioma de la dirección del script cuando ese idioma esté disponible. Si no puedes ejecutar scripts, utiliza la versión HTML de la misma variante.
Variante A: solo imagen
La imagen del día, enlazada a La Leyenda del Diseño. La opción más ligera.
Vista previa en vivo
<a href="https://thedesignlegend.com/es/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Leyenda del Diseño del Día, retrospectiva que muestra los logros de toda una vida en el diseño" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=es"></script>Variante B: imagen y llamada a la acción
La imagen del día con una llamada a la acción debajo.
Vista previa en vivo
<a href="https://thedesignlegend.com/es/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Leyenda del Diseño del Día, retrospectiva que muestra los logros de toda una vida en el diseño" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
<span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">Descubre la Leyenda del Diseño del Día</span>
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=es"></script>Variante C: tarjeta Bootstrap
Una tarjeta Bootstrap con la imagen, el título del contenido destacado, un párrafo breve y un botón de llamada a la acción. Tu página necesita Bootstrap.
Vista previa en vivo
<div class="card" style="max-width:24rem">
<a href="https://thedesignlegend.com/es/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Leyenda del Diseño del Día, retrospectiva que muestra los logros de toda una vida en el diseño" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Leyenda del Diseño del Día</h5>
<p class="card-text">A' Design Award celebra cada día a un diseñador influyente o arquitecto de talla mundial cuya carrera excepcional, creaciones icónicas e ideas pioneras han marcado la historia y el desarrollo del diseño como la Leyenda del Diseño del Día.</p>
<a href="https://thedesignlegend.com/es/" class="btn btn-danger" target="_blank" rel="noopener">Descubre la Leyenda del Diseño del Día</a>
</div>
</div><div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=es"></script>Opción 3: JSON
Para desarrolladores, aplicaciones y automatización. El JSON contiene el nombre, la descripción, la dirección de la imagen, los enlaces y la fecha. Se permiten solicitudes de origen cruzado.
fetch("https://thedesignlegend.com/feature.json?lang=es")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Ejemplo de respuesta
{
"domain": "thedesignlegend.com",
"name": "La Leyenda del Diseño",
"feature": "Leyenda del Diseño del Día",
"paragraph": "A' Design Award celebra cada día a un diseñador influyente o arquitecto de talla mundial cuya carrera excepcional, creaciones icónicas e ideas pioneras han marcado la historia y el desarrollo del diseño como la Leyenda del Diseño del Día.",
"description": "La Leyenda del Diseño celebra a diseñadores influyentes y arquitectos de talla mundial cuyas carreras excepcionales, creaciones icónicas, ideas pioneras y contribuciones perdurables han marcado la historia y el desarrollo del diseño, destacando a las personas creativas y los logros reconocidos por el altamente prestigioso A' Design Award and Competition.",
"call_to_action": "Descubre la Leyenda del Diseño del Día",
"date": "2026-11-08",
"language": "es",
"image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
"image_alt": "Leyenda del Diseño del Día, retrospectiva que muestra los logros de toda una vida en el diseño",
"url": "https://thedesignlegend.com/es/",
"feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
"embed_url": "https://thedesignlegend.com/es/destacado/"
}Información útil
- Mantén el enlace alrededor de la imagen para que tus visitantes puedan descubrir el contenido destacado completo.
- Utiliza siempre la dirección de imagen indicada arriba y no guardes una copia, así tu página se mantendrá actualizada.
- La imagen es adaptable: nunca crece más que su contenedor.
- ¿Necesitas ayuda o un formato personalizado? Por favor, contáctanos.