Ideia de Design do Dia

Incorpore Ideia de Design do Dia no Seu Website

Ideia de Design do Dia publica um novo destaque todos os dias. O endereço da imagem nunca muda, mas a imagem por trás dele sim, por isso basta adicionar o código uma vez e os seus visitantes veem o destaque de hoje automaticamente.

Como funciona

Todos os dias uma nova imagem é publicada num endereço fixo. A sua página carrega esse endereço, mostrando sempre o destaque atual, e um clique leva os seus visitantes ao Ideia de Design do Dia onde a história completa é contada.

Prefere um script? Adicione um contentor e um script: o widget desenha o estilo que escolher com data-dotd-variant (image, cta ou card), no idioma do endereço do script quando esse idioma está disponível. Se não puder executar scripts, use a versão HTML da mesma variante.

Variante A: apenas imagem

A imagem de hoje, com link para Ideia de Design do Dia. A opção mais leve.

Pré-visualização ao vivo

<a href="https://designideaoftheday.com/pt/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Ideia de Design do Dia apresentando um conceito inovador que ultrapassa fronteiras criativas" loading="lazy" style="max-width:100%;height:auto">
</a>

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

Variante B: imagem e chamada para ação

A imagem de hoje com uma chamada para ação por baixo.

Pré-visualização ao vivo

<a href="https://designideaoftheday.com/pt/" 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-idea-of-the-day/today.png" alt="Ideia de Design do Dia apresentando um conceito inovador que ultrapassa fronteiras criativas" 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">Descubra a Ideia de Design do Dia</span>
</a>

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

Variante C: cartão Bootstrap

Um cartão Bootstrap com a imagem, o título do destaque, um parágrafo curto e um botão de chamada para ação. A sua página precisa do Bootstrap.

Pré-visualização ao vivo

<div class="card" style="max-width:24rem">
  <a href="https://designideaoftheday.com/pt/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Ideia de Design do Dia apresentando um conceito inovador que ultrapassa fronteiras criativas" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Ideia de Design do Dia</h5>
    <p class="card-text">O A' Design Award apresenta uma ideia de design muito inovadora ou um conceito altamente criativo a cada dia, como a Ideia de Design do Dia, explorando o pensamento original, soluções práticas e abordagens inspiradoras à excelência em design.</p>
    <a href="https://designideaoftheday.com/pt/" class="btn btn-danger" target="_blank" rel="noopener">Descubra a Ideia de Design do Dia</a>
  </div>
</div>

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

Opção 3: JSON

Para programadores, aplicações e automação. O JSON contém o nome, a descrição, o endereço da imagem, os links e a data. Pedidos cross-origin são permitidos.

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

Exemplo de resposta

{
    "domain": "designideaoftheday.com",
    "name": "Ideia de Design do Dia",
    "feature": "Ideia de Design do Dia",
    "paragraph": "O A' Design Award apresenta uma ideia de design muito inovadora ou um conceito altamente criativo a cada dia, como a Ideia de Design do Dia, explorando o pensamento original, soluções práticas e abordagens inspiradoras à excelência em design.",
    "description": "Ideia de Design do Dia apresenta uma ideia de design muito inovadora, um conceito altamente criativo a cada dia, explorando o pensamento original, soluções práticas e abordagens inspiradoras à excelência global em design, selecionadas pelo altamente prestigiado A' Design Award and Competition.",
    "call_to_action": "Descubra a Ideia de Design do Dia",
    "date": "2026-11-08",
    "language": "pt",
    "image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
    "image_alt": "Ideia de Design do Dia apresentando um conceito inovador que ultrapassa fronteiras criativas",
    "url": "https://designideaoftheday.com/pt/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.com/pt/destaque/"
}

Bom saber

Mantenha o link à volta da imagem, para que os seus visitantes possam descobrir o destaque completo.
Use sempre o endereço da imagem mostrado acima e não guarde uma cópia, para que a sua página se mantenha atualizada.
A imagem é responsiva: nunca ultrapassa a largura do seu contentor.
Precisa de ajuda ou de um formato personalizado? Por favor contacte-nos.

Patrocinado

Descubra Designs Premiados