Integrējiet dienas dizaina citātu

Parādiet dienas dizaina citātu savā vietnē bez maksas: kā tekstu, kā attēlu, ar īsu skriptu vai kā JSON.

Dienas citāts

Design that resonates moves beyond space, it touches hearts and shapes culture.

— S.A.I.T. Studio

Resonance

2025-06-24 11:47:14

194

S.A.I.T. Studio ir 9 izceltas dizaina atziņas.

Skatīt visus S.A.I.T. Studio citātus.

Lasīt autora piezīmes par šo dizaina atziņu #1331 — Resonance.

Katru dienu Design Adage izvēlas vienu dizaina citātu starp tūkstošiem. Šajā lapā aprakstītās metodes vienmēr rāda šodienas izvēlēto dizaina citātu, tāpēc jūs varat ielīmēt pirmkodu vienu reizi, un jūsu vietnē izceltā dizaina atziņa pati paliek aktuāla. Katra metode satur saiti atpakaļ uz Design Adage.

Noklikšķinot uz teksta laukiem, tiks parādīts citāta priekšskatījums, kā tas izskatītos jūsu vietnē. Ir pieejami tikai teksta un tikai attēla varianti, ko varat integrēt. Jūs varat droši tos integrēt savā vietnē, jo mēs neievietojam izsekošanas sīkdatnes un neievācam nekādu informāciju — mūsu prioritāte ir privātums, un mēs nesekojam galalietotājiem un neievācam personas datus.

1. Dizaina citāta teksts un saite

Ielīmējiet šo kodu savā vietnē vienu reizi. Dizaina citāts ir reāls teksts jūsu lapā, noformēts kā dizaina citāta infografikas attēls: katrs stils ir rakstīts inline ar !important, tāpēc jūsu vietnes stilu lapas to nevar mainīt, un logotips arī ir inline. Attēli netiek ielādēti no Design Adage. Dizaina atziņas saite ved uz dienas izcelto citātu, un mazais skripts beigās nomaina izcelto citātu katru dienu (bez skripta citāts paliek tāds, kāds ielīmēts, tāpēc, ja vēlaties integrēt tieši šo konkrēto citātu uz visiem laikiem, varat atstāt skripta daļu ārā).

