Designer Highlight of the Day
Embed Designer Highlight of the Day on Your Website
Designer Highlight of the Day publishes a new feature every day. The image address never changes, but the picture behind it does, so you add the code once and your visitors see today's feature automatically.
How it works
Every day a new picture is published at one fixed address. Your page loads that address, so it always shows the current feature, and a click takes your visitors to Designer Highlight of the Day where the full story is told.
Prefer a script? Add one container and one script: the widget draws the style you choose with data-dotd-variant (image, cta or card), in the language of the script address when that language is available. If you cannot run scripts, use the HTML version of the same variant.
Variant A: image only
Today's picture, linked to Designer Highlight of the Day. The lightest option.
Live preview
<a href="https://designerhighlightoftheday.com/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Designer Highlight of the Day featuring a remarkable designer, part of the global design community" 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"></script>Variant B: image and call to action
Today's picture with a call to action underneath.
Live preview
<a href="https://designerhighlightoftheday.com/" 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="Designer Highlight of the Day featuring a remarkable designer, part of the global design community" 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">Discover Designer Highlight of the Day</span>
</a><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js"></script>Variant C: Bootstrap card
A Bootstrap card with the picture, the title of the feature, a short paragraph and a call to action button. Your page needs Bootstrap.
Live preview
<div class="card" style="max-width:24rem">
<a href="https://designerhighlightoftheday.com/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Designer Highlight of the Day featuring a remarkable designer, part of the global design community" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Designer Highlight of the Day</h5>
<p class="card-text">A' Design Award features a leading designer, a star architect, a top creative or an innovator each day as the Designer Highlight of the Day, showcasing their achievements, creative work and contributions to the world of design.</p>
<a href="https://designerhighlightoftheday.com/" class="btn btn-danger" target="_blank" rel="noopener">Discover Designer Highlight of the Day</a>
</div>
</div><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js"></script>Option 3: JSON
For developers, apps and automation. The JSON contains the name, the description, the image address, the links and the date. Cross-origin requests are allowed.
fetch("https://designerhighlightoftheday.com/feature.json")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Example response
{
"domain": "designerhighlightoftheday.com",
"name": "Designer Highlight of the Day",
"feature": "Designer Highlight of the Day",
"paragraph": "A' Design Award features a leading designer, a star architect, a top creative or an innovator each day as the Designer Highlight of the Day, showcasing their achievements, creative work and contributions to the world of design.",
"description": "Designer Highlight of the Day features a leading designer, a star architect, a top creative or innovator each day, showcasing their achievements, creative work and contributions to the world of design, as recognized by the highly prestigious A' Design Award and Competition.",
"call_to_action": "Discover Designer Highlight of the Day",
"date": "2026-11-08",
"language": "en",
"image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
"image_alt": "Designer Highlight of the Day featuring a remarkable designer, part of the global design community",
"url": "https://designerhighlightoftheday.com/",
"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/feature/"
}Good to know
- Keep the link around the image, so your visitors can discover the full feature.
- Always use the image address shown above and do not store a copy, so your page stays current.
- The image is responsive: it never grows wider than its container.
- Need help or a custom format? Please contact us.