La Llegenda del Disseny
Insereix Llegenda del Disseny del Dia al teu lloc web
La Llegenda del Disseny publica una nova peça destacada cada dia. L'adreça de la imatge no canvia mai, però la imatge que hi ha darrere sí, de manera que afegeixes el codi una sola vegada i els teus visitants veuen automàticament la peça del dia.
Com funciona
Cada dia es publica una nova imatge a una adreça fixa. La teva pàgina carrega aquesta adreça, de manera que sempre mostra la peça destacada actual, i un clic porta els teus visitants a La Llegenda del Disseny, on es conta la història completa.
Prefereixes un script? Afegeix un contenidor i un script: el widget dibuixa l'estil que tries amb data-dotd-variant (image, cta o card), en l'idioma de l'adreça del script quan aquest idioma estigui disponible. Si no pots executar scripts, utilitza la versió HTML de la mateixa variant.
Variant A: només imatge
La imatge del dia, amb enllaç a La Llegenda del Disseny. L'opció més lleugera.
Previsualització en directe
<a href="https://thedesignlegend.com/ca/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Llegenda del Disseny del Dia amb una retrospectiva que mostra els assoliments d'una vida dedicada al disseny" 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=ca"></script>Variant B: imatge i crida a l'acció
La imatge del dia amb una crida a l'acció a sota.
Previsualització en directe
<a href="https://thedesignlegend.com/ca/" 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="Llegenda del Disseny del Dia amb una retrospectiva que mostra els assoliments d'una vida dedicada al disseny" 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">Descobriu la Llegenda del Disseny del Dia</span>
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=ca"></script>Variant C: targeta Bootstrap
Una targeta Bootstrap amb la imatge, el títol de la peça destacada, un paràgraf breu i un botó de crida a l'acció. La teva pàgina necessita Bootstrap.
Previsualització en directe
<div class="card" style="max-width:24rem">
<a href="https://thedesignlegend.com/ca/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Llegenda del Disseny del Dia amb una retrospectiva que mostra els assoliments d'una vida dedicada al disseny" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Llegenda del Disseny del Dia</h5>
<p class="card-text">A' Design Award celebra un dissenyador influent o un arquitecte de renom mundial la carrera excepcional, les creacions icòniques i les idees pioneres del qual han configurat la història i el desenvolupament del disseny com a Llegenda del Disseny del Dia.</p>
<a href="https://thedesignlegend.com/ca/" class="btn btn-danger" target="_blank" rel="noopener">Descobriu la Llegenda del Disseny del Dia</a>
</div>
</div><div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=ca"></script>Opció 3: JSON
Per a desenvolupadors, aplicacions i automatització. El JSON conté el nom, la descripció, l'adreça de la imatge, els enllaços i la data. Les peticions d'origen creuat estan permeses.
fetch("https://thedesignlegend.com/feature.json?lang=ca")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Exemple de resposta
{
"domain": "thedesignlegend.com",
"name": "La Llegenda del Disseny",
"feature": "Llegenda del Disseny del Dia",
"paragraph": "A' Design Award celebra un dissenyador influent o un arquitecte de renom mundial la carrera excepcional, les creacions icòniques i les idees pioneres del qual han configurat la història i el desenvolupament del disseny com a Llegenda del Disseny del Dia.",
"description": "La Llegenda del Disseny celebra dissenyadors influents i arquitectes de renom mundial les carreres excepcionals, les creacions icòniques, les idees pioneres i les contribucions duradores dels quals han configurat la història i el desenvolupament del disseny, destacant les persones creatives i els assoliments reconeguts pel prestigiós A' Design Award and Competition.",
"call_to_action": "Descobriu la Llegenda del Disseny del Dia",
"date": "2026-11-08",
"language": "ca",
"image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
"image_alt": "Llegenda del Disseny del Dia amb una retrospectiva que mostra els assoliments d'una vida dedicada al disseny",
"url": "https://thedesignlegend.com/ca/",
"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/ca/reportatge/"
}Bones pràctiques
- Conserva l'enllaç al voltant de la imatge perquè els teus visitants puguin descobrir la peça destacada completa.
- Utilitza sempre l'adreça de la imatge indicada més amunt i no en desis una còpia, perquè la teva pàgina es mantingui actualitzada.
- La imatge és adaptable: mai no supera l'amplada del seu contenidor.
- Necessites ajuda o un format personalitzat? Si us plau, contacta amb nosaltres.