Күннің дизайн нақылын ендіру

Күннің дизайн нақылын өз сайтыңызда тегін көрсетіңіз: мәтін, сурет, қысқа скрипт немесе JSON ретінде.

Күннің нақылы

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 авторының 9 таңдаулы дизайн нақылы бар.

S.A.I.T. Studio авторының барлық нақылдарын көру.

#1331 дизайн нақылы бойынша автор жазбаларын оқу - Resonance.

Күн сайын Design Adage мыңдаған нақыл арасынан бір дизайн нақылын таңдайды. Осы бетте көрсетілген әдістер әрқашан бүгінгі таңдалған дизайн нақылын көрсетеді, сондықтан бастапқы кодты бір рет қойсаңыз, сайтыңыздағы дизайн адагесі автоматты түрде жаңартылып отырады. Әр әдіс Design Adage-ге кері сілтеме жасайды.

Мәтін аймақтарын басқан кезде нақылдың сіздің сайтыңызда қалай көрінетінінің алдын ала көрінісі көрсетіледі. Ендіруге болатын мәтін мен тек сурет нұсқалары бар. Біз бақылау cookie файлдарын орнатпайтындықтан және ешқандай ақпарат жинамайтындықтан, оларды сайтыңызға қауіпсіз ендіре аласыз, біз құпиялылықты бірінші орынға қоямыз және соңғы пайдаланушыларды бақыламаймыз, жеке деректерді жинамаймыз.

1. Дизайн нақылы мәтіні мен сілтемесі

Келесі кодты сайтыңызға бір рет қойыңыз. Дизайн нақылы бетіңіздегі нақты мәтін болып, дизайн нақылы инфографика суреті сияқты көрінеді: әрбір стиль !important-пен инлайн жазылған, сондықтан сайтыңыздың стиль кестелері оны өзгерте алмайды, логотип те инлайн. Суреттер Design Adage-ден жүктелмейді. Дизайн адагесінің сілтемесі күннің таңдаулы нақылына апарады, ал соңындағы шағын скрипт таңдаулы нақылды күн сайын ауыстырады (скриптсіз нақыл қойылған күйінде қалады, сондықтан осы нақты нақылды мәңгі ендіргіңіз келсе, скрипт бөлігін алып тастауға болады).

<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="Күннің дизайн нақылы - 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="Күннің дизайн нақылы - 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. Дизайн нақылы суреті мен сілтемесі

Бұл кодты бір рет қойыңыз. Сурет күн сайын ауыстырылады, ал сілтеме әрқашан күннің нақылына апарады.

<a href="https://designadage.com/kk/kun-saiyyn-nakyl" title="Күннің дизайн нақылы - Design Adage">
  <img src="https://designadage.com/quote-of-the-day.png" alt="Күннің дизайн нақылы" width="1080" height="1080" loading="lazy" style="max-width:100%;height:auto">
</a>

3. Design Adage JavaScript

Келесі бастапқы кодты сайтыңызда күннің дизайн нақылын көрсеткіңіз келетін жерге қойыңыз. Біздің скрипт күн сайын қайта жасалады, сондықтан сурет, оның сипаттамасы және сілтеме әрқашан бүгінгі нақылға тиесілі. Бұл код сайтыңызға скрипт кірістіретіндіктен, маңызды қосымшалар үшін бұл опцияны ендірмеңіз, жалпы біздің JSON файлын алу салыстырмалы түрде қауіпсіз болуы мүмкін.

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

4. Design Adage JSON

Маңызды қосымшалар үшін қауіпсіздікті арттыру мақсатында скриптті ендірудің орнына біздің JSON файлын алуды ұсынамыз, өйткені сіз өз тексерулеріңізді ендіріп, не жүктелетінін тексеріп, қауіпсіздік шараларын ендіре аласыз. Біздің жүйемізден адагені, авторды және сілтемелерді алу үшін Design Adage-нің күннің дизайн нақылы JSON файлын ала аласыз. Біздің JSON файлын интернетке қолжетімді кез келген сайт оқи алады.

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

Мүмкіндік болған сайын, адаге сілтемелерін өз серверіңізге көшірудің орнына DesignAdage.com сайтындағы суретке сілтеме жасаңыз, авторларды көрсетіп, олардың зияткерлік меншігін құрметтеуіңізді қалаймыз. Адагелерді саяси науқандар үшін пайдалануға рұқсат етілмейді, оларды тек білім беру және ойын-сауық мақсатында пайдалануға болады, бірақ коммерциялық пайда алу үшін емес.