Integrasikan Petikan Reka Bentuk Hari Ini

Paparkan petikan reka bentuk hari ini di laman web anda sendiri secara percuma: sebagai teks, sebagai imej, dengan skrip ringkas atau sebagai JSON.

Petikan Hari Ini

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 mempunyai 9 pepatah reka bentuk pilihan.

Lihat semua petikan S.A.I.T. Studio.

Baca nota pengarang tentang pepatah reka bentuk #1331 - Resonance.

Setiap hari Design Adage memilih satu petikan reka bentuk antara ribuan. Kaedah berikut yang dinyatakan di halaman ini sentiasa memaparkan petikan reka bentuk terpilih hari ini, jadi anda boleh tampal kod sumber sekali sahaja dan pepatah reka bentuk yang dipaparkan di laman web anda kekal terkini dengan sendirinya. Setiap kaedah memaut kembali ke Design Adage.

Apabila anda klik pada kawasan teks, pratonton petikan seperti yang akan dipaparkan di laman web anda akan ditunjukkan. Terdapat varian teks sahaja dan imej sahaja yang boleh anda integrasikan. Anda boleh mengintegrasikannya ke laman web anda dengan selamat kerana kami tidak meletakkan kuki penjejakan atau mengumpul sebarang maklumat, kami mengutamakan privasi dan kami tidak menjejaki pengguna akhir mahupun mengumpul data peribadi.

1. Teks dan Pautan Petikan Reka Bentuk

Tampal kod berikut sekali ke laman web anda. Petikan reka bentuk adalah teks sebenar pada halaman anda, dilukis seperti imej infografik petikan reka bentuk: setiap gaya ditulis sebaris dengan !important, jadi lembaran gaya laman web anda tidak boleh mengubahnya, dan logo juga sebaris. Imej tidak dimuatkan daripada Design Adage. Pautan pepatah reka bentuk menghala ke petikan pilihan hari ini, dan skrip kecil di penghujung menggantikan petikan pilihan setiap hari (tanpa skrip, petikan kekal seperti yang ditampal, jadi jika anda hanya mahu mengintegrasikan petikan tertentu ini selama-lamanya, anda boleh meninggalkan bahagian skrip juga).

<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="Petikan Reka Bentuk Hari Ini - 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="Petikan Reka Bentuk Hari Ini - 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. Imej dan Pautan Petikan Reka Bentuk

Tampal kod ini sekali. Imej diganti setiap hari, dan pautan sentiasa menghala ke petikan hari ini.

<a href="https://designadage.com/ms/petikan-hari-ini" title="Petikan Reka Bentuk Hari Ini - Design Adage">
  <img src="https://designadage.com/quote-of-the-day.png" alt="Petikan Reka Bentuk Hari Ini" width="1080" height="1080" loading="lazy" style="max-width:100%;height:auto">
</a>

3. JavaScript Design Adage

Letakkan kod sumber berikut di laman web anda di mana anda mahu petikan reka bentuk hari ini dipaparkan. Skrip kami dibina semula setiap hari, jadi imej, penerangannya dan pautan sentiasa milik petikan hari ini. Oleh kerana kod ini memasukkan skrip ke laman web anda, sila jangan integrasikan pilihan ini untuk aplikasi penting, secara umum mengambil fail JSON kami mungkin lebih selamat.

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

4. JSON Design Adage

Untuk aplikasi penting kami mengesyorkan mengambil fail JSON kami berbanding mengintegrasikan skrip untuk keselamatan yang lebih tinggi, kerana anda boleh mengintegrasikan semakan anda sendiri dan mengesahkan apa yang dimuatkan serta mengintegrasikan langkah keselamatan. Anda boleh mengambil fail JSON petikan reka bentuk hari ini Design Adage untuk mendapatkan pepatah, pengarang dan pautan daripada sistem kami. Fail JSON kami boleh dibaca daripada mana-mana laman web yang mempunyai akses ke internet.

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); });

Bila mana mungkin, sila pautkan ke imej di DesignAdage.com berbanding menyalin pautan pepatah kami ke pelayan anda sendiri, kami menghargai jika anda boleh mengkreditkan pengarang dan menghormati harta intelek mereka. Anda tidak dibenarkan menggunakan pepatah untuk kempen politik, anda hanya boleh menggunakannya untuk tujuan pendidikan dan hiburan tetapi tidak untuk keuntungan komersial.