<div data-designadage-text="1" style="all:initial !important;display:flex !important;flex-direction:column !important;box-sizing:border-box !important;width:100% !important;max-width:540px !important;margin:16px auto !important;aspect-ratio:1/1 !important;container-type:inline-size !important;background:#EDEEE9 !important;color:#0B0B0B !important;border-radius:6px !important;direction:ltr !important;text-align:left !important;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;">
  <div style="all:initial !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;flex:1 1 auto !important;box-sizing:border-box !important;gap:24px !important;padding:9.3% 9.3% 8.4% !important;">
    <div style="all:initial !important;display:block !important;">
      <p style="all:initial !important;display:block !important;margin:0 !important;padding:0 !important;font-family:PT Serif,Georgia,Times New Roman,Times,serif !important;font-style:italic !important;font-weight:400 !important;font-size:41px !important;font-size:clamp(15px,7.6cqw,41px) !important;line-height:1.18 !important;letter-spacing:-.01em !important;color:#0B0B0B !important;text-align:left !important;overflow-wrap:break-word !important;"><a href="https://designadage.com/1331" title="Dienas dizaina citāts - Design Adage" style="margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;text-shadow:none !important;text-decoration:none !important;text-transform:none !important;cursor:pointer !important;color:#0B0B0B !important;font:inherit !important;">Design that resonates moves beyond space, it touches hearts and shapes culture.</a></p>
      <p style="all:initial !important;display:block !important;margin:.8em 0 0 !important;padding:0 !important;font-family:PT Serif,Georgia,Times New Roman,Times,serif !important;font-style:italic !important;font-weight:700 !important;font-size:28px !important;font-size:clamp(14px,5.2cqw,28px) !important;line-height:1.2 !important;color:#0B0B0B !important;text-align:right !important;overflow-wrap:break-word !important;">&mdash; S.A.I.T. Studio</p>
    </div>
    <div style="all:initial !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;box-sizing:border-box !important;gap:10px 16px !important;">
      <a href="https://designadage.com/" title="Design Adage" aria-label="Design Adage" style="margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;text-shadow:none !important;text-decoration:none !important;text-transform:none !important;cursor:pointer !important;color:#0B0B0B !important;display:block !important;flex:0 0 auto !important;width:150px !important;width:clamp(96px,28cqw,170px) !important;line-height:0 !important;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="43 216 754 163" aria-hidden="true" focusable="false" style="all:initial !important;display:block !important;width:100% !important;height:auto !important;fill:#0B0B0B !important;fill-rule:evenodd !important;"><g><path d="M177.38,346.03 c-2.87,0-5.99-0.22-9.26-0.66l-1.55-0.21 c-0.89-0.12-1.55-0.88-1.55-1.77V223.82c0-0.89,0.66-1.65,1.54-1.77 l1.55-0.21c3.32-0.46,6.47-0.69,9.38-0.69 c34.41,0,37.31,32.89,37.31,61.88 C214.8,312.47,211.77,346.03,177.38,346.03z M178.34,332.16 c0,0.24,0.19,0.44,0.43,0.45c0.3,0.01,0.6,0.02,0.89,0.02 c17.42,0,23.17-15.07,23.17-49.2c0-33.31-5.69-48.88-23.11-48.88 c-0.31,0-0.63,0.01-0.95,0.02c-0.24,0.01-0.43,0.21-0.43,0.45V332.16z "/><path d="M243.2,346.8 c-17.13-0.33-23.72-24.88-23.24-49.05 c0.29-14.65,1.86-48.29,24.48-48.29c23.57,0,22.02,37.72,21.85,52.42 c-0.01,0.98-0.81,1.76-1.79,1.76h-28.71c-0.96,0-1.75,0.76-1.79,1.72 c-0.85,19.45,11.55,44.63,20.22,14.6c0.32-1.1,1.58-1.61,2.58-1.06 l8.49,4.67c0.68,0.37,1.04,1.14,0.9,1.91 C264.03,337.14,254.2,346.93,243.2,346.8z M252.73,288.64 c-1.1-34.26-17.18-33.96-18.71-0.02c-0.05,1.02,0.77,1.88,1.79,1.88 h15.13C251.95,290.49,252.76,289.65,252.73,288.64z"/><path d="M292.57,346.52 c-9.55,0-20.06-6.13-22.01-19.84l-0.17-1.19 c-0.1-0.72,0.24-1.42,0.86-1.79l8.25-4.87 c0.97-0.57,2.23-0.11,2.6,0.95l0.72,2.07 c3.14,9.01,11.1,11.86,14.39,9.14c7.51-6.2,3.63-20-15.73-35.65 c-10.58-10.58-12.59-20.71-8.26-31.72 c3.45-8.76,11.03-14.64,18.87-14.64c4.89,0,14.03,2.31,20.43,17.78 l0.6,1.45c0.34,0.83,0.02,1.78-0.76,2.23l-8.89,5.13 c-1.02,0.59-2.33,0.04-2.62-1.1l-0.59-2.29 c-1.77-6.89-5.64-9.34-8.68-9.34c-1.96,0-3.81,0.96-5.09,2.63 c-1.94,2.54-2.38,6.32-1.23,10.66c2.31,6.42,7.43,11.49,12.86,16.86 c7.87,7.78,15.89,16.56,15.69,30.42 c-0.1,6.61-1.62,12.34-5.62,16.58 C304.28,344.14,298.58,346.52,292.57,346.52z"/><path d="M319.59,343.61v-90.91 c0-0.99,0.8-1.79,1.79-1.79h9.75c0.99,0,1.79,0.8,1.79,1.79v90.91 c0,0.99-0.8,1.79-1.79,1.79h-9.75 C320.39,345.4,319.59,344.6,319.59,343.61z M325.95,238.93 c-5.06,0-8.87-3.9-8.87-9.08c0-2.32,0.78-4.51,2.2-6.18 c1.66-1.95,4.06-3.03,6.75-3.03h0.26c5.11,0,8.96,3.96,8.96,9.21 c0,5.18-3.81,9.08-8.87,9.08H325.95z"/><path d="M352.34,367.72 c-0.42-1.01,0.16-2.16,1.22-2.42l2.03-0.5 c10.02-2.49,15.5-9.38,16.37-20.53c0.03-0.37-0.38-0.6-0.69-0.41 c-3.55,2.22-6.96,3.34-10.2,3.34c-3.95,0-22.54-1.79-22.54-48.79 c0-47.49,18.77-49.26,22.78-49.26c3.24,0,6.65,1.1,10.2,3.29 c0.15,0.09,0.34-0.01,0.34-0.19v-0.44c0-0.49,0.4-0.89,0.89-0.89 h10.93c0.82,0,1.48,0.66,1.48,1.48v84.35 c1.12,21.67-7.75,35.55-25.65,40.14l-1.5,0.38 c-0.86,0.22-1.75-0.22-2.09-1.04L352.34,367.72z M362.48,262.47 c-8.18,0-12.05,11.25-12.32,35.57c-0,0.06-0,0.18-0.01,0.23 c-0.56,12.66,1.59,35.65,12.83,35.65c8.85,0,8.85-6.39,8.85-10.69 l-0-49.66C371.84,269.04,369.1,262.47,362.48,262.47z"/><path d="M424.74,345.96 c-0.99,0-1.79-0.8-1.79-1.79l-0.01-68.63c0-4.19-0.39-7.92-2.33-10.17 c-1.44-1.67-3.47-2.55-5.88-2.55c-2.87,0-5.95,1.29-8.69,3.59 c-0.39,0.33-0.61,0.83-0.61,1.35l0,76.01 c0,0.99-0.8,1.79-1.79,1.79h-9.75c-0.99,0-1.79-0.8-1.79-1.79v-91.22 c0-0.82,0.66-1.48,1.48-1.48h11.12c0.4,0,0.72,0.32,0.72,0.72l0,0 c0,0.34,0.36,0.55,0.66,0.39c3.3-1.75,6.82-2.68,10.33-2.68 c5.72,0,11.1,2.49,14.77,6.84c4.3,5.09,5.05,11.63,5.05,19.79 c0,0,0.05,4.91,0.05,9.77l-0.02,58.28c-0,0.99-0.8,1.79-1.79,1.79 H424.74z"/><path d="M502.89,342.81l-6.2-27.97 c-0.18-0.82-0.91-1.4-1.74-1.4h-18.59c-0.84,0-1.57,0.59-1.75,1.41 l-6.04,27.96c-0.18,0.82-0.91,1.41-1.75,1.41h-18.55 c-1.16,0-2.01-1.09-1.74-2.21l28.91-117.63 c0.2-0.8,0.91-1.36,1.74-1.36h17.76c0.82,0,1.54,0.56,1.74,1.36 l28.74,117.63c0.28,1.13-0.58,2.21-1.74,2.21h-19.06 C503.8,344.21,503.07,343.62,502.89,342.81z M491.44,293.19 c0.29,0,0.5-0.26,0.44-0.54l-3.57-16.19 c-0.35-1.44-1.1-5.15-2.24-11.05c-0.09-0.48-0.78-0.49-0.88-0.01 c-0.66,3.35-1.4,7.03-2.2,11.02l-3.58,16.23 c-0.06,0.28,0.15,0.54,0.44,0.54H491.44z"/><path d="M552.79,345.87 c-19.03,0-28.68-16.39-28.68-48.72c0-14.8,2.53-26.34,7.52-34.3 c5.2-8.35,12.72-12.58,22.33-12.58c4.71,0,8.99,1.27,12.77,3.79V228.64 c0-0.67,0.37-1.28,0.96-1.59l17.18-8.9 c1.19-0.62,2.61,0.25,2.61,1.59v122.68c0,0.99-0.8,1.79-1.79,1.79 h-17.18c-0.99,0-1.79-0.8-1.79-1.79v-1.16 C562.5,344.32,557.83,345.87,552.79,345.87z M555.28,270.01 c-6.81,0-10.26,8.88-10.26,26.4c0,13.63,1.93,29.89,11.1,29.89 c4.22,0,7.6-1.91,10.29-5.84c0.2-0.29,0.3-0.65,0.3-1.01v-42.68 c0-0.38-0.12-0.76-0.35-1.07C563.47,271.88,559.83,270.01,555.28,270.01z" /><path d="M619.02,345.87 c-7.44,0-13.63-2.73-18.42-8.11c-5.15-5.58-7.77-13.49-7.77-23.47 c0-9.8,2.94-17.58,8.74-23.12c5.57-5.18,13-7.8,22.12-7.8 c3.66,0,7.13,0.51,10.35,1.51c0.29,0.09,0.58-0.12,0.58-0.42v-4.36 c0-6.98-2.75-10.09-8.93-10.09c-4.85,0-10.21,1.73-15.93,5.15 l-0.53,0.32c-0.86,0.52-1.98,0.22-2.48-0.66l-7.39-13.16 c-0.46-0.81-0.21-1.84,0.57-2.36l0.46-0.31 c8.68-5.78,17.59-8.72,26.46-8.72c10.29,0,17.46,2.13,21.9,6.51 c4.45,4.4,6.62,11.59,6.62,21.98v63.65c0,0.99-0.8,1.79-1.79,1.79 h-17.18c-0.99,0-1.79-0.8-1.79-1.79v-1.24 C630.28,344.3,625.05,345.87,619.02,345.87z M623.85,302.62 c-7.09,0-10.26,3.52-10.26,11.42c0,11.43,4.9,12.75,8.59,12.75 c5.47,0,9.45-1.95,12.14-5.97c0.19-0.29,0.29-0.64,0.29-0.99v-13.73 c0-0.72-0.42-1.36-1.08-1.65C630.72,303.24,627.48,302.62,623.85,302.62z"/><path d="M679.35,361.2 c-0.38-1.07,0.33-2.22,1.46-2.36l0.73-0.09 c8.92-1.14,14.91-3.24,17.8-6.27c2.17-2.28,3.51-6,4.01-11.1 c-4.1,2.99-8.69,4.49-13.71,4.49c-19.03,0-28.68-16.39-28.68-48.72 c0-14.77,2.53-26.31,7.52-34.3c5.23-8.35,12.74-12.59,22.34-12.59 c4.42,0,8.46,1.12,12.06,3.35c0.3,0.19,0.69-0.02,0.69-0.37v-0.24 c0-0.49,0.4-0.89,0.89-0.89h18.07c0.99,0,1.79,0.8,1.79,1.79v80.26 c0,13.3-2.83,23.29-8.42,29.69c-5.91,6.75-15.78,10.94-29.33,12.45 l-0.47,0.05c-0.83,0.09-1.61-0.4-1.89-1.19L679.35,361.2z M692.16,270.01c-6.82,0-10.27,8.88-10.27,26.4 c0,13.63,1.93,29.89,11.1,29.89c4.24,0,7.61-1.91,10.29-5.84 c0.2-0.29,0.3-0.65,0.3-1v-42.69c0-0.38-0.12-0.76-0.35-1.07 C700.35,271.88,696.72,270.01,692.16,270.01z"/><path d="M763.35,345.87 c-10.99,0-19.65-4.48-25.75-13.32c-5.8-8.21-8.76-19.68-8.76-34.07 c0-15.26,3.07-27.28,9.11-35.75c5.86-8.27,14.08-12.46,24.4-12.46 c9.84,0,17.87,4.07,23.88,12.1c6.18,8.51,9.3,20.46,9.3,35.54 c0,2.87-0.06,4.74-0.18,5.91l-0.23,2.13H750.44 c-0.26,0-0.47,0.23-0.45,0.5c1.99,19.51,10.8,19.51,13.79,19.51 c5.28,0,9.9-1.92,14.13-5.86l0.43-0.4 c0.71-0.66,1.82-0.64,2.5,0.06l10.58,10.91 c0.66,0.68,0.67,1.75,0.04,2.45l-0.38,0.42 C783.64,341.72,774.31,345.87,763.35,345.87z M773.81,287.36 c0.26,0,0.47-0.23,0.45-0.49c-0.47-4.83-1.7-8.82-3.67-11.87 c-2.17-3.36-4.97-4.99-8.57-4.99c-2.44,0-9.6,0-11.92,16.84 c-0.04,0.27,0.17,0.51,0.44,0.51H773.81z"/><path d="M129.34,276.22 c-8.47-0.59-15.73,5.02-17.7,12.75c-0.06,0.22-0.37,0.22-0.43-0 c-1.87-7.36-8.54-12.8-16.48-12.8c-7.94,0-14.6,5.44-16.48,12.8 c-0.06,0.22-0.37,0.22-0.43,0c-1.97-7.73-9.23-13.35-17.7-12.75 c-8.4,0.59-15.2,7.43-15.75,15.83 c-0.64,9.9,7.2,18.13,16.97,18.13c7.94,0,14.6-5.44,16.48-12.8 c0.06-0.22,0.37-0.22,0.43,0c1.87,7.36,8.54,12.8,16.48,12.8 c7.94,0,14.6-5.44,16.48-12.8c0.06-0.22,0.37-0.22,0.43,0 c1.87,7.36,8.54,12.8,16.48,12.8c9.76,0,17.61-8.23,16.97-18.13 C144.55,283.65,137.75,276.81,129.34,276.22z"/></g></svg></a>
      <a href="https://designadage.com/1331" title="Dienas dizaina citāts - Design Adage" style="margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;text-shadow:none !important;text-decoration:none !important;text-transform:none !important;cursor:pointer !important;color:#0B0B0B !important;display:block !important;flex:0 1 auto !important;min-width:0 !important;font-family:PT Sans Narrow,Arial Narrow,Roboto Condensed,Arial,Helvetica,sans-serif !important;font-style:normal !important;font-weight:400 !important;font-size:21px !important;font-size:clamp(11px,3.9cqw,21px) !important;line-height:1.2 !important;letter-spacing:normal !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;">designadage.com/1331</a>
    </div>
  </div>
