Designlegenden

Integrer Dagens Designlegende på din hjemmeside

Designlegenden udgiver en ny feature hver dag. Billedadressen ændrer sig aldrig, men billedet bag den gør, så du tilføjer koden én gang, og dine besøgende ser dagens feature automatisk.

Sådan virker det

Hver dag udgives et nyt billede på én fast adresse. Din side indlæser den adresse, så den altid viser den aktuelle feature, og et klik fører dine besøgende til Designlegenden, hvor den fulde historie fortælles.

Foretrækker du et script? Tilføj én container og ét script: widgetten tegner den stil, du vælger med data-dotd-variant (image, cta eller card), på sproget i scriptadressen, når det pågældende sprog er tilgængeligt. Hvis du ikke kan køre scripts, kan du bruge HTML-versionen af den samme variant.

Variant A: kun billede

Dagens billede med link til Designlegenden. Den letteste løsning.

Live forhåndsvisning

<a href="https://thedesignlegend.com/da/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Dagens Designlegende – et retrospektiv over en livslang indsats inden for design" 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=da"></script>

Variant B: billede og call to action

Dagens billede med en call to action nedenunder.

Live forhåndsvisning

<a href="https://thedesignlegend.com/da/" 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="Dagens Designlegende – et retrospektiv over en livslang indsats inden for design" 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">Oplev Dagens Designlegende</span>
</a>

<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=da"></script>

Variant C: Bootstrap-kort

Et Bootstrap-kort med billedet, featurens titel, et kort afsnit og en call to action-knap. Din side skal bruge Bootstrap.

Live forhåndsvisning

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/da/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Dagens Designlegende – et retrospektiv over en livslang indsats inden for design" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Dagens Designlegende</h5>
    <p class="card-text">A' Design Award hylder en indflydelsesrig designer eller arkitekt i verdensklasse, hvis enestående karriere, ikoniske kreationer og banebrydende idéer har formet designens historie og udvikling, som Dagens Designlegende.</p>
    <a href="https://thedesignlegend.com/da/" class="btn btn-danger" target="_blank" rel="noopener">Oplev Dagens Designlegende</a>
  </div>
</div>

<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=da"></script>

Mulighed 3: JSON

Til udviklere, apps og automatisering. JSON-dataene indeholder navnet, beskrivelsen, billedadressen, links og datoen. Cross-origin-anmodninger er tilladt.

fetch("https://thedesignlegend.com/feature.json?lang=da")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Eksempel på svar

{
    "domain": "thedesignlegend.com",
    "name": "Designlegenden",
    "feature": "Dagens Designlegende",
    "paragraph": "A' Design Award hylder en indflydelsesrig designer eller arkitekt i verdensklasse, hvis enestående karriere, ikoniske kreationer og banebrydende idéer har formet designens historie og udvikling, som Dagens Designlegende.",
    "description": "Designlegenden hylder indflydelsesrige designere og arkitekter i verdensklasse, hvis enestående karrierer, ikoniske kreationer, banebrydende idéer og varige bidrag har formet designens historie og udvikling, med fokus på de kreative mennesker og præstationer anerkendt af den højt prestigefyldte A' Design Award and Competition.",
    "call_to_action": "Oplev Dagens Designlegende",
    "date": "2026-11-08",
    "language": "da",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "Dagens Designlegende – et retrospektiv over en livslang indsats inden for design",
    "url": "https://thedesignlegend.com/da/",
    "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/da/feature/"
}

Godt at vide

Behold linket omkring billedet, så dine besøgende kan opdage den fulde feature.
Brug altid billedadressen vist ovenfor, og gem ikke en kopi, så din side altid er opdateret.
Billedet er responsivt: det bliver aldrig bredere end sin container.
Har du brug for hjælp eller et tilpasset format? Kontakt os gerne.

Sponsoreret

Opdag prisvindende designs