Marka Designu Dnia

Osadź Marka Designu Dnia na swojej stronie

Marka Designu Dnia publikuje nową prezentację każdego dnia. Adres obrazka nie zmienia się, ale zdjęcie pod nim — tak. Wystarczy raz dodać kod, a Twoi odwiedzający automatycznie zobaczą dzisiejszą prezentację.

Jak to działa

Każdego dnia pod jednym stałym adresem publikowany jest nowy obraz. Twoja strona ładuje ten adres, więc zawsze wyświetla bieżącą prezentację, a kliknięcie przenosi odwiedzających do Marka Designu Dnia, gdzie znajduje się pełna historia.

Wolisz skrypt? Dodaj jeden kontener i jeden skrypt: widżet rysuje styl wybrany za pomocą data-dotd-variant (image, cta lub card), w języku określonym adresem skryptu, jeśli dany język jest dostępny. Jeśli nie możesz uruchamiać skryptów, użyj wersji HTML tego samego wariantu.

Wariant A: sam obrazek

Dzisiejszy obrazek z linkiem do Marka Designu Dnia. Najlżejsza opcja.

Podgląd na żywo

<a href="https://designbrandoftheday.com/pl/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="Marka Designu Dnia ukazująca markę napędzaną designem, wyróżniającą się doskonałością wzornictwa" 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=pl"></script>

Wariant B: obrazek i wezwanie do działania

Dzisiejszy obrazek z wezwaniem do działania poniżej.

Podgląd na żywo

<a href="https://designbrandoftheday.com/pl/" 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="Marka Designu Dnia ukazująca markę napędzaną designem, wyróżniającą się doskonałością wzornictwa" 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">Odkryj Markę Designu Dnia</span>
</a>

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

Wariant C: karta Bootstrap

Karta Bootstrap z obrazkiem, tytułem prezentacji, krótkim opisem i przyciskiem wezwania do działania. Twoja strona wymaga Bootstrap.

Podgląd na żywo

<div class="card" style="max-width:24rem">
  <a href="https://designbrandoftheday.com/pl/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" class="card-img-top" alt="Marka Designu Dnia ukazująca markę napędzaną designem, wyróżniającą się doskonałością wzornictwa" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Marka Designu Dnia</h5>
    <p class="card-text">A' Design Award codziennie prezentuje markę światowej klasy, napędzaną designem, jako Markę Designu Dnia, podkreślając jej tożsamość, wizję twórczą, produkty, projekty korporacyjne i wyróżniające podejście do wzornictwa.</p>
    <a href="https://designbrandoftheday.com/pl/" class="btn btn-danger" target="_blank" rel="noopener">Odkryj Markę Designu Dnia</a>
  </div>
</div>

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

Opcja 3: JSON

Dla programistów, aplikacji i automatyzacji. JSON zawiera nazwę, opis, adres obrazka, linki i datę. Żądania między domenami są dozwolone.

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

Przykładowa odpowiedź

{
    "domain": "designbrandoftheday.com",
    "name": "Marka Designu Dnia",
    "feature": "Marka Designu Dnia",
    "paragraph": "A' Design Award codziennie prezentuje markę światowej klasy, napędzaną designem, jako Markę Designu Dnia, podkreślając jej tożsamość, wizję twórczą, produkty, projekty korporacyjne i wyróżniające podejście do wzornictwa.",
    "description": "Marka Designu Dnia codziennie prezentuje markę światowej klasy napędzaną designem, podkreślając jej tożsamość, wizję twórczą, produkty, projekty korporacyjne i wyróżniające podejście do wzornictwa, wyłonioną przez prestiżowy konkurs A' Design Award and Competition.",
    "call_to_action": "Odkryj Markę Designu Dnia",
    "date": "2026-11-08",
    "language": "pl",
    "image": "https://competition.adesignaward.com/design-brand-of-the-day/today.png",
    "image_alt": "Marka Designu Dnia ukazująca markę napędzaną designem, wyróżniającą się doskonałością wzornictwa",
    "url": "https://designbrandoftheday.com/pl/",
    "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/pl/prezentacja/"
}

Warto wiedzieć

Zachowaj link wokół obrazka, aby odwiedzający mogli odkryć pełną prezentację.
Zawsze używaj adresu obrazka podanego powyżej i nie zapisuj kopii, aby Twoja strona była aktualna.
Obrazek jest responsywny: nigdy nie przekracza szerokości swojego kontenera.
Potrzebujesz pomocy lub niestandardowego formatu? Skontaktuj się z nami.

Sponsorowane

Odkryj nagradzane projekty