Marca de Deseño do Día

Incorpora Marca de Deseño do Día no teu sitio web

Marca de Deseño do Día publica un novo contido destacado cada día. O enderezo da imaxe nunca cambia, pero a imaxe que hai detrás si, polo que engades o código unha soa vez e os teus visitantes ven automaticamente o contido destacado de hoxe.

Como funciona

Cada día publícase unha nova imaxe nun enderezo fixo. A túa páxina carga ese enderezo, así que sempre mostra o contido destacado actual, e un clic leva os teus visitantes a Marca de Deseño do Día onde se conta a historia completa.

Prefires un script? Engade un contedor e un script: o widget debuxa o estilo que elixas con data-dotd-variant (image, cta ou card), no idioma do enderezo do script cando ese idioma estea dispoñible. Se non podes executar scripts, usa a versión HTML da mesma variante.

Variante A: só imaxe

A imaxe de hoxe, ligada a Marca de Deseño do Día. A opción máis lixeira.

Vista previa en directo

<a href="https://designbrandoftheday.com/gl/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="Marca de Deseño do Día que pon en destaque unha marca orientada ao deseño que brilla pola súa excelencia" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designbrandoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=gl"></script>

Variante B: imaxe e chamada á acción

A imaxe de hoxe cunha chamada á acción debaixo.

Vista previa en directo

<a href="https://designbrandoftheday.com/gl/" 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-brand-of-the-day/today.png" alt="Marca de Deseño do Día que pon en destaque unha marca orientada ao deseño que brilla pola súa excelencia" 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">Descubrir a Marca de Deseño do Día</span>
</a>

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

Variante C: tarxeta Bootstrap

Unha tarxeta Bootstrap coa imaxe, o título do contido destacado, un parágrafo curto e un botón de chamada á acción. A túa páxina necesita Bootstrap.

Vista previa en directo

<div class="card" style="max-width:24rem">
  <a href="https://designbrandoftheday.com/gl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" class="card-img-top" alt="Marca de Deseño do Día que pon en destaque unha marca orientada ao deseño que brilla pola súa excelencia" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Marca de Deseño do Día</h5>
    <p class="card-text">A' Design Award presenta cada día unha marca de clase mundial orientada ao deseño como a Marca de Deseño do Día, destacando a súa identidade, visión creativa, produtos, proxectos corporativos e enfoque distintivo do deseño.</p>
    <a href="https://designbrandoftheday.com/gl/" class="btn btn-danger" target="_blank" rel="noopener">Descubrir a Marca de Deseño do Día</a>
  </div>
</div>

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

Opción 3: JSON

Para desenvolvedores, aplicacións e automatización. O JSON contén o nome, a descrición, o enderezo da imaxe, as ligazóns e a data. Permítense as solicitudes de orixe cruzada.

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

Resposta de exemplo

{
    "domain": "designbrandoftheday.com",
    "name": "Marca de Deseño do Día",
    "feature": "Marca de Deseño do Día",
    "paragraph": "A' Design Award presenta cada día unha marca de clase mundial orientada ao deseño como a Marca de Deseño do Día, destacando a súa identidade, visión creativa, produtos, proxectos corporativos e enfoque distintivo do deseño.",
    "description": "Marca de Deseño do Día presenta cada día unha marca de clase mundial orientada ao deseño, destacando a súa identidade, visión creativa, produtos, proxectos corporativos e enfoque distintivo do deseño, recoñecida polo moi prestixioso A' Design Award and Competition.",
    "call_to_action": "Descubrir a Marca de Deseño do Día",
    "date": "2026-11-08",
    "language": "gl",
    "image": "https://competition.adesignaward.com/design-brand-of-the-day/today.png",
    "image_alt": "Marca de Deseño do Día que pon en destaque unha marca orientada ao deseño que brilla pola súa excelencia",
    "url": "https://designbrandoftheday.com/gl/",
    "feature_url": "https://competition.adesignaward.com/design-brand-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-brands-of-the-days.php",
    "embed_url": "https://designbrandoftheday.com/gl/insercion/"
}

Bo de saber

Mantén a ligazón arredor da imaxe para que os teus visitantes poidan descubrir o contido destacado completo.
Usa sempre o enderezo da imaxe indicado arriba e non gardes unha copia, así a túa páxina manterase actualizada.
A imaxe é adaptable: nunca medra máis ca o seu contedor.
Precisas axuda ou un formato personalizado? Contacta connosco.

Patrocinado

Descubra deseños premiados