</div>
<script async src="https://designadage.com/quote-of-the-day.js" data-designadage="text"></script>

2. Dizaina citāta attēls un saite

Ielīmējiet šo kodu vienu reizi. Attēls tiek nomainīts katru dienu, un saite vienmēr ved uz dienas citātu.

<a href="https://designadage.com/lv/dienas-citats" title="Dienas dizaina citāts - Design Adage">
  <img src="https://designadage.com/quote-of-the-day.png" alt="Dienas dizaina citāts" width="1080" height="1080" loading="lazy" style="max-width:100%;height:auto">
</a>

3. Design Adage JavaScript

Ievietojiet šo pirmkodu savā vietnē tur, kur vēlaties, lai parādītos dienas dizaina citāts. Mūsu skripts tiek pārbūvēts katru dienu, tāpēc attēls, tā apraksts un saite vienmēr atbilst šodienas citātam. Tā kā šis kods ievieto skriptu jūsu vietnē, lūdzu, neintegrējiet šo variantu svarīgām lietojumprogrammām — kopumā mūsu JSON faila ielāde var būt salīdzinoši drošāka.

<div id="designadage-quote"></div>
<script async src="https://designadage.com/quote-of-the-day.js"></script>

4. Design Adage JSON

Svarīgām lietojumprogrammām mēs iesakām ielādēt mūsu JSON failu, nevis integrēt skriptu, lai nodrošinātu augstāku drošību, jo jūs varat integrēt savas pārbaudes, verificēt ielādēto saturu un ieviest drošības pasākumus. Jūs varat ielādēt Design Adage dienas dizaina citāta JSON failu, lai iegūtu atziņu, autoru un saites no mūsu sistēmas. Mūsu JSON failu var nolasīt jebkura vietne ar piekļuvi internetam.

fetch('https://designadage.com/quote-of-the-day.json')
  .then(function (r) { return r.json(); })
  .then(function (q) { console.log(q.quote, q.author, q.url); });

Kad vien iespējams, lūdzu, saistiet uz attēlu DesignAdage.com, nevis kopējiet mūsu atziņu saites uz savu serveri — mēs novērtēsim, ja norādīsiet autorus un cienīsiet viņu intelektuālo īpašumu. Jums nav atļauts izmantot atziņas politiskām kampaņām; tās drīkst izmantot tikai izglītības un izklaides nolūkos, bet ne komerciālam labumam.