Dissenyador/a Destacat/da del Dia

Insereix Dissenyador/a Destacat/da del Dia al teu lloc web

Dissenyador/a Destacat/da del Dia 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 Dissenyador/a Destacat/da del Dia, 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 Dissenyador/a Destacat/da del Dia. L'opció més lleugera.

Previsualització en directe

<a href="https://designerhighlightoftheday.com/ca/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Dissenyador/a Destacat/da del Dia que presenta un dissenyador remarcable, part de la comunitat global del disseny" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Dissenyador/a Destacat/da del Dia que presenta un dissenyador remarcable, part de la comunitat global del 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 el Dissenyador/a Destacat/da del Dia</span>
</a>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/ca/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Dissenyador/a Destacat/da del Dia que presenta un dissenyador remarcable, part de la comunitat global del disseny" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Dissenyador/a Destacat/da del Dia</h5>
    <p class="card-text">A' Design Award presenta cada dia un dissenyador líder, un arquitecte estrella, un creatiu de primer nivell o un innovador com a Dissenyador/a Destacat/da del Dia, mostrant els seus assoliments, treball creatiu i contribucions al món del disseny.</p>
    <a href="https://designerhighlightoftheday.com/ca/" class="btn btn-danger" target="_blank" rel="noopener">Descobriu el Dissenyador/a Destacat/da del Dia</a>
  </div>
</div>

<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
    "name": "Dissenyador/a Destacat/da del Dia",
    "feature": "Dissenyador/a Destacat/da del Dia",
    "paragraph": "A' Design Award presenta cada dia un dissenyador líder, un arquitecte estrella, un creatiu de primer nivell o un innovador com a Dissenyador/a Destacat/da del Dia, mostrant els seus assoliments, treball creatiu i contribucions al món del disseny.",
    "description": "Dissenyador/a Destacat/da del Dia presenta cada dia un dissenyador líder, un arquitecte estrella, un creatiu de primer nivell o un innovador, mostrant els seus assoliments, treball creatiu i contribucions al món del disseny, tal com ho reconeix el prestigiós A' Design Award and Competition.",
    "call_to_action": "Descobriu el Dissenyador/a Destacat/da del Dia",
    "date": "2026-11-08",
    "language": "ca",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Dissenyador/a Destacat/da del Dia que presenta un dissenyador remarcable, part de la comunitat global del disseny",
    "url": "https://designerhighlightoftheday.com/ca/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.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.

Patrocinat

Descobreix dissenys guardonats